The booking button is a widget that opens your booking page from your website. Design it in Settings > Booking Engine > Booking Widgets > Booking Button and paste the code into your website.
Create a booking button
Steps:
- Go to Settings > Booking Engine > Booking Widgets > Booking Button.
- Use the selector to choose whether the button opens your booking page with all properties (if you have more than one), one property or one room.
- Set the design (see Customisation settings).
- Click Refresh to preview the button.
- When you are happy with the design, click Get Code.
- Paste the code into your website's source code where the button should display.
Expected result: the button shows on your website and opens your booking page.
Note: the button is designed to look best in modern browsers. It can look slightly different depending on the browser.
Customisation settings
| Setting | What it does |
|---|---|
| Text | Text on the button. |
| Font size | Size of the text. |
| Text colour | Colour of the text. |
| Fade from colour and Fade to colour | Background fade of the button. For no fading effect, set both colours the same. |
| Referer text | Text recorded with every booking made through this widget, so you can track booking sources. Use a different referer on each website. |
Open the booking page in another language
To open the booking page in a language other than your default language, add a hidden language field to the button code, for example German:
<input type='hidden' name='lang' value='de'>or French:
<input type='hidden' name='lang' value='fr'>See Multilingual Booking Page.
Important notes
- Beds24's web designer can adjust or install the widget for you for a small fee. Send your requirements through Support in the top menu.