· 8 min read

How to Add Event Registration to Your Webflow Website

Webflow gives you a beautiful site and no native event registration. Here are your options, and how to add inline registration to any Webflow page in a few steps.

Jen runs the community programming at a coworking space. Their Webflow site looks exactly the way it should — the local agency who built it did a thoughtful job. The brand colours, the typography, the event page layout. All of it reflects what the space is.

The problem is what happens when a member clicks "Register."

For their weekly lunch-and-learn, she'd added a Typeform link inside the event description. People clicked through, filled in their name and email, and submitted. The confirmation email that came back said "Typeform" in the from address. Half of them probably filed it under "form confirmation" and forgot about it. No reminder went out the day before. When the room filled up, the form kept accepting responses — she didn't find out until she was setting up chairs and counting names.

She's not looking for an event platform. She's looking for a way to make the Webflow page her members already visit into the place they register — with proper confirmation emails, automatic reminders, and a waitlist when events fill.

This post covers three approaches to event registration on Webflow, and how to set up the one that works best for recurring community events.

Why Webflow doesn't handle event registration out of the box

Unlike Wix, which ships with a native Events app, or Squarespace, which has a built-in events page type, Webflow has no native event registration system. This is intentional — Webflow is a design and build tool. It creates the visual layer and site structure but leaves the data layer open. The practical consequence is that adding registration to a Webflow site requires an embed.

This makes the setup question clear: which external tool you add depends on the kind of events you're running.

Three options for event registration on Webflow

Option 1: A form tool (Typeform, Tally, Google Forms)

Form tools can be embedded on a Webflow page either as a link or as an embedded element. For a one-off event where collecting names and emails is the only requirement, this is quick to set up.

What works: Low friction to get started. Most Webflow users already know how to use these tools. For a single event where branding doesn't matter and manual follow-up is fine, a form handles the basic data collection.

Where it falls short:

  • No event awareness — a form doesn't know when an event is full, so you can't cap registrations automatically. When the room hits capacity, the form keeps accepting responses unless you close it manually.
  • Confirmation emails come from the form tool's domain, not yours. Registrants see "Typeform" or "[email protected]" as the sender — not the coworking space.
  • No automatic reminders tied to the event date. If you want to remind registrants, you're copying email addresses and sending manually.
  • No waitlist — when capacity is reached, there's no way to capture interest or notify people when a spot opens.
  • Each event needs its own form. There's no centralised view of who's registered across multiple upcoming events.

Right for: One-off events where branding doesn't matter and manual follow-up is manageable.

Option 2: A scheduling or booking tool (Calendly, Acuity, similar)

Scheduling tools can be embedded via Webflow's HTML embed component and handle reminders well. Calendly and Acuity in particular have clean embed experiences and integrate with calendar apps.

What works: Solid reminder handling. Calendar invites go out automatically. If the coworking space runs one-to-one tours or introductory sessions, the scheduling model fits well.

Where it falls short:

  • Scheduling tools are built for appointment-style bookings: one-to-one or small-group sessions, repeating time slots, ongoing availability. That's a different model from event registration: a fixed date, a single RSVP, and a headcount cap.
  • Running a 30-person networking happy hour through Calendly means treating the event as an appointment slot with a group limit. Registrants are "booking an appointment," which doesn't match the experience of attending a community event.
  • Branding defaults to the tool's unless you're on a higher-tier paid plan. Some configurations redirect away from the Webflow site.
  • Multiple subscriptions if you're already managing a Webflow plan.

Right for: Businesses running appointment-style sessions — tours, one-to-one intros, consultations — where the repeating-slot structure matches how the calendar works. Not suited to event-style registration with a fixed date, a guest list, and one-time RSVPs.

Option 3: Embed a dedicated event registration widget via Webflow's HTML embed element

Webflow supports embedding external HTML and scripts through its HTML Embed component — the </> icon in the Designer. A purpose-built event registration widget can be placed directly on any Webflow page using this component.

What works: Registration lives on the Webflow page members already know. They browse upcoming events, click to register, and complete the form without leaving the site. The confirmation email goes out from the coworking space's name — not Typeform's, not Webflow's. A 24-hour reminder goes out automatically before each event; no manual send required. When an event fills, the widget switches to a waitlist form automatically. When a spot opens, the next person on the waitlist is promoted and notified. All registrant data lives in a purpose-built dashboard — separate from Webflow's account settings, accessible any time.

Where it falls short:

  • Requires using the HTML Embed component in the Webflow Designer. This is a familiar step for most Webflow users, but it's one step more involved than a point-and-click native tool.
  • The Webflow Designer preview may show a placeholder box for the embed rather than the live calendar. The calendar renders correctly on the published site — worth knowing before the first publish.
  • If the Webflow site is on a subdomain without a custom domain (common for agency-managed client sites in staging), some embed configurations may need adjustment.

Right for: Anyone running recurring community or organisational events who wants branded communications, automatic reminders, and waitlist handling on their existing Webflow site.

How to add Turnout to a Webflow page

  1. Sign up at getturnout.app and create your calendar
  2. Add your event — title, description, date and time, location, and an optional capacity limit
  3. Add any custom fields beyond name and email — for a coworking space, this might be company name, dietary preferences for catered events, or member vs. non-member status
  4. Go to Embed in the Turnout dashboard and copy the script tag
  5. In the Webflow Designer, open the page where you want the events calendar to appear
  6. In the left panel, click the Add Elements icon (+) and search for HTML Embed, or find it under Components → Embeds & Widgets
  7. Drag the HTML Embed element onto the page in the location where you want the calendar
  8. Double-click the embed element, paste the script tag into the code editor, and click Save & Close
  9. Publish the site

The calendar renders on the published page. Visitors browse upcoming events, click through, and register without leaving the site.

What happens after someone registers

Once a registration is submitted:

  • A confirmation email goes to the registrant automatically — event name, date, time, location, and a summary of any custom fields they filled in. The sender name is the coworking space, not a form tool or Webflow.
  • A reminder email goes out 24 hours before the event. No setup required, no manual sending.
  • If the event has a capacity limit and it fills, the widget switches to a waitlist form. When a spot opens, the next person on the waitlist is promoted automatically and notified.
  • The Turnout dashboard shows who's registered, how many spots remain, and the full registrant list across all upcoming events.

Which option is right for you

Use a form tool if you're running a single one-off event, don't need automated reminders, and manual follow-up is manageable.

Use a scheduling tool if you run appointment-style bookings — tours, introductory sessions, one-to-one consultations — where the repeating-slot model matches your calendar.

Embed a registration widget if you run recurring community or organisational events — weekly, monthly, or multiple per week — and want branded communications, automatic reminders, and waitlist handling on your existing Webflow site.

Turnout works with any Webflow template using the HTML Embed component. There's a 14-day free trial — no credit card required.

For a full walkthrough of the embedding approach across different platforms, Embedding an Events Calendar on Your Website: The Complete Guide covers the setup in detail.

The Turnout vs Eventbrite comparison explains the redirect problem and how in-page registration compares to sending people to a separate ticketing platform.

For coworking spaces and community-focused organisations, the coworking spaces use case page covers the full setup in that context.

Explore by use case

Back to Turnout