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/widget/your-salon-slug?embed=true"
  style="width: 100%; min-height: 600px; border: none;"
  title="Book an appointment"
></iframe>

Script Embed

<div id="studioloop-booking-widget"></div>
<script src="https://book.studioloop.app/widget.js"></script>
<script>
  StudioLoop.init({
    container: '#studioloop-booking-widget',
    tenant: 'your-salon-slug',
  });
</script>

Where To Copy Code

Do not hand-type these snippets. Open Online Booking → Widget in Console and copy the generated code. It already includes your real slug and, if set, your selected location, so it works as-is when pasted into your site.