Is it possible to alter the default language displayed in the BookNow widget?

Follow

 

Yes, this is feasible by changing the path of the iframe that you embed within your webpage.  

 

Example

 

The default code we show is for English, and looks like this:

 

<iframe src="https://myallocator.com/booknow/mKZMdVMIzJGclq03D9zZhg" style="width: 410px; height: 400px; border: none" frameBorder="0" allowtransparency="true"></iframe>

 

To change the Language displayed, add the appropriate two-letter Language Code between "myallocator.com/" and "/booknow".  In the example below, the Language code "de" has been added to display German (highlighted in red for ease of visibility):

 

<iframe src="https://myallocator.com/de/booknow/mKZMdVMIzJGclq03D9zZhg" style="width: 410px; height: 400px; border: none" frameBorder="0" allowtransparency="true"></iframe>

 

Other languages are "fr", "es", "it", "pt" and so on .

 

To find your two-letter country code:

 

The two-letter country codes are shown on this page: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements

 

 

 

If you need additional help embedding the correct iframe into your webpage, see below.

 

 

BookNow - Integration Options

To add a "Book Now" app to your homepage you simply paste some HTML to you website's source code. You can either add a box to your website or a button which will open the box on top of the content. You can change the visual style by supplying your own style sheet based on the standard template.

For every complete booking you will receive an email and it will also show up on the 'Incoming Bookings' page on myallocator. The customer will also receive a booking confirmation. Should you have Automatic Adjustments enabled then it will also reduce availability from myallocator and all configured channels.

 

1. BookNow box (iframe)

This is the easiest method to add BookNow to your homepage. Add this code in the spot where you want your Book Now Box (please login to myallocator, click Manage, BookNow, Website Integration to obtain your unique code snippet):

<iframe src="https://myallocator.com/booknow/EXAMPLE" style="width: 410px; height: 400px; border: none" frameBorder="0" allowtransparency="true"></iframe>

You can adjust the width and height by in the style attribute. Once you've done that it will look like this:

 

 

 

2. BookNow! Button

Add one of these buttons if you don't have enough space for the Book Now Box. You can also use your own buttons if you replace the path to the image.

<img src="https://myallocator.com/img/booknow/book_button_m.png" onclick="bookNowApp('EXAMPLE')" style="cursor:pointer" />

<img src="https://myallocator.com/img/booknow/book_button_l.png" onclick="bookNowApp('EXAMPLE')" style="cursor:pointer" />

<img src="https://myallocator.com/img/booknow/book_button_xl.png" onclick="bookNowApp('EXAMPLE')" style="cursor:pointer" />

For a button you also have to add this code right before the </head> tag:

<script type="text/javascript">
 var bookNowWidth = 610;
 function bookNowApp(e){var t=document.createElement("img");t.style.cursor="pointer";t.src="https://myallocator.com/images/booknow/close_button.png";t.style.zIndex=52;t.style.position="absolute";t.style.left="50%";document.getElementsByTagName("body")[0].appendChild(t);var n=document.createElement("div");n.style.position="fixed";n.style.top="0px";n.style.left="0px";n.style.overflow="hidden";n.style.display="none";n.style.width="100%";n.style.height="100%";n.style.opacity=.7;n.style.MozOpacity=.7;n.style.filter="alpha(opacity=70)";n.style.zIndex=50;n.style.display="block";n.style.backgroundColor="#000000";document.getElementsByTagName("body")[0].appendChild(n);var r=document.createElement("iframe");r.style.width=bookNowWidth+"px";r.style.height="100%";r.style.border="none";r.a="true";r.style.position="absolute";r.style.left="50%";r.style.top="50px";r.style.marginLeft=-(bookNowWidth/2)+"px";r.allowTransparency="true";r.frameBorder = "0";r.style.zIndex=51;r.src="https://myallocator.com/en/booknow/"+e;document.getElementsByTagName("body")[0].appendChild(r);n.addEventListener?n.addEventListener("click",function(){t.parentNode.removeChild(t);n.parentNode.removeChild(n);r.parentNode.removeChild(r)},!1):n.attachEvent("onclick",function(){t.parentNode.removeChild(t);n.parentNode.removeChild(n);r.parentNode.removeChild(r)});t.addEventListener?t.addEventListener("click",function(){t.parentNode.removeChild(t);n.parentNode.removeChild(n);r.parentNode.removeChild(r)},!1):t.attachEvent("onclick",function(){t.parentNode.removeChild(t);n.parentNode.removeChild(n);r.parentNode.removeChild(r)});t.style.marginLeft=bookNowWidth/2-35+"px";t.style.top="38px";window.scroll(0,0)}
</script>

 

3. BookNow - Facebook Integration

You can now start to take bookings directly on Facebook with our BookNow app for Facebook. To get started first setup and enable bookings in the BookNow settings . Once you're happy with the setup you can follow the easy instructions below to add BookNow to Facebook. To see this app in action head to our Facebook page.

 

How to add

 

[Please login to myallocator, click Manage, then BookNow, then Facebook Integration to obtain your linkup key]

 

 

4. Adding Multiple Properties on a single Booking Page:

 

You can add multiple BookNow boxes (iframe) to a single page.  Go to Manage ->BookNow->Website Integration to copy the iframe snippet for each of your properties, then add them to your website.

 

Or, if you prefer, you can add the BookNow buttons instead of the iframe box.  To do this, add the button script code (the last code snippet on the Website Integration page) only once, and then add the button codes for your separate properties.

 

Have more questions? Submit a Ticket

Comments