Skip to main content

Iframes

Iframes allow embedding in web pages a page that comes from another server without the visitor being aware of it. This makes them perfect for integrating an Eventmaker form into your website.

Updated over a week ago

Limits of iframes

There are 3 main limitations to the use of iframes. All 3 can be worked around if you follow this online documentation to the letter.

  • An iframe displays poorly by default: it shows a border and a scrollbar

  • Iframes do not provide page view statistics in Google Analytics

  • On an unsecured website, some browsers display an error message instead of rendering an iframe.

Embedding the iframe

Ensure your form design is appropriate

To embed your site via an iframe, you must consider the complete user interface. To streamline your form as much as possible and remove all header and footer elements, you must choose the iframe layout in the editing of your form page. To do this, go to your registration category and click on the Registration form block, then on the gear to the right of the form name. Then you can click the Layout dropdown and choose the For iframe embedding option before saving your changes.

Find the snippet to embed on your website

We invite you to use the embed code available in the category's registration flow

To do this, click the small hamburger menu at the bottom of the form icon, then click on the integration module.

You can use the first code box directly and copy-paste it into the source code of your website.

This snippet will ensure that your form is always the correct height on your site so there is no double scrollbar. This resolves iframe display issues.

Continue tracking your visitors

You can give up on Google Analytics and its origin and conversion analyses on that tool, but it's not a big deal, as you will find all this information in Eventmaker.

To do this, you must continue to dynamically track your UTM variables inside your iframe. If you look in detail at the snippet code, you will see that there is the form link:

To be able to track this link, you would need to add variables at the end of the URL, for example with the 👍 second half of the adjacent link : https://eurofa.eventmaker.io/?utm_source=website, but this assumes that your website is able to handle the variable change directly.

To make it easier for you, we provide the second snippet which you must insert on all pages of your site.

Thus, you will be able to insert your tracking variables directly into your website's URL :

Did this answer your question?