Embedding an Events Calendar on Your Website: The Complete Guide
That probably sounds more technical than it is. It's not. 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.
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.
Does It Work With My Website?
Almost certainly yes. Turnout's embed works by adding a small piece of HTML to a page — and most website builders have a built-in way to do this. Here's how it works on the most common platforms:
Squarespace: Add a Code Block to any page and paste the snippet inside it. This works on all Squarespace plans that include Code Blocks (Business and above). The whole process takes about two minutes.
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.
Wix: Add a Wix HTML iFrame element to any page, then paste your snippet inside it.
Webflow: Use an Embed element in any section of any page. Paste the snippet into the embed code field.
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 embed a YouTube video, a Google Map, or a Calendly widget, you can embed a Turnout calendar. The mechanism is the same.
What about platforms that don't allow custom HTML at all? A small number of very locked-down builders restrict what you can embed — but these are uncommon. If you're not sure whether yours qualifies, the test is simple: try adding a YouTube embed. If that works, Turnout will too.
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 actually one of the most common frustrations people have with Eventbrite — see 5 Ways Small Businesses Lose Registrations and How to Fix It and our Turnout vs Eventbrite comparison for more on why that matters.)
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. Turnout sends a confirmation email the moment someone registers, and a reminder before the event — no extra setup required.
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.
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 14 days with full access — no feature limits while you're getting set up.
Step 2: Tell us about your business. During onboarding, you'll enter your organization 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 on the event creation page with a template pre-filled for your business 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.
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. 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.
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. You can also create multiple calendars in Turnout — 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. 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 14 days
Related reading: