Back to articles
Integrations

Add a Booking Button to Your Website in 2 Minutes

Lukáš Přibík

Lukáš Přibík

January 30, 2025

Add a Booking Button to Your Website in 2 Minutes

Add the Reservine booking button to any website with one snippet. It opens the booking flow over your website, so visitors do not have to leave the page.

Copy this code

Paste it into your page and change only your-business:

Reservine button
<script defer src="https://cdn.reservine.io/sdk/v1.js"></script><reservine-button partner="your-business" text="Book now"></reservine-button>

That is all. Add the script only once per page, even when you use more than one button.

What to use for partner

Use the part of your booking-page address before .reservine.me.

  • your page: https://your-business.reservine.me
  • your partner: your-business

Optional customization

The default button works without extra settings. Add only the attributes you need:

Optional settings
<reservine-buttonpartner="your-business"branch="2"text="Book a session"color="#22d3ee"size="large"appearance="primary"width="auto"></reservine-button>
  • branch opens a specific branch
  • text changes the button label
  • color sets a HEX color
  • size can be small, medium or large
  • appearance can be primary, outline or text
  • width="full" fills the available width

Check the result

  1. The button is visible on your page.
  2. Clicking it opens the booking window.
  3. The correct business and, when selected, branch are shown.

Using WordPress, Wix or Webflow? Continue with the short CMS guide.

If the button does not load, check the partner value for typing errors and make sure your website allows scripts from https://cdn.reservine.io.

Back to articles