There are 2 ways clients can access the booking widget:
From your Booxi booking page
From your website or application (i.e. you implemented the widget into your website directly).
*Note: if you've created your own custom process by using Booxi's API, the language will be presented in your store's default language ("My Business" tab > Booking rules > Languages), unless you specify the language using the "language" parameter; see here for the language codes to use.
Booking page
Your booking page will be presented in your store's default language ("My Business" tab > Booking rules > Languages); the booking widget accessible from your booking page follows the same logic.
Clients may change the page language themselves (see here for the list of supported languages); see below.
You can force the booking page to appear in a specific language. To do so, append the language parameter (
?lang=) to your URL, followed by the target language's 3-letter code.Example (for French):
https://site.booxi.com/infinitystore?lang=fre
See here for the language codes.
Booking widget implemented on website or application
By default, the language of the widget will match the client's browser language (*note: if the client's browser language is not supported by Booxi, the widget will be presented in your store's default language).
However, you can force the widget to appear in a specific language by entering the appropriate value in the widget's language parameter. See below how to achieve this for the booking widget v2 and v3 respectively.
Booking widget v2
Add the appropriate language code manually or by using the code generator.
Example (for French):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>booxi booknow button example</title>
<script src="https://www.booxi.com/api/booknow.js" async=""></script>
</head>
<body>
<script>
var bnHandler = null;
window.bxApiInit = function () {
bnHandler = booxiController.configure({
apiKey: "YOUR_API_KEY_HERE",
language: "fre"
});
};
</script>
<div class="bx_bn_button use_bx_ico" onclick="booxiController.book();">
Book Now
</div>
</body>
</html>
Using the code generator:
Booking widget v3
Add the appropriate language code manually or by using the code generator.
Example (for Swedish):
<!DOCTYPE html>
<html>
<head>
<title>Book Now</title>
<script id="booknowlib" src="https://www.booxi.com/booknow/booknow.js" async=""></script>
</head>
<body>
<button class="code-booknow-button" onclick="BookNow.open({apiKey:'YOUR_API_KEY_HERE', language:'sv'})">
Book Now
</button>
</body>
</html>
Using the code generator:
For more information on language settings in Booxi, see here.