Embed an Eventtia page into your website

Sometimes as an event organizer, you have your own website and need to embed certain pages of your Eventtia website into it. What kind of pages?

  • Registration 
  • B2B Matchmaking 
  • Activities
  • Speakers
  • A custom block

This is useful for when you want to complement your website with information related to the event you're managing with our platform.

For Example: You need to embed the Eventtia registration form page into a tab of your own domain website:

How to embed your event registration form on your website?

First of all, you need to know how to add the registration form (or any other page) to your event website. This process is outlined in our article How to use the website editor's building blocks, Step 1. Registration types.

When you've added the form to your event website, you can get the link in two simple steps:

  1. Click on the world icon from your back office and it will open a new tab with the website you have created in Eventtia.

   

2. Afterwards, click on the registration types (it will take you to the registration form) and the link is the one you get on your web browser's navigation bar. Here is a screenshot:

 

Here the instructions to embed the page on your own website:

1. After you've got the link of the page, copy/paste the following code inside your website; where you would like it to appear.

Important: You need to insert the link in the part of the code that says "INSERT THE LINK HERE"

<iframe id="connect-iframe" src= "INSERT THE LINK HERE"  height="700px" frameborder="0" width="100%" scrolling="no" border="0"></iframe>

<script src="https://cdn.jsdelivr.net/npm/iframe-resizer@3.5.1/js/iframeResizer.min.js" integrity="sha256-Z1iRUZmPPtjsdS5EcSGL1lLvwzJR1IRRIL3J74vDw/s=" crossorigin="anonymous"></script>

<script type="text/javascript">

var options = {

inPageLinks: true,

};

var iframes = iFrameResize( options, '#connect-iframe' );

function scrollOnError(event) {

var data = event.data

var comesFromEventtia = event.origin === 'https://connect.eventtia.com/';

var connectIframe = document.getElementById('connect-iframe');

if (!!connectIframe && comesFromEventtia && typeof data === 'object' && !!data.scrollToConnectIframe) {

var box = connectIframe.getBoundingClientRect();

var body = document.body;

var docEl = document.documentElement;

var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;

var clientTop = docEl.clientTop || body.clientTop || 0;

var top = box.top + scrollTop - clientTop;

window.scroll(0, top);

}

}

window.addEventListener("message", scrollOnError, false);

</script>



2. Save the changes and you're good to go.

There you go! You now know how to embed an Eventtia page into your own website!