Barberly Widgets

Demo examples for website integration

How to Use Barberly Widgets

These examples demonstrate different widget options for integrating Barberly booking functionality into your website.

To add a widget to your website, simply copy the appropriate code snippet and paste it into your HTML.

<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="YOUR_BUSINESS_ID" data-widget-id="YOUR_WIDGET_ID"></script>

Replace YOUR_BUSINESS_ID with your actual business ID (e.g., "house13") and YOUR_WIDGET_ID with the widget configuration identifier.

Widget Examples

Button Widget

A simple button that opens the booking page in a new tab

View Example

Center Popup

Opens a center popup with the booking interface

View Example

Side Popup

Opens a side popup (340px) on desktop, center popup on mobile

View Example

Embed Widget

Embeds the booking interface directly on the page

View Example

Multiple Widgets

Shows how to use multiple widgets on a single page

View Example