Booking Link & Embed

You don't need a website

The simplest way to take online bookings is your booking link -- no website required.

https://book.studioloop.app/book/your-salon-slug

Paste it in your Instagram bio, Google Business profile, email signature, or send it directly to clients.

Adding it to your website (optional)

If you have a website and want the booking form to live there, you have two options.

Book Now button

A styled link that takes clients to your booking page when clicked.

<a href="https://book.studioloop.app/book/your-salon-slug"
   target="_blank" rel="noopener noreferrer"
   style="display:inline-block;padding:12px 24px;background:#000;color:#fff;text-decoration:none;border-radius:6px;">
  Book Now
</a>

iFrame embed

Displays the full booking form directly on your page.

<iframe
  src="https://book.studioloop.app/book/your-salon-slug/embed"
  style="width: 100%; min-height: 600px; border: none;"
  title="Book an appointment"
></iframe>

Where to copy the code

Do not hand-type these snippets. Open Online Booking -> Widget in Console and expand the Booking Link & Embed section. The generated code already includes your real slug and selected location.

Verifying your setup

In the setup checklist, use the Verify your setup tool. Enter your website URL and Studioloop checks whether the booking widget is detectable on the page. If it can't find it, make sure you've saved and published the page after adding the code.

For the direct booking link, click Test to open your booking page in a new tab and confirm it loads correctly.

Platform-specific notes

• WordPress -- use a Custom HTML block (not a shortcode block)
• Squarespace -- use a Code block, not a Markdown block
• Wix -- Add > Embed Code > Embed HTML, then choose "Code"
• Shopify -- add to the relevant template file via Edit Code