How to embed a booking button on your website, generate sharing links, and create QR codes for marketing.

The booking widget is a button that you can embed on any website. When clicked, it opens your branch's booking form for customers. In addition to the widget, you can generate sharing links and QR codes.

1. Getting the Code

Go to Settings > Integrations > Booking Widget and copy the HTML code.

2. Adding It to Your Page

Paste the code into your page's HTML, ideally before the closing </body> tag:

<script src="https://cdn.reservine.io/widget.js"></script>
<reservine-button branch-id="123"></reservine-button>

The widget works on any website -- WordPress, Wix, Squarespace, custom HTML pages, and other platforms.

3. Customizing the Appearance

Attribute	Description	Values	Default
`branch-id`	Branch ID	number	(required)
`text`	Button text	any text	"Book"
`color`	Button color	HEX color	branch theme
`size`	Button size	`small`, `medium`, `large`	`medium`
`style`	Button style	`filled`, `outline`	`filled`
`shape`	Button shape	`rounded`, `square`, `pill`	`rounded`
`service-id`	Pre-selected service	number	--
`employee-id`	Pre-selected employee	number	--

<reservine-button
  branch-id="123"
  text="Book Now"
  color="#FF5733"
  size="large"
  shape="rounded"
></reservine-button>

Direct links to your booking page for social media, email campaigns, and messaging apps. In Settings > Integrations, choose whether the link targets the entire branch, a specific service, or an employee.

QR Codes

QR codes for physical marketing -- business cards, flyers, posters, outdoor signs. Generate them in Settings > Integrations and download.

QR codes are especially useful for self-service operations (e.g., combined with smart locks), where the customer scans the code, books a time slot, and receives a PIN.

Embedding on Various Platforms

WordPress: Add a Custom HTML block and paste the widget code
Wix: Add Embed > Custom Code and paste the code
Squarespace: Add a Code block and paste the code

Troubleshooting

Problem	Solution
Widget doesn't appear	Verify the `<script>` tag is correctly inserted
Wrong branch-id	Check the ID in the admin panel
QR code doesn't work	Generate a new one in the admin panel

Custom Domain -- a professional address for your booking page
SEO Settings -- search engine optimization

Booking Widget