Embeddable Event

How to Obtain Embeddable Event Code

To embed an event on your website or landing page, follow these steps:

1. Navigate to the Event Page: From your dashboard, locate the event you want to embed. Click on the event, then select Event page in the pop-up that appears.

2. Locate the Embeddable Event Section: On the event page, scroll down until you see the Embeddable event section. Here, you will see a preview of how the event will appear when embedded on your website.:

3. Copy the Embed Code: Click Copy code to copy the embeddable event code to your clipboard. If you want to view the code snippet before copying, click the <> (view code) button.

Alternative Embedding Method: Using an iFrame

If you prefer, you can embed your event using an iframe. This approach inserts the entire event page directly onto your website. To do this, use the following HTML code:

<iframe src="EVENT_URL?embed=true&embedstyle=1&embedheight=auto&embedshare=no" style="width: 100%; height: 100%; display: block; border:0;"></iframe>

• Replace EVENT_URL with the actual URL of your event page.
• Once you’ve updated the code, it will look similar to the example shown below.

Example iframe:

<iframe src="https://addevent.com/event-page?embed=true&embedstyle=1&embedheight=auto&embedshare=no" style="width: 100%; height: 100%; display: block; border:0;"></iframe>

Inserting the Embeddable Code on Your Web Page

Once you’ve copied the embed code (or updated the iframe code), paste it into the HTML of the web page where you want your event to appear.

👍

This is a feature included in our paid plans.