Forms can be:

  • embedded directly to web pages

  • displayed as stand-alone landing pages

These display options aren't mutually exclusive: You can have the same form shown at different locations either embedded or as a hosted landing page.

Form are responsive by default and synced real time to your account: any update you make in the form editor will immediately be reflected on embedded forms.

Embed on a web page

From the sidebar of the form editor, select the "Embed on website" option and click the "Get Embed Code" button then paste the code to your website.

Forms will appear where the embed code is placed and will fill the entire width of the parent container (responsive display).

To embed a form using Wordpress, paste the form code in the Text (HTML) editor mode:

You have two options to embed forms directly to pages: JavaScript or <iframe>:

  • Analytics will load as part of the same page view as the parent page

  • Javascript as well as CSS from this form will have access and the ability to affect other parts of the page. This can be used to search for elements on the page, or in the URL, to automatically determine business unit, product name, etc

  • When using the "Redirect URL" final action, on submission the entire page will post back and be redirected to provided URL.

Embed option 2) <iframe> - use this only if JavaScript embed doesn't work.

  • Analytics will load as a different, additional page view as the parent page

  • Must use SSL enabled custom domain that shares the same root domain as the parent URLFor example if your website is the iframe must be embedded from

  • No styles will be inherited from the parent pageThere is no possibility of conflict with the parent pageAll scripts and styling must exist in the HTML of the engagement

  • When when using the "Redirect URL" final action, on submission in iframe embed will refresh itself without changing the rest of the parent pageThe redirect URL should point to a page of similar size that will fit into the <iframe> of the 1st step

  • The width and height attributes of the <iframe> are customizable and will vary with each implementation

Show as hosted landing page

Grab the URL of the landing page from the form editor to display the form as a hosted landing page. In order to use vanity URLs you need to have a custom domain configured. In the absence of vanity URLs a default URL is used.

Here are some formatting tips to show forms on landing pages:

More form settings

Read more about working with forms such as styles, standard and custom fields, display options, subscriptions, etc.

Did this answer your question?