Introduction
Do you want clients to book your services directly from your website? Adding a reservation button is the simplest way to make that happen. In this article, we will show you how to integrate the Reservine reservation button into any website. You only need to add a short code snippet, and your customers can start booking available times within seconds.
Why Add a Reservation Button?
- Convenience for visitors: Let customers book directly from your website without opening another app or page.
- More reservations: When booking is available at the moment of interest, more visitors are likely to complete a reservation.
- Real-time updates: Reservations are written into your reservation system immediately.
Integration Steps
Step 1: Add the script to the page header
First, insert the following code into the <head> section of your website:
1<script defer src="https://unpkg.com/reservine-button@latest"></script>
Step 2: Insert the reservation button
Wherever you want the button to appear, usually inside <body> or a specific section of your page, insert this HTML:
1<reservine-button
2reservationUrl="https://mytimegym.reservine.me"
3branch="2"
4text="Book now"
5color="#3b82f6"
6size="medium"
7appearance="primary"
8width="auto"
9borderRadius="6"
10></reservine-button>
You can adjust the parameters to match your needs:
- reservationUrl: URL of your Reservine reservation page
- branch: specific branch ID if you operate multiple locations
- text: button label
- color: button color in hex format
- size: button size, such as small, medium or large
- appearance: button style, such as primary, text or outline
- width: button width, such as auto or full
- borderRadius: corner radius
Step 3: Test the button
After adding the snippets, open the page in your browser and check whether the button appears and opens the reservation flow. If the button does not show up, verify that:
- The script was inserted into the
<head>section. - The button HTML was placed in the right part of
<body>. - Your website does not contain conflicting code that blocks the reservation button from loading.
Button Setup and Customization
In the Reservine administration, you can generate and customize the reservation button. You can choose the color, size, style and corner radius, then copy the generated code and paste it into your website.
Conclusion
The reservation button is a fast and effective way to improve your visitor experience and increase the number of completed bookings. With the steps above, you can add it to almost any website and start using Reservine immediately.
If you have questions or need help with setup, contact us and we will guide you through it.