Adding a Form to a WIX Site

Here are the steps to help you add a form to your WIX site.

  1. Add an HTML block to your page where you want the form to be.
  2. View the page live and find the HTML ID for the block by right clicking on it and 'inspecting'. It should look like thisWIX_Inspect.png
  3. Copy the HTML ID and place it into the following script along with your Form ID that you want to show up on this page:
<script type='text'/javascript'>
var i = setInterval(function () {
if (typeof AD !== 'undefined') {
clearInterval(i);
AD.jQuery(function () {
AD.jQuery("#HTML_ID").html("<div class='activedemand-replace' data-type='Form' data-id='AD_FORM_ID'></div>");
AD.jQuery("#HTML_ID").css('height', 'auto');
AD.ready(function () {
AD.dynamic_replace();
});
});
}
}, 300};
</script>
  1. Go to Settings -> Advanced -> Custom Code
  2. Add/edit the Head Custom Code and place your tracking script as well as the code above into the code snippet section WIX_Custom_Code.png
<script src="https://data.staticfiles.io/accounts/XXXXXXXXXXXXXXXXX/load.js" type="text/javascript" async defer></script>

<script type='text'/javascript'>
var i = setInterval(function () {
if (typeof AD !== 'undefined') {
clearInterval(i);
AD.jQuery(function () {
AD.jQuery("#HTML_ID").html("<div class='activedemand-replace' data-type='Form' data-id='AD_FORM_ID'></div>");
AD.jQuery("#HTML_ID").css('height', 'auto');
AD.ready(function () {
AD.dynamic_replace();
});
});
}
}, 300};
</script>
  1. Add the tracking script to the head of all pages
  2. Add your custom code for the form to the head of ONLY the pages with the form on it.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.