Booking Calendar for Wix
A booking calendar styled to match your Wix site, live with one copy-paste into an Embed HTML element, with slots in each visitor’s own timezone. It needs a paid Wix plan with a connected domain.
Needs a paid Wix plan with a connected domain
Free plan with no time limit, no card.
See it working
This is a real Sorraia booking calendar, loaded by the same embed script you paste and showing times in your own timezone. Pick a slot to see the confirmation screen; nothing is booked.
On Wix, yours sits inside the Embed HTML box you size, so give the box the height of the widget’s tallest state.
How to add a booking calendar to Wix
This is the pair where Wix’s embed element needs the most care. Embed HTML is a sandboxed iframe that never resizes itself, and a booking calendar is the widget whose height changes most: picking a date opens a list of times under the month grid. Size the box for that taller state, not for the grid alone, or visitors meet a scrollbar exactly when they choose a time. Then size it again for mobile.
In Sorraia, add the website and verify it — a DNS TXT record, or a meta tag in your homepage’s <head>. Verification is what lets you attach a widget to that site, so it comes before there is anything to paste.
Save the calendar and the Copy Embed Code popup appears; the Install wizard on the calendar’s row on the Calendars page does the same job with a verification step.
Wix Editor: Add Elements → Embed Code → Popular Embeds → Embed HTML, and drag it where the widget should sit. Wix Studio: Add Elements → Embed & Social → Embed Code. Wix Harmony: + Add → Elements → More Options → Embed → Embed code.
Click Enter Code, paste the Sorraia snippet, and click Apply.
Drag the element’s handles to size the box. It is a sandboxed iframe with no auto-height: content taller than the box is cut off with scrollbars, and Wix says embedded code won’t be responsive.
Check the mobile layout and resize the element there too — its code can’t be edited from the mobile editor. In Wix Studio, check each breakpoint. Then publish and check the live site.
Where these steps come from:12345
Connect your own domain first. Then add the DNS TXT record, or put the meta tag on your homepage: Pages & Menu → the page’s More Actions → SEO basics → Advanced SEO → Additional Tags → + Add New Tag.6
Wix doesn’t gate the Embed HTML element; Sorraia’s verification does. A free site lives on a Wix address (siteprefix.wixsite.com/siteaddress on a Wix Editor site), on a domain whose DNS and homepage aren’t yours, so it can’t be verified. Your own domain takes a paid plan: Premium for a Wix Editor site, a Studio plan for a Wix Studio site.78
Worth knowing for this one
- Wix says embedded code won’t be responsive, even if it is originally, and only HTTPS embeds display. The Sorraia snippet is HTTPS, so the size of the box is the part to get right.1
- In Wix Studio, check the calendar at every breakpoint: the box you size on desktop is not automatically right on tablet or mobile.5
- Connect your own domain before you start. A free Wix address, such as siteprefix.wixsite.com, can’t be verified for a Sorraia widget.78
What Wix already has
Wix Bookings is the built-in option, listed on Wix plans from Core up. Its Google Calendar sync needs an upgraded site and syncs your primary Google calendar only. If a client already runs Wix Bookings, keep it. A Sorraia calendar makes sense when your client sites are not all on Wix: every site’s bookings land in one dashboard, whatever each site runs on, and each calendar starts from that site’s brand-kit colours.910
What’s included
- Slots in each visitor’s own timezone
- Google Calendar sync when you connect Google Calendar
- An .ics file with every confirmation
- A Google Meet link when your calendar uses one
- Styled to match: colours from the site’s brand kit
Free plan with no time limit, no card.
More detail in the Help Center: Calendars & bookings · Embedding on your website
Questions
Can I put a booking calendar on a free Wix site?
Not one from Sorraia. A widget attaches only to a verified site, and a free Wix address (such as siteprefix.wixsite.com) can’t be verified. Upgrade to a plan that lets you connect a domain — Premium on the Wix Editor, a Studio plan on Wix Studio — connect yours, then verify it in Sorraia.
Why does the calendar get a scrollbar when someone picks a date?
The Embed HTML box has no auto-height, and Wix cuts off anything taller than the box with scrollbars. Picking a date opens the time list, so drag the box to the height of that state, not the month grid alone.
Can I change the embed from Wix’s mobile editor?
You can’t edit the code inside a desktop HTML element there. Wix suggests resizing the frame, or hiding the desktop element and adding a mobile-only one that carries the same snippet.
Do visitors see times in their own timezone inside the Wix box?
Yes. The calendar reads the visitor’s timezone in their browser, inside the frame as anywhere else, names the zone, and lets them change it if they are travelling.
How is this different from Wix Bookings’ Google Calendar sync?
Wix Bookings syncs with Google Calendar on an upgraded site, and only with your primary calendar. A Sorraia calendar syncs each booking to Google Calendar once you connect it, and adds a Google Meet link when your calendar uses one.
Sources
- Embedding a widget · support.wix.com
- HTML iframe element (Studio) · support.wix.com
- Embedding code (Harmony) · support.wix.com
- HTML code on mobile · support.wix.com
- Designing across breakpoints · support.wix.com
- Custom meta tags · support.wix.com
- Building a site for free · support.wix.com
- Premium plan pricing · support.wix.com
- Wix plans · wix.com
- Bookings and Google Calendar · support.wix.com
Each page read and checked on 20 October 2026.
Add a booking calendar to Wix
Build it in Sorraia, put it live on your Wix site with one copy-paste, and change it later without touching the embed again.