Websites and stores · Add the booking widget to your site
Retime for Wix
Wix has an Embed a Widget element that runs custom HTML. Paste the Retime widget into it, then size the element so the booking form has room.
What you get
Bookings happen on your page
Visitors pick a time inside your Wix site instead of on another address.
Your calendar decides the times
The widget shows only the times you are free on your connected calendar.
Take payment at the booking
An event type with a price collects payment through Stripe before it holds the time.
One widget for each page
Point each page at the event type that matches the service on it.
How to connect Wix
Get your embed key
In Retime, open Organization, then Embed, and copy the embed key.
Turn on embedding for the event type
Open the event type, then Booking extras, and turn on Allow embedding on external sites. An event type with the setting off shows an empty widget.
Add your domain
In Retime, open Organization, then Embed, and use Add a website to enter your Wix domain.
Add an Embed element
In the Wix Editor, click Add, then Embed Code, then Embed HTML, and choose Code.
Paste and edit the code
Paste the snippet below and replace YOUR_EMBED_KEY and YOUR_EVENT_TYPE_SLUG.
Size the element
Drag the element to at least 700 pixels high. Wix gives an embed a fixed size, so the frame cannot grow past it.
Publish and test
Publish the site and make one test booking.
Wix Embed HTML element
<div id="retime-booking" style="max-width:900px;margin:0 auto"></div>
<script>
(function () {
var mount = document.getElementById('retime-booking');
if (!mount) return;
var origin = 'https://app.retime.so';
var key = 'YOUR_EMBED_KEY';
var slug = 'YOUR_EVENT_TYPE_SLUG';
var frame = document.createElement('iframe');
frame.src =
origin + '/embed/' + encodeURIComponent(key) + '/' + encodeURIComponent(slug);
frame.title = 'Book a time';
frame.loading = 'lazy';
frame.allow = 'clipboard-write';
frame.style.width = '100%';
frame.style.border = '0';
frame.style.display = 'block';
frame.style.minHeight = '600px';
window.addEventListener('message', function (event) {
if (event.origin !== origin) return;
if (event.source !== frame.contentWindow) return;
var data = event.data;
if (data && data.type === 'retime:resize' && typeof data.height === 'number') {
frame.style.height = Math.max(200, Math.min(data.height, 4000)) + 'px';
}
});
mount.appendChild(frame);
})();
</script>Wix keeps the element at the size you set. Make it tall enough for the whole booking form.
Questions about Wix
Why is there a scroll bar inside the widget?
The Wix element is shorter than the booking form. Drag the element taller in the Editor.
Does the widget work on the free Wix plan?
Yes. The Embed HTML element is available on free sites, though the site then keeps the Wix address.
Is this the same as Wix Bookings?
No. This shows your Retime booking page inside Wix. Your calendar, event types, and rules stay in Retime.
Put Wix to work
Create a free account, connect your calendar, and share your first booking link today.