Old name is eTender.
Also sold as white label solution by Booq and Dish.
This adds a floating reservation button / widget to the website
Documentation: https://docs.guestplan.com/#/nl/widget?id=online-reserveren
Installation
- Add the Guestplan script to the Divi theme options » Integration » body, and enable its toggle. Example below.
- The script can be generated at https://www.guestplan.com/widget/?i=CLIENTAPICODE
CLIENTAPICODE = clients Customer code / AccessKey / API / I-Code
<!-- START GuestPlan reservation widget popup -->
<script>
(function(g,s,t,p,l,n){
g["_gstpln"]={};
(l=s.createElement(t)),(n=s.getElementsByTagName(t)[0]);
l.async=1;l.src=p;n.parentNode.insertBefore(l,n);
})(window,document,"script","https://cdn.guestplan.com/widget.js");
_gstpln.accessKey = "CLIENTAPICODE";
_gstpln.useHtmlLanguage = true;
_gstpln.open = false;
_gstpln.useNewsletterSubscriptionOptIn = true;
</script>
<!-- END GuestPlan reservation widget popup -->Code language: HTML, XML (xml)Optional settings
- UNcheck ‘Expand Widget Automatically on Desktops’ (you don’t want it to auto open with each page visit). Then under ‘Advanced settings’:
- _gstpln.useHtmlLanguage = true;
Uses the language of the webpage (if WPML installed). - _gstpln.open = false;
Keep the widget closed by default, only show the floating button. - _gstpln.useNewsletterSubscriptionOptIn = true;
Auto enable the newsletter optin. - _gstpln.useReservationNotes = false;
To disable the notes field. - _gstpln.color = “#A8BA57”;
Overrules the color that is specified in Guestplan > Settings > Account > General > Color (best not to use). - _gstpln.fullPage = true;
Open guestplan in full screen as an overlay (best not to use).
Open popup widget
To open the Widget with a link or button, use the following anchor as the url:
- #gstpln_openWidget
- #gstpln_openWidget?serviceCode=EkhXHdZ
EkhXHdZ = the code of the Guestplan Service (like High Tea, High Wine etc).
Open widget with a service
To open the widget with a service
- Get the Service Code (XXXXXX in the examples) from Guestplan » Settings » Service Manager.
- Add it with a link like:
- #gstpln_openWidget?serviceCode=EkhXHdZ
Alternative with onclick event:
- Omit ‘href’ from the ‘a’ link because that refreshes the page.
- The style=”cursor: pointer;” is needed to show the mouse pointer.
- Add it in the text editor and do not switch back to wysiwyg, as that removes the onclick event.
<a onclick="_gstpln.openBookingWidget({serviceCode:'XXXXXX'})" style="cursor: pointer;">Book Now</a>
<button onclick="_gstpln.openBookingWidget({serviceCode:'XXXXXX'})">Book Now</button>
<div onclick="_gstpln.openBookingWidget({serviceCode:'XXXXXX'})" style="cursor: pointer;">Book Now</div>Code language: HTML, XML (xml)Multi location widget
For groups of restaurants, there is a “Multiwidget” that has a dropdown to select the restaurant. This is in addition to the separate location widgets for each restaurant.
- Location widget code: add this to the location page of each restaurant
- Multiwidget: add this to all general, non location based pages (save this as a global module)
So each page has it’s own code module with the widget code, you can’t add it sidewide.
Customization
It is possible to add an extra reservation step after selecting the date and the number of persons. This is a custom request and charged at € 90,- Examples:
- Static text: https://www.bam-boa-amsterdam.com
- Custom form to request allergies/diet: https://www.lebonvivant.nl/
iFrame
Shortlink
<iframe src="https://CLIENTURL.guestplan.io/?locale=nl"
width="500" height="500" frameborder="0" marginheight="0"
marginwidth="0" allowtransparency="true"
style="max-width:100%"></iframe>Code language: HTML, XML (xml)Api code
<iframe
src="https://widget.guestplan.com/?i=<a href="https://www.guestplan.com/widget/?i=APICODEKLANT" target="_blank" rel="noreferrer noopener">CLIENTAPICODE</a>&locale=nl"
width="500" height="500" frameborder="0" marginheight="0"
marginwidth="0" allowtransparency="true"
style="max-width:100%"></iframe>Code language: JavaScript (javascript)