Changes

Jump to navigation Jump to search

Multilingual Booking Page

1,021 bytes added, 11:08, 23 June 2021
[[Category:Widgets]]
[[Category:Developers]]
<div class="heading">Booking Page for different languages</div> ''This page explains how to create multi language booking page''You can activate __TOC__=Activate Languages=Go to in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > INTERNATIONALISATION*Activate the languages you want to use in SETTINGSon your booking page*Set the default language for your booking page is After you have done this you will see a tab for each activated language wherever you can enter your own descriptions. <span style="color: #f3e504; font-size: 250%;" >BOOKING PAGE-{{#fas:lightbulb}} </span>INTERNATIONALISATION. Make sure you enter descriptive texts for all languages you want to use. The default language for  =Use Different Languages on your booking page is the one set in SETTINGS->BOOKING PAGE->INTERNATIONALISATION. Website===Booking Page==If you are using an embedded booking page on a multilingual web site you can embed you your booking page with a different default language for each language version adding a language parameter:
'''Example'''
*Code for default language booking page:
<nowiki><iframe src ="https://www.beds24.com/booking2.php?propid=3103&amp;numdisplayed=5&amp;numnight=1&amp;numadult=2-1&amp;referer=iframe/" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://www.beds24.com/booking2.php?propid=3103&amp;referer=iframe/" title="Book Now">Book Now</a></p></iframe></nowiki>
*For a French booking page you add the language parameter <nowiki>&lang=fr</nowiki> to the URL. Code for a French booking page:
<nowiki><iframe src ="https://www.beds24.com/booking2.php?propid=2353103&amp;numdisplayed=5&amp;numnight=1&amp;numadult=2-1&amp</nowiki>''';referer=iframe&amp;lang=fr'''<nowiki>&referer=iframe/" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://www.beds24.com/booking2.php?propid=3103&amp;referer=iframe/" title="Book Now">Book Now</a></p></iframe></nowiki> If you use RTL(Arabic, Hebrew) languages you will need to add custom CSS to your booking page to change the alignment. Please see [[Custom_CSS#Adjust_alignment_for_RTL_languages_.28Arabic.2C_Hebrew.29|here]].
See [[Developers| list of all language parameters]]
Widgets are by default supplied in English. <span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span> If you want use a script to detect the language you will need to add another script in which you specify the language parameter as well.  ==Widgets==In {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS you can translate the words create widgets in the codemultiple languages.  The widget designer allows you to choose a language.
If you are using Wordpress you can do this in the shortcode. For detailed information please log into Wordpress and go to SETTINGS-> BEDS24 ONLINE BOOKINGS,
==Wordpress==
If you are using '''Wordpress''' you can add the language parameter to the shortcode.
For detailed information please log into Wordpress and go to SETTINGS-> Beds24 Online Bookings
==Availability Calendar==
The translation options for the availability calendar widget are limited. To translate "Click your arrival date" add the following script to the source code of the page which displays the widget:
<script> $( document ).ready(function() { $('.b24calendarclickinstruction''Booking Widgets''').html("the new text"); }); </script>
If you want different language versions of the booking widgets you will need to search the code for the words you want to translate and replace them. Make sure you do not change only word and not any code because this will cause the widget to break.
If you are using Wordpress you can do For WordPress use this in the shortcode. For detailed information please log into Wordpress and go to SETTINGS-> Beds24 Online Bookings:
Note: The translation option for <script> jQuery( document ).ready(function() { jQuery('.b24calendarclickinstruction').html("the availability calendar widget are limited.new text"); }); </script>

Navigation menu