How can I set up Switchers on store?
After you set up language and currency in Localization, please move to set up Switcher by the following steps so your customers can select their target language, currency on switcher then shop at your store easier and quicker.
In Switcher menu, you will find it includes 3 parts General setting, Template, and Advanced options that you must complete.
How to set up General Setting
How to set up Advanced options
To set up the switcher on your store to switch between languages and currencies, firstly please go to Transcy app --> Switcher, you will see a window showing like this:
You can set up:
General Setting: Turn on/off Switcher, Switcher visibility, and Geolocation
Advanced: you can set up switcher format including template, style, position, color scheme for each element on Switcher separately on Desktop and Mobile
Switcher Setting --> General --> Follow the instruction to enable Transcy App Embed block in Theme Editor shopify in order to activate the switcher
In case you have done setting up everything and want to publish Switcher on store so all customers can see it, please choose Everyone on Display mode.
Or you can choose Only admin mode to show Switcher for only you or visitor who has Admin access permission on your store can see Switcher.
Please note that the app will apply the same mode (Only admin/Everyone) to both devices (Desktop and Mobile) to ensure the synchronization.
Old users having the difference in View mode setting between 2 devices will need to choose and apply only one mode to both devices.
Geolocation is the process of determining the location of an electronic device. Transcy provides 2 key features: Language and Currency. While currency will always be redirected based visitor's location, language will be redirected depending on the conditions you select choose between Visitor browser's language and Visitor's location.
There are 2 modes of Geolocation:
Auto switch: automatically direct to the language/ currency right after entering your online store.
Recommend: show a recommendation popup of the location, language and currency, visitors are allowed to confirm and process to the correct version - Please be noted that in some countries, auto directing to another URL without confirmation might not be allowed. We suggest to use Recommend popup instead.
Please note that Auto switch currency function requires at least Basic plan and Auto switch language is available from Growth plan and higher. For more details can be found here
Now, you can find all templates in Advanced tab easily.
We provide 2 switcher styles (Classic and Modern) with a default template and the list of available templates on each Style so that you can choose a suitable template with your store theme (Light theme, Dark theme) or click on Customize button on the active template (default template or one of available templates of Transcy), it will auto generate a copy of that template, so you can feel free to customize on it and publish the customized template on your store or save it in Your templates list.
Especially, you can set up template for Switcher separately on Desktop and Mobile.
You can change properties in each Template including: Positions, Switcher style, Switcher disclosure, Color Scheme or click Reset to default button in the bottom left corner to back default template of Transcy.
Also, you can easily customize a template that you wish then apply this template to your store. You can rename template in Your templates list for easy management
Click on X button to delete a copy of template. There will be a popup to confirm this Delete action.
Please make sure that you have clicked on Save successfully before leaving page then you can preview on store.
In case you have some new customized templates for mobile, you can also apply those templates to desktop and vice versa.
In our newest update, lovely that you can pick more favorite templates besides current Classic templates. You can choose available templates in Modern style (new style) to combine and design a Switcher fit with your store-front just a second.
Please be advised that Modern style is only available from Growth plan and higher.
With Free plan, you can create 1 custom template from default template in Classic style. And with Basic plan, you can create and save a maximum of 3 templates of Classic style on each device (Desktop, Mobile) in your own list. However, in case you're in Free plan, you are unable to pick any other available templates in Classic list except the default template assigned, please kindly consider upgrading to a higher plan to get more choice in templates. Click here to learn more.
With Growth and Premium plan, you can create a maximum of 6 templates with any style (Classic/Modern) to make your own list. Example: You can create 2 templates Classic and 4 templates Modern to make sure the maximum total is 6 templates.
You can set up all properties of Switcher and Selectors on Desktop and Mobile separately such as Positions, Switcher style, Switcher disclosure (Dropdown, Popup), Color Scheme of each element (Border color, Background color, Text color, Hover color, Button color, etc) according to your wish as well as to make Switcher fit with your website design better
Please refer to this article for more detailed instruction
NOTE:
For password protected stores, Preview window in the right panel only helps you to have a better visual before applying any change. To see how color effects applied on your store exactly, please kindly view and check it on your real device or please disable Password.
On your live website, customer only need to select a language/currency on Switcher then click on Apply button to apply that language/currency.
E.g. Label contents such as Language, Currency, Search in English at default on Switcher. Once visitors select a target language on the Switcher and apply then all these label contents would be translated according to that target language automatically. You can edit its translation manually in-app easily, click here to learn more.
That's all, and hope you will enjoy it!
If you need some more helps, and/or have any new ideas about customization, please feel free to contact us via live chat or email us at support@transcy.io
In Switcher menu, you will find it includes 3 parts General setting, Template, and Advanced options that you must complete.
CONTENT:
How to set up General Setting
How to set up Advanced options
To set up the switcher on your store to switch between languages and currencies, firstly please go to Transcy app --> Switcher, you will see a window showing like this:
You can set up:
General Setting: Turn on/off Switcher, Switcher visibility, and Geolocation
Advanced: you can set up switcher format including template, style, position, color scheme for each element on Switcher separately on Desktop and Mobile
I. General Setting
Activate Switcher
Switcher Setting --> General --> Follow the instruction to enable Transcy App Embed block in Theme Editor shopify in order to activate the switcher
In case you have done setting up everything and want to publish Switcher on store so all customers can see it, please choose Everyone on Display mode.
Or you can choose Only admin mode to show Switcher for only you or visitor who has Admin access permission on your store can see Switcher.
Please note that the app will apply the same mode (Only admin/Everyone) to both devices (Desktop and Mobile) to ensure the synchronization.
Old users having the difference in View mode setting between 2 devices will need to choose and apply only one mode to both devices.
Geolocation
Geolocation is the process of determining the location of an electronic device. Transcy provides 2 key features: Language and Currency. While currency will always be redirected based visitor's location, language will be redirected depending on the conditions you select choose between Visitor browser's language and Visitor's location.
There are 2 modes of Geolocation:
Auto switch: automatically direct to the language/ currency right after entering your online store.
Recommend: show a recommendation popup of the location, language and currency, visitors are allowed to confirm and process to the correct version - Please be noted that in some countries, auto directing to another URL without confirmation might not be allowed. We suggest to use Recommend popup instead.
Please note that Auto switch currency function requires at least Basic plan and Auto switch language is available from Growth plan and higher. For more details can be found here
III. Advanced
Template
Now, you can find all templates in Advanced tab easily.
We provide 2 switcher styles (Classic and Modern) with a default template and the list of available templates on each Style so that you can choose a suitable template with your store theme (Light theme, Dark theme) or click on Customize button on the active template (default template or one of available templates of Transcy), it will auto generate a copy of that template, so you can feel free to customize on it and publish the customized template on your store or save it in Your templates list.
Especially, you can set up template for Switcher separately on Desktop and Mobile.
You can change properties in each Template including: Positions, Switcher style, Switcher disclosure, Color Scheme or click Reset to default button in the bottom left corner to back default template of Transcy.
Also, you can easily customize a template that you wish then apply this template to your store. You can rename template in Your templates list for easy management
Click on X button to delete a copy of template. There will be a popup to confirm this Delete action.
Please make sure that you have clicked on Save successfully before leaving page then you can preview on store.
In case you have some new customized templates for mobile, you can also apply those templates to desktop and vice versa.
In our newest update, lovely that you can pick more favorite templates besides current Classic templates. You can choose available templates in Modern style (new style) to combine and design a Switcher fit with your store-front just a second.
Please be advised that Modern style is only available from Growth plan and higher.
With Free plan, you can create 1 custom template from default template in Classic style. And with Basic plan, you can create and save a maximum of 3 templates of Classic style on each device (Desktop, Mobile) in your own list. However, in case you're in Free plan, you are unable to pick any other available templates in Classic list except the default template assigned, please kindly consider upgrading to a higher plan to get more choice in templates. Click here to learn more.
With Growth and Premium plan, you can create a maximum of 6 templates with any style (Classic/Modern) to make your own list. Example: You can create 2 templates Classic and 4 templates Modern to make sure the maximum total is 6 templates.
Customization
You can set up all properties of Switcher and Selectors on Desktop and Mobile separately such as Positions, Switcher style, Switcher disclosure (Dropdown, Popup), Color Scheme of each element (Border color, Background color, Text color, Hover color, Button color, etc) according to your wish as well as to make Switcher fit with your website design better
Please refer to this article for more detailed instruction
NOTE:
For password protected stores, Preview window in the right panel only helps you to have a better visual before applying any change. To see how color effects applied on your store exactly, please kindly view and check it on your real device or please disable Password.
On your live website, customer only need to select a language/currency on Switcher then click on Apply button to apply that language/currency.
E.g. Label contents such as Language, Currency, Search in English at default on Switcher. Once visitors select a target language on the Switcher and apply then all these label contents would be translated according to that target language automatically. You can edit its translation manually in-app easily, click here to learn more.
That's all, and hope you will enjoy it!
If you need some more helps, and/or have any new ideas about customization, please feel free to contact us via live chat or email us at support@transcy.io
Updated on: 14/06/2024
Thank you!