How to Add Online Booking to Wix in 2 Minutes

Most Wix sites we see already do the hard part. The photos are good, the services are listed, the copy sounds like the owner. Then the call to action is a phone number, and bookings arrive as voicemails at 9pm from people who wanted to book something at 9pm.

You do not need to rebuild the site to fix that. You need one element on one page.

The short version

• Create your booking page in ZenSched (services, hours, staff)
• Open Booking setup, then the Share and embed tab
• Pick popup, bubble or inline, then copy the snippet
• In Wix, add an HTML Embed element and paste it
• Publish, then make one test booking

Step 1: set up what clients will actually see

The embed is a doorway. Behind it is your ZenSched booking page, so build that first.

Add each service with a real duration, set your business hours (including split windows if you close for lunch), and add your staff. If you take the appointments yourself, turn on the owner works as staff toggle so you count in availability.

Then decide whether clients pick a person. You can show a staff picker with named staff, an Anyone option, or hide it entirely. ZenSched only offers slots that survive the checks: service duration, staff hours, buffers, capacity and existing appointments.

Step 2: pick a style for your Wix page

Bubble plus one inline block covers most businesses. The bubble catches the browser who decides halfway down the page. The inline block serves the person who came to book and nothing else.

Step 3: copy your snippet

In ZenSched, open Booking setup and go to the Share and embed tab. Choose the style, set the button label and color, then copy. You get one versioned script tag:

<script
  src="https://zensched.app/v1/embed.js"
  async
  data-business="your-store"
  data-storefront="your-shop"
  data-mode="popup"
  data-primary="#0d0c0b"
  data-button-label="Book now"
  data-on-booked="stay"
></script>

Copy it from the dashboard rather than typing it. The data-business and data-storefront values come from your own booking link, so copying keeps them correct.

Step 4: paste it into a Wix HTML Embed

In the Wix Editor:

• Open the page where booking belongs
• Click Add Elements, then Embed Code
• Choose Embed HTML (also called Custom Embed or Embed a Widget)
• Select the Code option and paste the ZenSched snippet
• Resize the element, then click Publish

Two Wix specific notes. The editor often shows a grey placeholder instead of the live widget, so judge the result on the published site. And because Wix renders HTML embeds inside their own frame, give the element enough room: for inline mode, size it close to the height in your snippet, and for popup or bubble a small element is fine since the booker opens over the page.

If you want the bubble on every page, put the embed element inside a footer or a section you have set to show on all pages, so you only manage one copy.

The no code option

Any Wix button, menu item or image can link straight to your booking page:

https://your-shop.zensched.app/your-store

The subdomain is your storefront and the path is the specific booking page, which matters if you run more than one location. Same booker, same availability logic, same emails. The only difference is that the client finishes on a ZenSched page.

If you are not sure, link a button today. You can move to the embed later without changing anything in ZenSched.

Step 5: book yourself once

Open the published Wix page and take a slot. Then check that the appointment shows on your ZenSched calendar with the right duration, the confirmation email lands, and the slot you took is gone from the public page.

Booking is created with a server side availability check, so two people tapping the same slot at the same second do not both get it. One gets the appointment, the other sees the slot disappear.

Details people search for

Can I use the widget on a Wix free plan? HTML embeds are available on most current Wix plans, but if yours does not allow custom code, use the link setup instead.

Will it hurt page speed? The script loads asynchronously and the booker itself only loads when opened, so a popup or bubble adds very little.

Can I track bookings? A zensched:booked event fires on window, so GA4 or any other tool you run can pick it up.

Can I send people to a thank you page? Yes. Set the after booking option to redirect and give it a URL on your Wix site.

FAQ

Frequently asked questions

Keep reading

• How to add booking to a Wix website
• How to add booking to a Squarespace site
• Booking widget for WordPress
• Online booking page
• Staff scheduling
• Barbershop booking software