Forms can be:

  • embedded directly to web pages
  • shown in a lightbox (also called a dialog window or popup) when a link or button is clicked
  • displayed as stand-along landing pages

These display options aren't mutually exclusive.

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.

DISPLAY OPTION #1: Embed on page directly

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>:

Embed option 1) JavaScript embed: recommended

  • 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

DISPLAY OPTION #2: Display as a popup (dialog window)

The popup with the form is triggered by a link or a button.

DISPLAY OPTION #3: Show as hosted landing page

Grab the URL of the landing page from the form editor to display the form as a stand-alone landing page. In order to use vanity URLs you need to have a custom domain configured.

Form styles

Related article: How to style forms

Did this answer your question?