Add booking to your studio website: Squarespace, Wix, WordPress
The short answer
You can add booking to a studio website in three ways: a button that links to a booking page, an embedded widget that runs inside your page, or an iframe. An embed keeps members on your site under your brand. Squarespace needs the Core plan or higher for scripts, WordPress.com needs a paid plan with hosting features, and Wix runs custom code inside an iframe.
There are three ways to add class booking to a studio website: a button linking to a booking page, an embedded widget that runs inside your page, or an iframe (a window showing another page). An embed keeps members on your site, under your brand, from schedule to payment. Your website builder and plan decide which you can use.
Why put booking on your own website at all?
Many studios send people from their website to a booking app with a different name, logo and colours. It works, but it costs you in small ways:
- Trust. A new visitor who suddenly lands on an unfamiliar brand may hesitate at the payment step.
- Attention. Once someone leaves your site, your other pages (teachers, intro offer, studio photos) are one more click away.
- Brand. Members start to think of the app, not your studio, as the place they book.
Booking inside your own site keeps the whole experience in your name. Your website stays the front door.
Link, embed or iframe: which should you choose?
| Option | How it looks | Effort | Best for |
|---|---|---|---|
| Button or link | Opens a separate booking page | Lowest | Any site, Instagram bio, Google Business Profile |
| Embed (code snippet) | Schedule and checkout appear inside your page | Low, paste once | Squarespace Core and up, self-hosted WordPress, custom sites |
| Iframe | Booking page shown in a window on your page | Low | Wix and builders that wrap custom code |
Most studios end up using two of these: an embed on the website and a link for Instagram, Google and messages.
How do you add booking on Squarespace?
Squarespace lets you paste code into a code block. According to Squarespace, adding JavaScript or an iframe to a code block requires the Core, Plus or Advanced plan (checked October 2026). On a plan below that, the code will not run, so use a button that links to your booking page instead.
Steps, in short:
- Open the page where your schedule should live (for example “Schedule”).
- Add a code block where the schedule should appear.
- Paste the snippet from your booking tool and save.
- Preview on a phone, where most of your members will book.
How do you add booking on Wix?
On Wix, go to Add Elements, then Embed Code, then Embed HTML, and paste your code. Wix explains that its HTML and URL embed elements are iframes (checked October 2026), that only HTTPS content is shown, and that embeds are not automatically responsive.
That means two things for booking:
- Choose a booking tool that offers an iframe version that adjusts its own height, so the schedule is not cut off.
- Set the embed width to 100% and check the layout on a phone.
How do you add booking on WordPress?
It depends on which WordPress you use.
- Self-hosted WordPress (WordPress.org): add a Custom HTML block to your schedule page and paste the snippet. Administrators can usually add scripts this way without a plugin.
- WordPress.com: scripts and iframes in the Custom HTML block need a paid plan with hosting features activated (checked October 2026). On the free plan, link to your booking page.
Whichever version you use, avoid stacking several booking plugins. One tool, one schedule page.
What should you check before choosing a booking tool?
A checklist to run through before you commit:
- Works inside your page, including sign-in and payment, without sending members to another site.
- Sign-in that works in all browsers. Some browsers block third-party cookies, which breaks sign-in on many embeds. Ask the vendor how they handle it.
- Mobile first. Try booking a class on your own phone from start to finish.
- Your brand, not theirs. Your logo, colours and studio name on the schedule, checkout and e-mails.
- Only your site can show it. A setting that limits which websites may display your booking.
- An iframe fallback for builders that do not run scripts.
- Deep links to a single class, so you can share “Saturday 09:00 reformer” directly.
- No cut of your sales hidden in the plan. Ask whether the platform takes a percentage of bookings on top of card fees.
Where else should your booking link appear?
Your website is only one of the places people decide to book. Use the same booking link, under your brand, everywhere a member might look:
- Instagram bio and story links. Many people find a studio there first.
- Google Business Profile. Add the link as your booking or website link so people searching “pilates near me” can book from the map.
- E-mail signature and newsletters. Every message the studio sends can carry the schedule.
- Printed QR code at the front desk. Members can book their next class before they leave.
- Links to a single class when you announce a new time slot or a workshop.
How do you test booking before you announce it?
Before you tell members, book a real class yourself from start to finish:
- Open your site on a phone, on mobile data rather than the studio Wi-Fi.
- Sign in as a new member, buy the cheapest product and book a class.
- Check the confirmation e-mail: your name, your logo, the right time zone.
- Cancel the booking and confirm the credit came back.
- Repeat on a desktop browser with strict privacy settings.
Ask one or two regular members to try it too. Ten minutes of testing saves a week of confused messages.
How do you make the schedule page work for search too?
A booking widget alone gives search engines little to read. Around it, add:
- A clear heading, such as “Yoga and pilates class schedule in [your neighbourhood]”.
- Two or three short paragraphs about your class types and who they suit.
- Your address and opening hours.
- A link to your intro offer for newcomers.
The widget handles booking. The text helps people find the page in the first place.
How elastudio puts booking on your website
elastudio’s booking embed (from the Starter plan) runs the whole member experience inside your website: schedule, sign-in, payment, booking and the member’s account. Sign-in by e-mail code works even in browsers that block third-party cookies, and payment by card, or Pix for Brazilian studios, opens inside the page. Members see your name, logo and colours, with only a small “powered by elastudio” line.
A snippet builder lets you choose what to show and copy ready-made code, and you decide exactly which website addresses may display your booking. For Wix and similar builders, an iframe version with automatic height is included. Every studio also gets public schedule, class and teacher pages to share as a link on Instagram or Google.
One schedule, in your name
Pick the option your builder supports, put it on a single schedule page, add a little text around it, and test it on a phone. Your website then does what it should: take bookings in your studio’s name.
See which plan includes the embed on the pricing page, or explore all features. Questions about your setup: support@elastudio.app.
Questions people ask
Can I add class booking to a Squarespace site?
Yes. Squarespace allows JavaScript and iframes in a code block on the Core, Plus and Advanced plans (checked October 2026). On a lower plan, use a button that links to your booking page.
Does a booking widget work on Wix?
Yes, through the Embed HTML element. Wix places custom code inside an iframe, so pick a booking tool that offers an iframe version with automatic height.
Is an embedded booking widget bad for SEO?
Not if your schedule page also has normal text: a heading, a short description of your classes and your address. The booking widget handles the action, your text handles search.
Will members have to create a separate account?
That depends on the tool. Look for sign-in by e-mail code or Google that works inside your page, and for checkout that does not send people to another site.