If you maintain your own event website, you can embed event details from your ClearEvent Event Portal Web App into your website.
Embedding event details from ClearEvent's Event Portal on your own website helps reduce the need for duplicate data entry. It also allows you to update event details displayed on your website and on ClearEvent's Event Portal from a single place within ClearEvent's Event Manager App.
Example: A sample event website showing an embedded Schedule
What can be embedded?
You can embed information from any of the following pages of your ClearEvent Event Portal:
Event Info: Embed the event details displayed in the Event Portal > Event Info page.
Sponsors: Embed the list of sponsors displayed in the Event Portal > Sponsors page.
Schedules: Embed a list of public schedules or an individual public schedule displayed in the Event Portal > Schedules pages.
Messages: Embed a list of public messages or an individual public message displayed in the Event Portal > Messages page.
Contacts: Embed the list of contacts displayed in the Event Portal > Contacts page.
Locations: Embed the list of locations displayed in the Event Portal > Locations page.
NOTE: Embedding content from other areas of your Event Portal other than the above pages is not supported.
How embedding content works
ClearEvent uses an HTML <iframe/> element to enable adding embedded content to your own website. This means that your website must support adding iframes to enable embedding.
We also require that you add a small JavaScript file to your website called iframeResize.min.js. This script file helps to ensure that the iframe you embed remains responsive on different device screen sizes and can adjust its dimensions to fully display the embedded iframe content and avoid any content clipping.
How to embed content from your Event Portal
To embed content from your Event Portal on your own website, please follow these steps:
Download the JavaScript file iframeResizer.min.js and save it to your computer.
Upload iframeResizer.min.js from your computer to your web server. We recommend storing this file in a folder on your web server called
"/Scripts".
Add the
<Script/>tag below to the web page(s) where you would like to embed content from ClearEvent. Be sure to replace the{{PathToScriptFile}}with the path on your web server where the uploaded script from the previous step can be found (e.g."/Scripts"):
Script Tag
<script src="{{PathToScriptFile}}/iframeResizer.min.js"></script>
Next, paste the following generic embed code for the Event Portal page you would like to embed. Be sure to replace the
{{url}}placeholder with the appropriate Event Portal page link. See below the list of supported embed links below.
Generic Embed Code:<iframe id="ceIframe" src="${{url}}" frameborder="0" style="width: 1px; min-width: 100%;"></iframe><script type="text/javascript">iFrameResize({ log: false}, '#ceIframe');</script>
TIP: You can copy the complete embed code and Share Links for various content from the Event Manager App.
Supported Embed Links
Embed Link Type | Embed Link Format |
Contacts List | https://app.clearevent.com/event/{{EventId}}/contacts |
Event Info | https://app.clearevent.com/event/{{EventId}}/info |
Locations List | https://app.clearevent.com/event/{{EventId}}/locations |
Message List | https://app.clearevent.com/event/{{EventId}}/locations |
Sponsor List | https://app.clearevent.com/event/{{EventId}}/sponsors |
Schedule | https://app.clearevent.com/event/{{EventId}}/schedules/{{ScheduleId}} |
Schedule List | https://app.clearevent.com/event/{{EventId}}/schedules |
The {{EventId}} placeholder parameter must be substituted with your EventId, which can be found in the Event Portal URL (e.g. "https://app.clearevent.com/event/6ad5dbf5-3a01-4024-86c8-9dda896391b1/info"
Considerations when embedding Event Portal content on your website
The white background color, any fonts, and any styles are inherited from your Event Portal and cannot be changed in the embedded iframe.
Any content from your Event Portal that you wish to embed in your website must be shared publicly.
We do not support embedding tickets or registration forms directly. It is best to simply link to these from your website and direct attendees over to the ClearEvent platform.
If you wish to add multiple embeds to a single page on your website, you must update the iframe's
idattribute andiFrameResizefunction'sidargument to assign a unique value for each additional embed you add to your page.
Updating embedded content
Updating content you have embedded on your website from your Event Portal is simple.
Go to https://app.clearevent.com and open the Event Manager App for your event.
Find the data you want to update (for example, edit a Schedule) and make any changes needed. Data you wish to embed must be public.
Save your changes.
Changes you make to data in ClearEvent (that has been publicly shared and embedded on your website) will be instantly available on your website.
Still have questions? Chat with us?
Happy planning!