Embedding a Form

Learn how to embed a Campus form on your website so you can start capturing leads

If you want to learn how to create a Lead Generation Form then you can read this help article.

 

Note

You need access to your website's files to be able to embed a form. If you don't have access or you don't feel confident editing the files of your website then it's probably best to email this help topic to the person who takes care of your website.

 

1. Head on over to the Marketing module and then Forms page. In the Forms List find the form you want to embed.

2. Click on the Embed Form Code button. This will open an Embed Your Form Code window.

 

 

Click on the Copy Code button to store your form code in your computer's clipboard memory.

3. Now go to the file in your website files where you want to place your form and paste in the embed code.

4. Save your website's file and you're done (remember if you've been working on your website files locally then you'll need to 'put' them to your live site).

N.B. If you are only able to add the code in the head section of your website then follow the below instructions:

1. Put provided form code in the head, but remove the ID from the script tag:

<script>
var form_id = '7FD37OM3JG';
(function(w,d,r){var h = d.getElementsByTagName("head")[0];var s = d.createElement
('script');s.type = 'text/javascript';s.src = r;h.appendChild(s);})
(window,document,'//cc.dev.local/assets/application/js/formgen.js');
</script>

2. Put the ID on any other element to load the form inside:

<div id="form_7FD37OM3JG"></div>