Embed Nexa on your own site

All Nexa pages can be embedded on your own site. However, some are especially made for this, while others are optimized for stand alone usage.

Depending on your CMS system, there are various ways to embed a Nexa page. Since we cannot cover all the possibilities, we have decided to show the most common way, being an iframe.

Step 1

In your CMS system, create an iframe in the place you want to embed Nexa.

If you have access to the complete HTML, you can use the code snippet below.

replace [EVENT-URL] with the URL you find in step 2.

Adjust the width of the iframe, to match your design. Nexa will adjust it's content to the available space.

1. <iframe
2.       id="eventFrame"
3.       src="[EVENT-URL]"
4.       style="width: 600px; border: none; display: block;"
5.       scrolling="no"
6.       allowfullscreen="true"
7.     ></iframe>
8. 
   
9.     <script>
10.       window.addEventListener("message", function (event) {
11.         if (event.data.type === "setHeight") {
12.           const iframe = document.getElementById("eventFrame");
13.           iframe.style.height = event.data.height + "px";
14.         }
15.       });
16.     </script>

When embedding a page in an iframe, you need to specify both height and width of the iframe. Since the height of the Nexa page can vary, you need to add the JavaScript as well. This ensures, that the iframe will adjust it's size to the actual content of the Nexa page. The JavaScript must be placed AFTER the iframe tag.

Step 2

Locate the URL of the Nexa event page by opening the event and find the "Copy URL" button in the "Overview" for the event.

You need the URL in the next steps.

• Related Articles

• Registration Embed

  This is a simplified template, just for registration forms. It is built to be embedded on your own website, to collect registrations. You still have all the features of Nexa as you know. Learn about embedding a Nexa page here.

• Registration Landingpage

  This is a combined lading and registration page. You can promote your event as well as let visitors register for the event right away, utilizing all the powerful tools from Nexa. Learn about embedding a Nexa page here.

• Livestream Only

  If you need to livestream an event and just nees the power of Nexas livestream component with countdown and differentiation between before, during after and on demand, use this template. It is built to be embedded on your own website. Learn about ...