How do I add Vagaro booking to my Wix site?

1. Make the widget in Vagaro

These steps are from Vagaro’s help center, which I read in September 2026. Vagaro says you can create a widget on the web, a tablet or Pay Desk.

1. Go to Settings, then Booking Widget.
2. Leave it set to your whole business, or pick one service provider from the employee list if the widget is for booking with them.
3. Choose the tabs customers will see. If you include Services or Classes, you can choose specific ones, and the rest won’t show.
4. Choose which tab opens first.
5. If you want, add a Redirect After Booking address, which is the page customers see after they buy. Vagaro suggests a thank-you page.
6. Pick a button color.
7. Choose the Widget Type:
   • In Website embeds the widget in your page.
   • Link makes a link, which Vagaro suggests for social media and email.
   • Popup or New Tab makes a button for your website that opens the widget in a popup or a new tab.
8. Select Save, then Copy Code or Copy Link.

Two things from that article matter later. Vagaro says the code or link is static, so it won’t change when you change the widget’s settings. Each Save creates a new widget, and you have to add the new code to your site. It also recommends not editing the code it gives you.

2a. The Link type, on a Wix button

These steps are from Wix’s help center, read in September 2026.

1. Click the button in your editor.
2. Click the Link icon.
3. Choose Web address.
4. Paste the Vagaro link, choose whether it opens in a new window, and click Done.

Wix says to test it in Preview mode afterward.

2b. The code types, in Wix’s Embed HTML element

1. In the editor, click Add Elements on the left.
2. Click Embed Code, then Popular Embeds, then Embed HTML.
3. Click the element on your page, click Enter Code, paste Vagaro’s code under Add your code here, and click Apply.

Wix says the HTML element is an iframe, so what’s inside won’t be responsive, and that content with a fixed pixel size can be cropped if the frame is smaller. Its suggestion is to change fixed widths and heights to 100 percent. Vagaro asks you not to edit its code, so if the widget is cropped, I’d resize the frame in the Wix editor rather than the snippet, and check it in the Wix mobile editor as well.

If the embed is unreliable

There isn’t an obvious place to take it. Wix says it can’t support external code it didn’t create or test, and that the provider is who to contact. Vagaro’s article says to check your website provider’s documentation. The Link type on a button doesn’t depend on either.

Wix also says that since December 2025 it has new security measures for custom code, and that some snippets that used to work may be blocked until the provider updates them. If a widget that worked stops, that’s the first thing I’d suspect.

A widget for each service page

Because every Save makes a new widget, you can make one for each job:

• One limited to a single service, for the Book button on that service’s page.
• One for a single service provider, for a page about that stylist.
• One for the whole business, for the header.

Keep a note of which widget is where. If you change one in Vagaro, the code or link on your site has to be replaced.

Booking from Google is separate

Vagaro has its own setup for a Book Online button on Google, and it asks you to leave the booking links in your Google Business Profile blank. That’s covered in adding a Book Online button to your Google Business Profile.

The Vagaro guide covers what Vagaro’s own pages can do on Google, and adding booking to a Wix website covers the Wix side in general.

I build on Squarespace. If you’d rather have the site built with booking wired in, that’s The Full Bloom, $1,000, once. The audit on the home page is free and doesn’t ask for your email.