Customize your language widget

With Bablic you can customize the language selection widget so that it matches the look and feel of your website.
In order to access the customization settings you can do the following:

1. In the Visual Editor, click on Options -> Customize Widget, or open this URL

2. In the Visual Editor, right-click on the language widget and choose "Customize Widget"

At this point the customization window will open:
​

Once you have made your changes click on the "Save" button at the bottom.

You can customize the widget in a few different ways:

• widget type: you can choose whether to display language names, flags or labels
• hide Bablic logo
• position
• size
• color

You will be able to set different settings for the desktop, mobile or tablet versions of the site.

If you wish, you can also opt to hide the widget entirely - see alternatives below.

Design your own language menu

You can also hide the Bablic widget and design your own from scratch. To do so mark the checkbox saying "Hide Bablic language widget" and click on "Save".

Once you have done that you can design your own language widget and use it to control Bablic's languages. Simply create a button and link it to bablic.redirectTo('XX'). 

Replace XX with the desired language code (e.g. "es" for Spanish, or "de" for German).

You can also ask Bablic to refresh the page every time the language is changed. To do that use this link: bablic.redirectTo('XX',{forceRedirect:true}).

Screen resolutions

Bablic provides every website with a language selection widget that can be used to switch languages on your website. This widget is fully customizable and can appear in different versions, depending if the site is viewed on a desktop or a mobile device.

What Screen Resolutions are considered "Mobile"

The answer to what is considered a mobile device is not absolute. Some touch devices are very big (they are called phablets, a smartphone having a screen that is intermediate in size between that of a typical smartphone and a tablet computer) and there are also laptops with touch screens. Bablic considers a mobile device every touch device with a width or height of 700 pixels or less.

What if your Mobile Device falls in that Intermediate Resolution

In that case, you can use our JavaScript API to hide/show the widget based on your own rules. For example, you could write a function decideIfMobile() which returns true if the device is mobile, and false otherwise.
​

​<script>if ( decideIfMobile()) {   
 // this hides the widget on mobile   
bablic.widget.hide();} 
else { 
 // this shows the widget on desktop    
bablic.widget.show();}</script>

You can perform many more customizations using Bablic's JS API.  All the options are explained in our Technical Documentation.