All Collections
Integrations
Embed Eventive on Your Website
Embed Eventive on Your Website

Embed fully-functional components of Eventive on your organization's website.

Theo Patt avatar
Written by Theo Patt
Updated over a week ago

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.

Please note that 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

  1. Navigate to your event bucket settings page

  2. Scroll down to Embed in your website and click Open embed wizard

  3. Select the page you wish to embed from the dropdown menu of page options

  4. Select a background color (the color is transparent by default)

  5. Copy and paste the generated HTML code directly into your website where you'd like the page to appear

  6. 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

NOTE: You cannot embed your Eventive Virtual Catalog or Virtual Watch pages.

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>

Looking for even more embedding options? Check out Eventive Everywhere!

Did this answer your question?