To connect Boulevard, Vagaro, GlossGenius, or Square Appointments to your Shopify salon site, you have three options: a simple link to your booking page, an embedded widget that loads booking inside your site, or a full integration. The simplest and most reliable for almost every salon is a styled link button that opens your booking platform in a new tab. Match the method to what your platform supports.
I have built and run salons for almost 30 years, and the single most common mistake I see on a salon site is a broken or hidden booking link. The client is ready to book, and the path is confusing. So let me walk you through how each platform connects to Shopify, where to put the link, and the mistakes that quietly cost you appointments.
What are the ways to connect a booking platform to Shopify?
There is a spectrum of integration, from dead simple to fully custom. Knowing where your platform falls saves you a week of fiddling.
- Link. A button or menu item that points to your booking page. It opens your platform, the client books, done. This works with every booking system on earth and almost never breaks.
- Embed. A widget or iframe that loads the booking flow inside a Shopify page, so the client never leaves your site. Cleaner experience when the platform supports it, but more moving parts.
- Full integration. A deeper connection through an app or API where booking, customer data, and sometimes payments tie together. Powerful, but overkill for most salons and a thing you maintain.
If you are not sure, start with a link. You can always upgrade to an embed once the rest of your site is solid. I have watched owners lose two weeks trying to force a full integration when a link button would have booked the same appointments on day one. Pick the simplest method your platform supports, ship it, and move on to filling the chair.
How do you connect each booking platform to Shopify?
Boulevard
Boulevard gives you a hosted booking link for your business. The cleanest approach on Shopify is to use that link as a primary button in your header and on every service page. Boulevard also supports embed options, so if you want booking to load inside your site, grab the embed code from your Boulevard dashboard and place it in a custom Shopify page or section. For most owners the link button is plenty.
Vagaro
Vagaro is one of the friendliest to embed. In your Vagaro account you can generate a widget code, often a snippet of HTML you paste into a Shopify page using a custom Liquid or HTML section. That loads the Vagaro booking widget right on your site. If you would rather keep it simple, the hosted Vagaro link works as a button too.
GlossGenius
GlossGenius is link only. There is no embed widget, so do not waste time hunting for embed code that does not exist. Take your GlossGenius booking link and style it as a clear button in your header, hero, and service pages. Set it to open in a new tab so the client keeps your site open behind the booking flow. The good news is that a clean link button is all most salons ever need, so being link only is not the limitation it sounds like.
Square Appointments
Square Appointments gives you both a hosted booking site and embed code. You can paste the Square embed snippet into a custom HTML section on a Shopify page to load booking inside your site, or use the iframe option Square provides. The hosted link works as a button if you want the simple path.
Acuity
Acuity Scheduling supports an iframe embed. Copy the embed code from your Acuity settings and drop it into a custom HTML section on a Shopify page so the scheduler loads on your site. Acuity also has a direct scheduling link you can use as a button.
StyleSeat
StyleSeat is built around your direct profile link. Use that link as your booking button across the site. Like GlossGenius, treat it as a link integration and make the button impossible to miss.
Which method should you actually use?
For most salons, the link button wins on every platform. It is the most reliable, it works the same on phone and desktop, and there is nothing to break when the platform pushes an update. Reach for an embed only when you have a real reason, like wanting the client to book without leaving a long sales page, and only on platforms that support it cleanly, like Vagaro, Square, or Acuity. Save full API integration for when you have a developer on hand and a specific need it solves, such as syncing customer data between systems. The fancier the method, the more there is to maintain, and a booking link that quietly works beats a clever embed that breaks on a Saturday morning.
Where should the booking link go on your Shopify site?
Booking is the only action that matters on a salon site, so it should never be more than one tap away. Put it everywhere a client might decide they are ready.
- The header. A "Book Now" button pinned to the top of every page, on desktop and mobile.
- The homepage hero. The first thing a client sees should include the booking button.
- Every service page. Right after you describe the service and the price, give them the button. They are most ready to book the second they finish reading about the thing they want.
- The bottom of blog articles. If a client read your whole post on balayage, they are warm. Close them with a booking button.
This is the same logic I apply to retail and to ads. Catch the client at the moment of intent and make the next step obvious. If you want my full case for running your salon site on Shopify, I lay it out in Shopify for salons versus Squarespace, Wix, and WordPress.
What are the most common booking integration mistakes?
Most salons do not have a booking problem, they have a booking-link problem. These are the errors I find on site after site.
- The link opens in the same window. When booking replaces your site instead of opening in a new tab, the client loses their place and your store disappears. Set booking links to open in a new tab.
- The button is buried. If a client has to scroll or hunt for "Book," you have already lost some of them. Pin it to the header.
- Different links in different places. One page points to an old booking URL, another to the new one. Standardize on a single, correct link everywhere.
- An embed that breaks on mobile. Most of your clients book from a phone. If you embed a widget, test it on a phone before you trust it. When in doubt, use the styled link instead.
- No booking link on service pages. The service page is where intent peaks. Leaving the button off it is the most expensive miss of all, because you lose the client at the exact moment they were ready to commit.
Getting the booking path right is foundational, and it is the kind of thing I audit early when I work with an owner. You can apply to work with me if you want eyes on your whole funnel, not just the booking button.
FAQ
Does Shopify integrate with Boulevard, Vagaro, GlossGenius, and Square?
Yes, all of them connect to Shopify. Every platform supports at least a booking link you can style as a button. Vagaro, Square, and Acuity also offer embed code, while GlossGenius and StyleSeat are link only.
What is the easiest way to add booking to a Shopify salon site?
A styled link button that opens your booking platform in a new tab. It works with every platform, almost never breaks, and is the path I recommend for most salons before they try anything fancier.
Can I embed Vagaro booking inside my Shopify site?
Yes. Vagaro generates a widget code you paste into a custom HTML or Liquid section on a Shopify page, which loads the booking flow on your site without sending the client away.
Why does GlossGenius not embed on Shopify?
GlossGenius does not offer an embed widget, only a hosted booking link. Style that link as a clear button on your site and set it to open in a new tab.
Should the booking link open in a new tab?
Yes. Opening booking in a new tab keeps your site open behind it, so the client does not lose their place and your store stays available after they book.
Do I need a developer to connect booking to Shopify?
No. Adding a booking link as a button takes a few minutes in the Shopify theme editor. Embeds are slightly more involved but still doable by pasting code into a custom section. Only a full API integration needs a developer.
