Getting Started

Introduction

This guide contains everything you need to either easily implement our reservation widget into your website, or create your own designed reservation experience. We believe that a beautiful reservation tool on your website will result in more online reservations. So your website deserves the best reservation experience, in order to turn visitors into guests.

Read more about how to use our widget - from straight and simple implementations to sophisticated and complicated reservation schemes with rules, options, selections, deposits, payments and more.


Implementation

Add to your page

Our widget is responsive and minimalistic. It leans towards an iconic and neutral style, because it's real power is under the hood. We do not show "powered by" labels or logos and therefor our widget is completely white label. Craft a beautiful reservation flow. Style the widget with colors. Make it yours.


Iframe

The IFRAME is the most populair implementation. Responsive for mobile devices. Simple to use. Easy to customize. We recommend to use an iframe if you are satisfied with the settings below.

Size:
Language:
Background color:
Base color:
Border color:
Font color:
Font family:
Closed color:




Paste this in the BODY of your page:

<iframe src="https://www.ereserveren.nl/widget/?i=ENTER-YOUR-ACCESS-KEY-HERE" 
width="500" 
height="600" 
frameborder="0" 
marginheight="0" 
marginwidth="0" 
allowtransparency="true" 
style="max-width:100%">
</iframe>

JavaScript

The most powerfull implementation

Style the widget. Change colors, fonts and size. Edit the language/translation/text. Implement (requiered) options [high tea, childeren, valet parking, menu], events, campaigns, prepaid reservations, deposits, tickets, credit card holds, CLX policies, required fields, extra contact fields like birthday. And much more. Read the advanced settings to setup your perfect reservation experience.






Paste this in the HEAD of your page:

<script type="text/javascript" 
src="https://www.eTender-connect.com/widget/js/widget.js?accessKey=ENTER-YOUR-ACCESS-KEY-HERE">
</script>

Paste this in the BODY of your page:

<div id="etender-calendar-widget"></div>

Page Link

Just a link. Click here

<script type="text/javascript" 
src="https://www.eTender-connect.com/widget/js/widget.js?accessKey=ENTER-YOUR-ACCESS-KEY-HERE">
</script>

Facebook

Book Now Button

Get more reservations from Facebook. Read here how to add a call-to-action button to your Page

Go to Facebook and add a button to Your Page. Choose BOOK SERVICES. Choose BOOK NOW. Enter the website below:

<script type="text/javascript" 
src="https://www.eTender-connect.com/widget/js/widget.js?accessKey=ENTER-YOUR-ACCESS-KEY-HERE">
</script>

Or use the web address from the reservation page of your website.