Customize your Transcy Switcher

Transform your store's language and currency selection experience with Transcy's highly customizable Switcher. This powerful tool allows you to seamlessly integrate multilingual and multi-currency capabilities that perfectly match your store's design. With Transcy's intuitive customization options, you can create a cohesive shopping experience that elevates your brand and enhances customer satisfaction.

I. How to customize Switcher

Access Switcher => Advanced => Customization => Switcher => Select the relevant elements including Position, Display, Style and Color

1. Position

We offer 3 convenient positions, each with additional settings to perfectly fit your store's layout:

Floating on page corner: Creates a sleek, non-intrusive switcher that follows visitors as they browse
Embedded in the page: Integrates seamlessly with your theme's design elements (If your theme doesn't support embedding, check out our embedding guide for unsupported themes)
Over the top of page: Offers maximum visibility for international shoppers



Pro Tip: Use our simulation mode to preview your changes in real-time! Simply click on different settings to see how your switcher will look before publishing.

2. Display

Create the perfect switcher layout with our flexible display options:

Layout elements: Choose between displaying both arrow and label, only label, or only arrow based on your design preferences Show Image
Label Segment: Customize what information appears on your switcher - both language and currency, language only, or currency only Show Image

3. Style

Fine-tune your switcher's visual appearance to perfectly complement your store's aesthetic:

Adjust frame width, border styling, and font size for optimal visibility and brand alignment Show Image

4. Color

Create a visually cohesive experience by customizing colors for various switcher elements and states:

Normal state: Set the default appearance with customizable background, border, text, and arrow colors Show Image
Hover state: Enhance user experience with responsive color changes when customers hover over the switcher Show Image
Active state: Define how the switcher appears when customers interact with it Show Image

II. How to customize Selectors

Access Switcher => Advanced => Customization => Selectors => Select the relevant elements including Display, Style and Color

1. Display

Tailor the selection experience to your customers' needs:

Configure which options appear in your selectors (language, currency, or both)
Customize language and currency formats with options to show names, flags, symbols, and more Show Image

2. Style

Create a visually appealing selection interface:

Fine-tune the selector frame with adjustable width, border styling, and text formatting Show Image
Customize the "Apply" button with distinct border and font settings Show Image

3. Color

Design a cohesive color scheme across all selector elements:

Normal state: Set the default appearance for background, border, text, and arrows Show Image
"Apply" button: Create a distinctive button that encourages action with custom border and text colors Show Image
Hover state: Enhance interactivity with color changes that respond to customer actions Show Image

III. How to customize Location Selectors

Access Switcher => Advanced => Customization => Location selectors => Select the relevant elements including Display, Style and Color



Note: Location selectors create a helpful popup that recommends language and currency options based on your customer's location. To enable this feature, please refer to our Geolocation feature guide.

1. Display

Create an intuitive recommendation experience:

Choose the optimal format for displaying country, language, and currency information with options for names, flags, and symbols Show Image

2. Style

Craft a professionally styled recommendation popup:

Adjust frame dimensions, border styling, and text formatting for maximum clarity Show Image
Customize the "Shop now" button with distinct border and font settings Show Image Show Image

3. Color

Create a visually appealing recommendation popup:

Normal state: Set the default appearance for background, border, and text elements Show Image
"Shop now" button: Design an eye-catching button with custom background and text colors Show Image Show Image
Hover state: Enhance user experience with interactive color changes Show Image

If you need further assistance, please contact us via live chat or email us at support@transcy.io.

Updated on: 16/05/2025