How to Embed an Events Calendar on Your Website: The Complete Guide

You've got a website. It looks great. But your events live somewhere else — a Facebook page, an Eventbrite profile, maybe a PDF you email out every month.

Visitors who want to know what's coming up have to go looking. Or worse, your events page is there but it's three months out of date, because updating it means logging into your website every time you add something new. It's one more task on a list that never gets shorter, so it keeps slipping.

The simplest way to fix this is to embed an events calendar directly on your website. When you do, your events appear automatically, they stay current without any website editing, and visitors can register without going anywhere.

That probably sounds more technical than it is. It's not. In fact, the easiest way to embed an events calendar on your website takes about 10 minutes — and the hardest step is pasting a snippet of text.

This guide walks you through what an embeddable events calendar actually is, which website platforms it works with, and exactly how to set one up using Turnout. By the end, you'll have everything you need to get your events on your website today.

What Does "Embedding an Events Calendar" Actually Mean?

If you've ever added a YouTube video to a page on your website, you've already embedded something. You didn't need to host the video yourself, understand how video encoding works, or write any code. You went to YouTube, clicked "Share," copied a snippet of text, pasted it into your website editor, and the video appeared.

Embedding an events calendar works exactly the same way.

You manage your events in a separate tool — like Turnout's dashboard. You add your events there: the name, date, location, and any registration details. Then you copy one snippet of code, paste it into a page on your website, and a live calendar widget appears. It shows your upcoming events, lets visitors click into each one, and lets them register right there — without leaving your website.

From that point on, the calendar on your website updates automatically. When you add a new event in your dashboard, it appears on your website. When an event passes, it disappears. You never touch your website again. Everything is managed in the dashboard.

The "snippet" looks like code, but you're just pasting it — you don't need to understand it any more than you need to understand how YouTube works when you paste a video embed. If someone told you it was complicated, they were thinking of a different problem.

Pick Your Platform

Almost every website builder can do this. Turnout's embed works by adding a small piece of HTML to a page — and most platforms have a built-in way to do that. Here's where the snippet goes on the most common ones, with a link to the full platform-specific guide for each:

Squarespace: Add a Code Block to any page and paste the snippet inside it. This works on Squarespace plans that support JavaScript or iframe embeds in Code Blocks. The whole process takes about two minutes. Full walkthrough: How to Add Event Registration to Your Squarespace Website.

WordPress: Add an HTML block in the Gutenberg editor (the standard block editor), or drop a Custom HTML widget into a sidebar or footer area. Works with any WordPress theme — classic or block-based. Full walkthrough: How to Add Event Registration to Your WordPress Website.

Wix: Add a Wix HTML iFrame element to any page, then paste your snippet inside it. Full walkthrough: How to Add Event Registration to Your Wix Website.

Webflow: Use an Embed element in any section of any page. Paste the snippet into the embed code field. Full walkthrough: How to Add Event Registration to Your Webflow Website.

Plain HTML website: Paste the snippet directly into your page's HTML, in the spot where you want the calendar to show up.

Any other website builder: If your platform lets you paste a script-based HTML widget, you can embed a Turnout calendar. The mechanism is the same.

What about platforms that don't allow custom HTML or JavaScript at all? A small number of very locked-down builders restrict what you can embed. If you're not sure whether yours qualifies, look for a custom HTML, embed code, or script/widget block. If the builder only accepts a URL for video or map embeds, that may not be enough.

What to Look For in an Embeddable Events Calendar

If you're comparing options, here's what's worth checking before you commit to a tool. (These are the criteria we built Turnout around.)

1. Registration stays on your website. This is the most important thing. Some tools will embed a calendar widget but then redirect visitors to a third-party page when they click "Register." That defeats the main benefit. With Turnout, the full registration happens inline — visitors fill in their details and confirm without ever leaving your site. (This is one of the most common frustrations people have with Eventbrite — see our Turnout vs Eventbrite comparison for why it matters, or the full round-up of Eventbrite alternatives if you're weighing several tools.)

2. It's genuinely easy to set up and manage. Some event tools are powerful but built for professional event planners. If you're a yoga studio owner or a bookshop, you don't need half the features — and a complicated dashboard means you'll stop using it after a month. Turnout is designed so that creating an event feels like filling in a form, not configuring software.

3. It works with your specific website platform. Turnout uses a standard script tag embed that works anywhere you can paste HTML — Squarespace, WordPress, Wix, Webflow, and plain HTML sites.

4. It sends confirmation and reminder emails automatically. This is easy to overlook during setup but critically important for attendance — the reminder email is the single biggest lever on reducing no-shows, and the tools people patch together (a Google Form, a reply-to-this-email thread) don't send one. Turnout sends a confirmation email the moment someone registers, and a reminder before the event — no extra setup required. (If you're currently collecting sign-ups with Google Forms, here's where that approach holds up and where it falls short.)

5. You can see who's registered. You need an attendee list — a simple view that shows you who's coming to each event, what their details are, and how many spots are filled. Turnout shows this in your dashboard for every event.

6. You can ask custom questions. For some events, you need more than a name and email. Dietary requirements for a dinner event. T-shirt size for a run. Skill level for a workshop. Turnout lets you add custom fields to any event's registration form.

7. It looks like your website, not a third-party tool. Turnout lets you customise the calendar's colours and corner radius to match your brand, so it feels like a natural part of your site rather than a widget someone bolted on.

8. It displays your schedule the way your schedule actually looks. A studio running five classes a week wants a monthly calendar grid visitors can click through. A bookshop running two events a month wants a simple upcoming-events list — not a mostly-empty month view. Turnout does both: each calendar has a display-format setting (Monthly Calendar Grid or Upcoming Events List), and you can switch it any time without touching the embed on your site.

How to Embed a Turnout Calendar on Your Website

Here's the full process, from signing up to seeing your calendar live. It takes about 10 minutes.

Step 1: Sign up for Turnout. Head to getturnout.app and create an account. The trial is free for 7 days with full Basic access while you're getting set up.

Step 2: Tell us about your business. During onboarding, you'll enter your organisation name and what type of business you run — yoga studio, nonprofit, coworking space, bookshop, or something else. Turnout uses this to suggest a starter event template so you're not staring at a blank form.

Step 3: Create your first event. After onboarding, you'll land in your dashboard with a short setup checklist. Click "Create your first event" and, if you chose a business type during onboarding, the event form opens with a starter template for that type. Edit the title, date, time, location, and description to match your real event. Set a capacity limit if you want one. Save it.

Step 4: Copy your embed snippet. Go to your calendar's settings page in the Turnout dashboard. You'll see an "Embed Snippet" section with two lines of code — a <div> tag and a <script> tag. Click "Copy" to copy both to your clipboard. (This is also where you choose the display format — Monthly Calendar Grid or Upcoming Events List — and set your colours.)

Step 5: Open your website editor. Navigate to the page where you want the calendar to appear — typically an "Events," "Classes," or "What's On" page. Switch into edit mode.

Step 6: Add an HTML embed block and paste. In Squarespace, add a Code Block. In WordPress, insert an HTML block. In Wix, add an HTML iFrame element. In Webflow, add an Embed element. (Platform-specific detail in the guides linked above.) Then paste the snippet you copied from Turnout. Don't add anything extra — just the snippet as copied.

Step 7: Save and preview. Save the page and preview it. Your Turnout calendar should appear, showing the event you just created. The calendar picks up your theme settings — the colours and corner radius you configured in Turnout's dashboard.

If nothing appears, double-check that you pasted the complete snippet. It's common to accidentally copy only part of it — make sure both the <div> tag and the <script> tag are included.

Step 8: Test a registration. Click "Register" on your event and fill it out as a visitor would. Check that you receive a confirmation email, and that the attendee appears in your Turnout dashboard under that event. If both work, you're live.

The part that surprises most people: This is the only time you'll touch your website for this calendar. From now on, you add new events in the Turnout dashboard. They appear on your website automatically. You don't update the website. You don't touch the embed. You just manage your events like you're filling in a form.

What changes after you embed. The day-to-day looks different in three specific ways. Your events page stops going stale — it shows whatever is in your dashboard, so "update the website" disappears as a task. Every registration lands in one attendee list per event, so the night-before headcount is a number you look up, not a number you assemble from an inbox. And confirmations and reminders go out automatically, which is where most of the no-show improvement actually comes from.

Common Questions

Do I need a developer to do this?

No. If you can paste something into a Code Block on Squarespace, or an HTML block in WordPress, you can do this yourself. The one-time setup is a 10-minute task. If you're not comfortable with that, any web developer can do it in under 20 minutes — and they only need to do it once.

What if I want to update an event after publishing it?

You make changes in the Turnout dashboard — not on your website. The embed on your website displays whatever is in your dashboard, so any updates appear automatically.

Can I put the calendar on more than one page?

Yes. Copy your embed snippet and paste it into as many pages as you want. If your plan includes multiple calendars, you can also create separate calendars — for example, a public-facing calendar for visitors and a separate one for members-only events.

Can I customise how the calendar looks?

Yes. In the Turnout dashboard, you can set the primary colour, background colour, text colour, and corner radius for each calendar — and choose between the monthly grid and the upcoming-events list. The widget is designed to blend into your website — it should feel like a native part of your site, not an obvious third-party embed.

What if my website doesn't support code embeds?

A small number of website builders don't allow custom HTML. The most common builders — Squarespace, WordPress, Wix, Webflow — all support embeds. If you're on a platform that doesn't, get in touch and we'll help you find a workaround.

The Short Version

Embedding a Turnout calendar on your website isn't a developer project. It's a copy-paste task that takes about 10 minutes — and once it's done, you have a live events page that updates itself, collects registrations, sends confirmation emails, and keeps your attendee list in one place. No more manually updating your website. No more sending people to Eventbrite. No more counting RSVPs in a spreadsheet.

The "code" part sounds scarier than it is. You're pasting text. That's it.

If you've been putting this off because it seemed too technical, today's the day to stop putting it off.

Sign up for Turnout — free for 7 days

Related reading: