How to change the default language displayed in the BookNow widget

Follow

You can easily change the default language by editing the path of the iframe that you embed within your webpage.

Getting Started

Check the following example: The default code we show is for English, and it 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, click here

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

BookNow - Integration Options

  • To add a "BookNow" app to your homepage you simply paste some HTML to you website's source code
  • Add a box to your website or a button which will open the box on top of the content
  • 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 Bookings page on myallocator - The guest will also receive a booking confirmation.
  • You should have Automatic Adjustments enabled -It will reduce availability from myallocator and all configured channels as shown below:

BookNow box (iframe)

This is the easiest method to add BookNow to your homepage. Add this code in the spot where you want your BookNow Box. Once you login to myallocator:

  1. Click on Manage
  2. Select BookNow
  3. Click on Website Integration
  1. Copy your unique code snippet (You can adjust the width and height by in the style attribute)

Once you've done, it will look like this: 

Manage - BookNow - Integration - myallocator.com - Google Chrome

BookNow! Button

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

Is it possible to alter the default language displayed in the BookNow widget? – Myallocator - Google Chrome
<img src="https://myallocator.com/img/booknow/book_button_m.png" onclick="bookNowApp('EXAMPLE')" style="cursor:pointer" />
Is it possible to alter the default language displayed in the BookNow widget? – Myallocator - Google Chrome
<img src="https://myallocator.com/img/booknow/book_button_l.png" onclick="bookNowApp('EXAMPLE')" style="cursor:pointer" />
Is it possible to alter the default language displayed in the BookNow widget? – Myallocator - Google Chrome
<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>

How to add multiple properties on a single Booking Page:

You can add multiple BookNow boxes (iframe) to a single page.

  1. Go to Manage
  2. Click on BookNow
  3. Select Website Integration
  4. Copy the iframe snippet for each one of your properties, then add them to your website
Manage - BookNow - Facebook - myallocator.com - Google Chrome

You can add the BookNow buttons instead of the iframe box by adding 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? Contact Support

Comments