Wix · Embed HTML · 10 minutes
Add online booking to your Wix site
Wix has no GoBookingSuite app, and it does not need one. You paste one HTML snippet into an Embed element and your page starts taking appointments — service, time, contact details, deposit. The one Wix-specific part is height, and there is a second snippet that handles it.
Step by step
Add an Embed HTML element
In the editor: Add → Embed Code → Embed HTML. Place the element on the page where booking should appear, then paste your snippet into it.
Set the element size
Give the element a width of 100% and a starting height. 700px is a good default — tall enough for a short service list without leaving a gap on the page.
Add the auto-height code
This is the piece that lets the element grow with your service list. Copy it from your admin — Booking Page → Add to Website → Wix, block “Auto-height code” — and paste it under Settings → Custom Code → Body – end (section Development & integrations). Apply it to all pages, or only to the page with the widget.
The code you paste
Example — replace with your own snippet
<iframe id="booking-frame" loading="lazy" src="https://app.gobookingsuite.com/?key=YOUR_KEY&embed=1"
title="Book an appointment"
style="width:100%;border:0;height:600px"></iframe>This example is an illustration — the key is a placeholder. Your real snippet, with your key, is in the admin under Booking Page → Add to Website. It is longer: it also carries your salon's phone and email as a fallback and a small script that reports the widget height.
Before you start
Wix only allows Custom Code after the site is published with a connected domain
That is Wix's own requirement for the Settings → Custom Code panel, not ours — and connecting a domain means a paid Wix plan. Until then, step 3 is unavailable to you.
Skipping step 3 is not fatal. Booking still works: the widget simply lives inside the box you sized in step 2, and the service list scrolls within it. Clients can book from the first minute — they just scroll a little.
The result
What your clients end up with
This is the actual widget, embedded here exactly the way it will embed on your Wix page — same iframe, same flow. Pick a service, choose a time, and see how far a client gets before they ever leave the page.
- Open the published page, not the editor — Wix serves the published copy to visitors.
- The service list is visible and you can click through to a time.
- With the auto-height code in place the element grows to fit the whole list and there is no inner scrollbar.
- On our test catalog — 3352px of services inside a 602px element — the fixed box showed 18% of the list. With the auto-height code the element became 3354px and showed 100%.
- If the widget area stays empty, re-check step 1: the snippet has to be inside an Embed HTML element, not a text block.
Live demo — a real widget, book a test appointment
Questions
6 things people ask
Do I need a developer for this?
No. Two of the three steps are copy and paste inside the Wix editor. The third is pasting one more block into a settings field.
Is there a GoBookingSuite app in the Wix App Market?
No, and we do not claim one. This is a standard HTML embed — the same mechanism Wix provides for any third-party tool. Nothing is installed into your Wix account.
Will it work on a free Wix plan?
The booking widget itself will. The auto-height code will not: Wix only opens the Custom Code panel once a site is published with a connected domain. On a free plan, size the element in step 2 and let the list scroll inside it.
Will it slow my site down?
The widget is lazy-loaded: if it sits below the fold, the browser does not fetch it until a visitor scrolls down. In our measurement that keeps roughly 21 requests and 332 KB off the initial page load.
What do clients see if the booking service is unreachable?
After 8 seconds without a response, the frame is replaced by your salon's phone number and email, so the visitor still has a way to reach you. When the service responds again, the fallback disappears on its own.
Can I put the widget on more than one page?
Yes — repeat step 1 on each page. You can also show a single service or one category per page by adding a parameter to the embed URL, which is generated for you in the admin.
Different site?
Wondering whether this is the right booking tool at all?See what the widget does on a Wix site →
Get your embed code
in the next five minutes.
Sign up, add your services, copy the snippet from Booking Page → Add to Website.