Skip to main content

Embedding Sequel Events in Contentful

Learn how to embed Sequel on your Contentful pages

Updated this week

You can embed Sequel event streams directly into your Contentful-powered website by using Contentful’s models and sections. This lets visitors watch your live or on-demand events without leaving your site.


Step 1: Understand the Contentful Models

Your Contentful setup includes the following models for building event pages:

  • Webpage (webPage)

    • slug: Unique identifier for the page (e.g., example-stage-1).

    • content: References the layout and sections that make up the page.

  • Layout Sections (layoutSections)

    • sections: A one-to-many reference field where you can add different content types, such as embeds or event guides.

  • Embed (embed)

    • Used for adding third-party content like Sequel.

    • This is where you’ll paste your Sequel iframe.


Step 2: Use the Sequel Embed Template

Here’s the iframe code you’ll need:

<iframe title="Sequel event" src="https://embed.sequel.io/event/{EVENT_ID_HERE}" style="height: 80vh; width:100%;" allowfullscreen></iframe>
  • Replace {EVENT_ID_HERE} with your event’s Sequel Event ID (available in your Sequel dashboard).

  • Keep the recommended styling for responsiveness, or adjust to fit your design.


Step 3: Add the Embed in Contentful

  1. Log in to your Contentful dashboard.

  2. Open the Webpage entry for your event (e.g., example-stage-1).

  3. Under content, select the related Layout Section.

  4. Add a new Embed entry.

  5. Paste the Sequel iframe code from Step 2 into the embed body.

  6. Save and Publish.

Your Sequel event will now render inside that page section.


Step 4: Persist URL Parameters (IMPORTANT)

If you want tracking parameters (like ?ref=campaign) to carry over into the Sequel iframe, you can enable URL parameter persistence with JavaScript in your frontend (e.g., a SvelteKit app):

This ensures tracking and session information stays consistent across your event page.


Best Practices

  • Test the embed in a preview environment before publishing.

  • Use width: 100% for full responsiveness.

  • Combine Sequel embeds with event guides or supporting content in your layoutSections for richer experiences.


✅ That’s it! Your Sequel event is now live inside your Contentful page. Visitors can join directly without leaving your site.

Did this answer your question?