Using the Eventive Embed Wizard, you can embed pages from your Eventive site directly into your organization's website to offer customers frictionless schedule browsing, ticket sales, and pass sales without ever leaving your site.
The embedded version of Eventive is fully responsive and resizes to fit your website, on both desktop and mobile devices.
NOTE: Embedding Eventive into your own website requires knowledge of where on your site's backend that you can add custom embed code.
Embed Eventive in your site
Navigate to your event bucket settings page
Scroll down to Embed in your website and click Open embed wizard
Select the page you wish to embed from the dropdown menu of page options
Select a background color (the color is transparent by default)
Copy and paste the generated HTML code directly into your website where you'd like the page to appear
Refresh your personal website and you should see the Eventive embed!
NOTE: If embedding your Schedule page, be sure to select a default schedule view mode. Visitors will still have the opportunity to change view modes, but what you select here is simply the default displayed in your embedded version.
Pages you can embed using the Embed Wizard
Schedule - [yourevent].eventive.org/schedule
Pass Sales - [yourevent].eventive.org/passes/buy
Film Guide - [yourevent].eventive.org/films
Welcome page - [yourevent].eventive.org/welcome
Donation page - [yourevent].eventive.org/donate
Manually embedding a single page from your Eventive Native Site
The embed code can be edited to embed any page from the Eventive native site into your website.
<a id="eventive-embed" href="https://[yourevent].eventive.org/xxx/xxx">View Your Eventive Website.</a><script type="text/javascript" src="https:/[yourevent].eventive.org/embed.js"></script>
There are two parts of this code that you’ll need to edit to embed a specific page from your eventive native site.
The url in the attribute tag must be changed to the complete url of the native site page that you want to embed.
In the script tab, the url must be changed to contain your subdomain.
You might also want to change the link text “View your Eventive Website” to something more descriptive. This text will not show, but when looking at your website code, having something more specific in this place will make it clearer what this specific embed contains.
Example
To embed the Physical Event page for Eventive Goes to the Moon (https://funvirtual.eventive.org/schedule/62fa95a6943143005b9c814f) here is the updated code:
<a id="eventive-embed" href="https://funvirtual.eventive.org/schedule/62fa95a6943143005b9c814f">View Eventive Goes to the Moon.</a><script type="text/javascript" src="https:/funvirtual.eventive.org/embed.js"></script>
Embedding a Virtual Screening Page
Embedding a Virtual Screening page requires a slightly different code snippet in order to allow for the playback of encrypted content. To use the following script, replace the URL with the url of the virtual screening page that you would like to embed.
<iframe src="https://watch.eventive.org/[yourevent]/play/xxx" width="100%" height=1100px frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Example
To embed the Virtual Screening page for Eventive Goes to the Moon (https://watch.eventive.org/funvirtual/play/6036d254eae21d005c788d9c) here is the updated code:
<iframe src="https://watch.eventive.org/funvirtual/play/6036d254eae21d005c788d9c" width="100%" height=1100px frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
NOTE: For this embed code to function completely as intended without error, this code’s iframe must be a top level iframe that is outside / independent of any other iframes in use on the site. This code should not be contained within another iframe or iframes, or it may present a DRM error or other potential rendering issues. If you are using a site building tool, template or widget that places the embed code within another iframe or iframes, please reach out to the tool, template or widget provider to troubleshoot as Eventive is not in a position to troubleshoot a third party tool, template or service. If you need additional support from Eventive please consider our premium support offerings.