Embedding Funnel forms is really easy. As soon as you've created a form you get its embed code that you simply copy and paste into your site, wherever you'd like the form to appear.

The code that you will need to copy and paste will look something like this:

<link rel="stylesheet" href="https://s3.amazonaws.com/funnelnow/uni-form/uni-form.css"> <!-- Your form's CSS --><script src="//code.jquery.com/jquery.js"></script> <!-- You don't need jQuery if you already included it --><div id="funnelFormContainer"></div> <!-- This is the container of your form --><script type="text/javascript" src="https://www.funnelcrm.co/widget/[WIDGET_ID]"></script>
  1. The first line is the Uni-Form stylesheet that gives your form some basic styling and layout. If you want to style your form from scratch, you can choose to discard this line and not include it.
  2. The second line includes the jQuery JavaScript library needed for all Funnel forms to work. If you are already including jQuery elsewhere in your page, you can discard this line.
  3. The third line is the HTML element that will hold your form. This element must be present in your page.
  4. Fourth line includes the JavaScript code needed for the embedded form to work. This line must be included.
  5. Simply drop this piece of code wherever you want your form to appear within a page on your website. That's all there is to it.

Warning: Important note about having multiple forms per page.

At the moment it is not possible for more than one Funnel form to reside on the same page at once. Make sure you always have just one form on the page in order for things to work as expected.

Did this answer your question?