How to add GlossGenius to your website
GlossGenius is a booking and payments platform aimed at independent beauty professionals, used by independent stylists, nail techs, estheticians and barbers. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from your GlossGenius app or web dashboard under Settings, in the Booking Site or Share section, where you'll find your booking link and embed options. For most people the right choice is the booking link — your glossgenius.com booking URL behind a button. This is the primary method GlossGenius intends you to use and the most reliable. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
GlossGenius: which option to use
| Option | What it does |
|---|---|
| Booking link | Your glossgenius.com booking URL behind a button. This is the primary method GlossGenius intends you to use and the most reliable. |
| Embedded booking | An iframe of your booking site inside your own page, so customers stay on your domain throughout. |
| Instagram and bio links | GlossGenius is built around link-sharing; the same URL works in your Instagram bio, and using one link everywhere makes your booking numbers easier to read. |
Step-by-step
- 1
Find the code or link in your account
GlossGenius keeps this in your GlossGenius app or web dashboard under Settings, in the Booking Site or Share section, where you'll find your booking link and embed options. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Booking link: Your glossgenius.com booking URL behind a button. This is the primary method GlossGenius intends you to use and the most reliable. Embedded booking: An iframe of your booking site inside your own page, so customers stay on your domain throughout. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
Booking is the action your site exists to produce, so this belongs above the fold, not below your gallery. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — complete a real booking — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸GlossGenius is designed link-first rather than embed-first, so the link approach is better supported than the iframe and less likely to break when they update the booking site.
- ▸Your deposit and cancellation policy settings live in GlossGenius, not on your website — customers see them at the booking step, so make sure they say what you actually enforce.
- ▸If you embed rather than link, test on mobile carefully: booking flows inside iframes can scroll awkwardly on phones, which is where most beauty bookings happen.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
Can I put GlossGenius booking on my own website?
+−
Yes. The simplest and most reliable way is to put your GlossGenius booking link behind a prominent 'Book now' button on your site. You can also embed the booking site in an iframe if you would rather customers never leave your domain, though the link approach is better supported.
Should I use my GlossGenius site or my own website?
+−
Use both, with different jobs. The GlossGenius booking site handles the transaction well but is not built to rank in search or to tell your story. Your own website does the marketing, ranks for your town and service, and hands off to GlossGenius at the point of booking.
Do I need a developer to add GlossGenius to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding GlossGenius slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.