Difference between revisions of "Multilingual Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
(4 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
[[Category:Widgets]]
 
[[Category:Widgets]]
 
[[Category:Developers]]
 
[[Category:Developers]]
  ''This page explains how to create multi language booking page''
+
<div class="heading">Booking Page for different languages</div>
 +
  This page explains how to create multi language booking page
  
In SETTINGS-BOOKING PAGE-BOOKING WIDGETS you can create widgets in multiple languages.
+
__TOC__
 +
=Activate Languages=
 +
Go to  in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > INTERNATIONALISATION
 +
*Activate the languages you want to use on 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.
  
You can activate the languages you want to use on your booking page in SETTINGS->BOOKING PAGE->INTERNATIONALISATION.
+
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Make sure you enter descriptive texts for all languages you want to use.
 
 
Make sure you enter descriptive texts for all languages you want to use.
 
 
 
The default language for your booking page is the one set in SETTINGS->BOOKING PAGE->INTERNATIONALISATION.
 
  
 +
=Use Different Languages on your Website=
 +
==Booking Page==
 
If you are using an embedded booking page on a multilingual web site you can embed your booking page with a different default language for each language version adding a language parameter:
 
If you are using an embedded booking page on a multilingual web site you can embed your booking page with a different default language for each language version adding a language parameter:
  
Line 20: Line 24:
  
 
*Code for default language booking page:
 
*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>
+
  <nowiki><iframe src ="https://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://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:
 
*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=3103&amp;numdisplayed=5&amp;numnight=1&amp;numadult=2-1&amp;referer=iframe&amp;lang=fr/" 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>
+
  <nowiki><iframe src ="https://beds24.com/booking2.php?propid=3103&amp;numdisplayed=5&amp;numnight=1&amp;numadult=2-1&amp;referer=iframe&amp;lang=fr/" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://beds24.com/booking2.php?propid=3103&amp;referer=iframe/" title="Book Now">Book Now</a></p></iframe></nowiki>
  
  
 
See  [[Developers| list of all language parameters]]
 
See  [[Developers| list of all language parameters]]
  
Widgets are by default supplied in English. If you want another language you can translate the words in the code.  
+
==Widgets==
 +
In {{#fas:cog}} (SETTINGS)  BOOKING ENGINE > BOOKING WIDGETS you can create widgets in multiple 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.
 
If you are using '''Wordpress''' you can add the language parameter to the shortcode.
  
Line 42: Line 52:
 
For detailed information please log into Wordpress and go to SETTINGS-> Beds24 Online Bookings
 
For detailed information please log into Wordpress and go to SETTINGS-> Beds24 Online Bookings
  
 
+
==Availability Calendar==
'''Booking Widgets'''
 
 
 
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
 
 
 
<div style="display: none";t>
 
 
 
 
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:
 
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:
  
Line 67: Line 69:
 
  });
 
  });
 
  </script>
 
  </script>
 
</div>
 

Revision as of 11:42, 9 September 2020

Booking Page for different languages
This page explains how to create multi language booking page

1 Activate Languages

Go to in (SETTINGS) BOOKING ENGINE > INTERNATIONALISATION

  • Activate the languages you want to use on 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.

Make sure you enter descriptive texts for all languages you want to use.

2 Use Different Languages on your Website

2.1 Booking Page

If you are using an embedded booking page on a multilingual web site you can embed your booking page with a different default language for each language version adding a language parameter:

Example

  • Code for default language booking page:
<iframe src ="https://beds24.com/booking2.php?propid=3103&numdisplayed=5&numnight=1&numadult=2-1&referer=iframe/" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://beds24.com/booking2.php?propid=3103&referer=iframe/" title="Book Now">Book Now</a></p></iframe>
  • For a French booking page you add the language parameter &lang=fr to the URL. Code for a French booking page:
<iframe src ="https://beds24.com/booking2.php?propid=3103&numdisplayed=5&numnight=1&numadult=2-1&referer=iframe&lang=fr/" width="800" height="2000" style="max-width:100%;border:none;overflow:auto;"><p><a href="https://beds24.com/booking2.php?propid=3103&referer=iframe/" title="Book Now">Book Now</a></p></iframe>


See list of all language parameters

2.2 Widgets

In (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS you can create widgets in multiple 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

2.3 Wordpress

If you are using Wordpress you can add the language parameter to the shortcode.

Example:

  • Default language shortcode: [beds24-embed]
  • French language shortcode: [beds24-embed lang="fr"]

For detailed information please log into Wordpress and go to SETTINGS-> Beds24 Online Bookings

2.4 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').html("the new text");
});
</script>


For WordPress use this:

<script>
jQuery( document ).ready(function() {
 jQuery('.b24calendarclickinstruction').html("the new text");
});
</script>