This article outlines the steps needed to embed a list of publicly shared schedules on your website. Embedding schedules on your website allows you to easily maintain all of your schedules in one place using the Schedule Builder feature of ClearEvent's Event Manager App.
Embedding a list of schedules, instead of just a single schedule, allows visitors to your website to easily browse all public schedules you have shared through the ClearEvent platform.
Prerequisites
Before you can embed a list of schedules, make sure you follow the steps outlined in the How to Embed Content from your Event Portal. You must ensure that the JavaScript file iframeResizer.min.js is loaded by your website.
Embed a list of Schedules
Go to the Event Manager App > Schedules section > Schedules tab.
Edit any publicly shared Schedule and go to the Sharing tab.
Copy HTML code from the Share Code field to your clipboard.
On your website, paste the HTML Share Code where you want the list of schedules to appear. The Share Code will look similar to the following, but will still require a few manual changes before a list of Schedules can be displayed:
<iframe id="ceIframeSchedule" src="https://app.clearevent.com/event/[YOUR-EVENT-ID-HERE]/schedules/1234" frameborder="0" style="width: 1px; min-width: 100%;"></iframe>
<script type="text/javascript">iFrameResize({ log: false}, '#ceIframeSchedule');</script>Next, modify the Share Code slightly by editing the link in the
srcattribute to remove the schedule id/1234and add the configuration parameter?backButton=trueas follows:<iframe id="ceIframeSchedule" src="https://app.clearevent.com/event/[YOUR-EVENT-ID-HERE]/schedules?backButton=true" frameborder="0" style="width: 1px; min-width: 100%;"></iframe>
<script type="text/javascript">iFrameResize({ log: false}, '#ceIframeSchedule');</script>Save your changes.
View your web page to ensure it displays the list of Schedules properly.
Happy Planning!