Getting started with the Region, Currency and Language selector •

The region, currency, and language selector in the app is fully customizable. You can watch the video below that explains the various customization options available:

How to activate the selector

Go to the "Selector" page and enable the selector.
Choose a selector type from the list of options and then click "Save" near the bottom of the page.
Our app's selector should now be visible on your website.

Note:

If the selector doesn't appear after enabling it, please refer to this guide and enable the app extension.

To further customize the selector, please continue reading below.

Selector type configuration

Our app offers a variety of Selector types that you can choose from namely:

Region & Language Selector
Region Selector
Language Selector
Currency & Language Selector
Currency Selector

You can select the option that best fits your configuration. In the example below, I’m using a "Region & Language Selector" because I have multiple languages and regions/currencies set up in my Shopify markets settings.

You can customize the selector's style by choosing from a dropdown with a vertical layout, a dropdown with a horizontal layout, or an overlay.

Preview of Dropdown selector (Horizontal layout)

Preview of Dropdown selector (Vertical layout)

Preview of Overlay layout Selector

Selector style configuration

There are also several visual customization options, including:

Re-ordering the displayed regions, currencies, and languages
Displaying regions by name or code
Displaying currencies by name, code, or symbol
Displaying languages by name or code
Including or excluding flags
Customizing text and background colors
Adjusting the opacity of the selector to make it more transparent

Selector position configuration

The Selector position can be "floating and always seen", "inserted into the website header", or in a "custom position".

Float and always seen - When the floating option is selected, you can adjust its position and modify the padding. Increasing the padding moves it farther from the edge of the screen, while decreasing it brings it closer.
Insert into the Website Header - This option supports over 300 themes right out of the box. If your store's theme isn't on the list, please contact us at Help@Hextom.com, and we'll add it for you!
Custom position - This option allows you to place the selector anywhere in your store. Please follow the guide to add the selector.

Selector redirection configuration

The selector can also control the default region, currency, and language that customers see when they first visit your store. For paid plans, we offer the option to automatically detect the customer's browser language and their region to assign the appropriate language and currency. Alternatively, you can choose to display a specific language or currency when they visit.

The selector can also enable a Right-To-Left (RTL) layout. When a language that uses RTL is selected, the theme will adjust to display the store accordingly. However, it's the theme's responsibility to properly display all store elements in RTL mode, so please ensure your theme is RTL compatible before enabling this option.

If you have any questions or concerns about the Selector, or anything else, please send us a message at help@hextom.com