Forms can be:

  • embedded directly to web pages
  • shown in a dialog (popup) window 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

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

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

JavaScript embed: recommended

Analytics

  • Will load as part of the same page view as the parent page

Scripts and styling

  • 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.

Other considerations

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

<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 www.website.com the iframe must be embedded from https://subdomain.mywebsite.com

Scripts and styling

  • 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

Other considerations

  • 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 button.

Before you paste the embed code to your web page you need to include the tracking script on your website. The tracking code can be found on the account options page.

(The only exception is if you use Envoke for lead attribution reports and sales forms, in which case part of the visit tracking code already includes this form control script.)

<button class="nvkPopup" data-id="FORM_ID" style="color: #333; background-color: #fff; padding: 6px 12px; font-size: 14px; border: 1px solid transparent; border-color: #ccc; border-radius: 
4px;">Download</button>

DISPLAY OPTION #3: Show as a 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?