Skip to content
Studioloop

Widget Installation

Add the booking widget to your site with link, iframe, or script

Installation Options

Use one of three patterns:

  1. Direct booking link
  2. iFrame embed
  3. JavaScript embed

Direct Link

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

iFrame Embed

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

Script Embed

<div data-studioloop-tenant="your-salon-slug"></div>
<script src="https://book.studioloop.app/widget.js"></script>

Where To Copy Code

Open Online Booking → Widget in Console and copy the generated snippet.