This tutorial shows you how to integrate your Guestonline reservation module on your restaurant's website and offer 24-hour online reservations.
Two integration methods are possible : simple or advanced.
- Simple method :i n the Settings > Main Module tab of your Guestonline account, find the personalized URL of your module which, when reached, allows you to display the reservation module with your availability :
- Copy/Paste this URL on your "Reserve" button or on the text of your choice on your website in order to allow when your customer clicks on it the display of your module in a new internet window, like this :
- Advanced method: iFrame or Button display allow you to customize the module display.
You must have access to the HTML code of your website. If this is not the case, contact your webmaster or the person who administers your website to provide them with the module integration codes available in your Guestonline account.
Advanced - Step 1 : Choose the display mode of your module
- Button module type
You can choose to display a button that brings up the reservation module when your customer clicks on it. Ideal for allowing your customers to book from a specific location on your site. (Button Code in your Settings > Main Module account). You can change the appearance of the button (color, font).
- iFrame Module type
You can also choose to insert your reservation module using a presentation mode that reduces its size on a dedicated page of your site. You can then adjust the size (in pixels) of the insert displaying the module. For example, on the Contact page or on a Reservation page. (iFrame code in your account: Settings > Main Module):
Advanced- Step 2 : Copy the corresponding code
In your account: Settings > Main Module copy the Button code or the iFrame code
Advanced - Step 3 : Paste the code to your website
- Open the HTML code corresponding to the location where you want to position the reservation button/module
- Simply paste the appropriate code into the location and save.
Please note: if you wish to insert this module into an already existing page, the dimensions of the iFrame must be at least 320px wide and 450px high
Tip: If you integrate the module in Button mode, you can easily change the color by modifying the code after the background parameter. To change the button text simply edit Book Online.
Do not forget …
The location of the module on your site is essential :
It must be clearly visible and easy to find from the home page. Internet users don’t like to search…
Go further …
You can also install your reservation module on your restaurant's Facebook/Instagram pages.
Personalize your module in your colors...
You are able to personalize your reservation module yourself according to your graphic charter directly in your account (if your contract allows it).
Updated 2023/12/04