LiveStorm
Connect LiveStorm with Webflow to automate registrations, embed webinar rooms, and sync attendee data.
How to integrate LiveStorm with Webflow
Connect LiveStorm with Webflow to capture registrations, display webinar content, and sync attendee data without redirecting users to external sites. You can integrate using Zapier for no-code registration automation, embed codes to display forms and webinar rooms directly on your pages, or the LiveStorm REST API for custom implementations with full control.
Each method suits different use cases. Zapier works best for quick setup without coding, embeds maintain your branded experience, and API integration enables advanced workflows like syncing data to Webflow CMS or triggering registrations from custom interactions.
Use Zapier for automated registration
Use the pre-built Zapier template for no-code automation.
The setup includes the following steps:
- Connect Webflow form as trigger
- Map form fields to LiveStorm fields (email, first name, last name, custom fields)
- Select target LiveStorm session
- Activate the Zap
Embed registration forms and webinar rooms
Display LiveStorm forms and webinar rooms directly on Webflow pages using the custom code embed element. The private events cannot be embedded.
To embed, follow these steps:
- Generate widget/iframe code from LiveStorm dashboard
- Add Embed element to Webflow page
- Paste code (exclude
<html>,<body>,<head>tags) - For webinar rooms: configure domain whitelisting in LiveStorm settings first
- Publish and test across browsers
Webinar room iframe requirements: Session ID, domain whitelisting, JWT token for authentication, proper dimensions.
<iframe
src="https://app.livestorm.co/[session-id]?embed=true"
width="100%"
height="600px"
allow="camera; microphone; display-capture">
</iframe>
Limitations: 50,000 character limit. Missing domain whitelist is the most common embed failure cause.
Build with Webflow and LiveStorm APIs
Authenticate with API token in the Authorization header. Store securely in environment variables. The API uses JSON with structured data objects that contain type and attributes fields. For Webflow API basics, see the REST API introduction.
Register participants from custom interactions
POST /sessions/{id}/people creates registrations from button clicks, membership changes, or custom actions.
POST /sessions/{session_id}/people
{
"data": {
"type": "people",
"attributes": {
"fields": [
{"id": "email", "value": "user@example.com"},
{"id": "first_name", "value": "John"},
{"id": "last_name", "value": "Doe"}
]
}
}
}
Sync event data to Webflow CMS
Use the LiveStorm API to pull event data and populate Webflow CMS collections. For CMS integration details, see working with the CMS and list collection items.
Key endpoints include:
- GET /events: List events (filterable by status/date)
- POST /events: Create events programmatically
- GET /sessions: List sessions for calendars
- GET /sessions/{id}: Fetch session details
- GET /sessions/{id}/people: Track registrations/attendees
Configure people.registered webhooks for two-way sync with Webflow CMS.
What you can build
Integrating LiveStorm with Webflow lets you create webinar registration systems, embed live sessions, and automatically update your site with post-event content.
- Automated registration landing pages: Create Webflow forms that automatically register users in LiveStorm via Zapier. Display upcoming sessions using data from the LiveStorm API in collection lists
- Embedded webinar experience: Add LiveStorm registration forms and live webinar rooms directly to Webflow pages using custom code embeds, keeping users on your branded site throughout
- Post-webinar content hub: Use
session.endedwebhooks to trigger CMS updates that publish recap articles, display attendance stats, and embed recordings (available 1-3 hours post-session) in Webflow CMS - Event calendar with registration tracking: Build a webinar calendar using CMS collections populated via LiveStorm API, with registration counts updated through
people.registeredwebhooks
Frequently asked questions
Generate embed code from LiveStorm, and add via the Webflow custom code embed element. Exclude
<html>,<body>,<head>tags. Customize appearance via LiveStorm custom code settings.Most common cause: missing domain whitelist in LiveStorm settings. Whitelist your Webflow domain before testing. Also check firewall rules for required ports (TCP 443, UDP 3478, UDP 1025-65535) and domains (.tokbox.com, .opentok.com, .livestorm.co, .livestorm.io, .intercom.io, live-video.net).
Use Zapier's pre-built template. Connect via OAuth, select your Webflow form and LiveStorm session, then map fields (email, first name, last name). Registrations sync automatically when forms are submitted.
Description
A browser-based webinar platform for live, on-demand, and automated webinars. Features include registration management, polls, Q&A, CRM integrations, analytics, REST APIs, webhooks, multi-session events, and AI transcripts.
This integration page is provided for informational and convenience purposes only.
Luma
Connect Luma with Webflow to embed event registration, sync attendee data, and automate event workflows.
Zoom
Connect Zoom with Webflow to automate meeting creation, managing registrations, and building custom video experiences.
Ticket Tailor
Connect Ticket Tailor with Webflow to enable direct ticket sales on a site without redirecting customers to external platforms.
Humanitix
Connect Humanitix event ticketing with your Webflow site to sell tickets directly on custom event pages. Display events from Humanitix in your Webflow CMS, embed checkout widgets, or build custom integrations with both platforms' APIs.
Luma
Connect Luma's event management platform to your Webflow site through embed codes, Zapier automation, or direct API integration.
Happyning Events
Happyning helps you create personal events with easy guest management and invites using SMS.
Eventbrite
Connect Eventbrite's ticketing and event management platform with Webflow to create seamless event experiences. Embed ticket sales, sync event data to your CMS, and automate attendee management while maintaining complete design control over your event pages.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
