Conventions Embed
Embed upcoming virtual and in-person event from your conventions portal on your website
Anthony DeLuise avatar
Written by Anthony DeLuise
Updated over a week ago

Now you can embed your list of upcoming virtual and in-person convention events right on your website. Some of the major benefits from this offering include:

  • Capture and convert existing web traffic to sign up for events

  • Maintaining consistent SEO on your existing website

  • Mobile-optimized and small container-optimized embedded content, so your events are responsive like the rest of your website

Embedding your Convention Portal

Embedding your portal requires placing a script on any page you would like to see it, and consists of two main attributes:

  • data-convention-provider (required) - This is your unique Conventions provider portal. For example, if your portal is accessible via https://community.visitdays.com, enter community.visitdays.com.

  • data-convention-container (optional, but recommended) - This is a reference to an HTML element on your page that will serve as the container for your content. We support id, class, and tag searching, and will append your portal inside the first element that matches your query.

Use # for id searching, . for class searching, and the tag name itself to search via tag. Examples:

  • Searching for an element with id of "my-container": <div id="my-container"></div>, your needed script would be:

    <script src="https://cdn.visitdays.com/conventions/embed/main.js" data-convention-provider="app.visitdays.com" data-convention-container="#my-container"></script>

  • Searching for an element with a class of "visitdays-events":
    <section class="visitdays-events"></section>, your needed script would be:

    <script src="https://cdn.visitdays.com/conventions/embed/main.js" data-convention-provider="app.visitdays.com" data-convention-container=".visitdays-events"></script>

  • Searching for an element with a tag name of "section":
    <section class="visitdays-events"></section>, your needed script would be:

    <script src="https://cdn.visitdays.com/conventions/embed/main.js" data-convention-provider="app.visitdays.com" data-convention-container=".visitdays-events"></script>

  • If you simply need it appended to the body, you can omit the data-convention-container attribute completely.

    <script src="https://cdn.visitdays.com/conventions/embed/main.js" data-convention-provider="app.visitdays.com"></script>

Vanity URLs

Not looking to embed your convention portal but would like it to live at a custom vanity url like https://your.site.edu? We've got you covered there, too. Reach out to [email protected] with your desired URL, and we will provide you with simple setup instructions!

Did this answer your question?