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
• Label Segment: Customize what information appears on your switcher - both language and currency, language only, or currency only

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

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
• Hover state: Enhance user experience with responsive color changes when customers hover over the switcher
• Active state: Define how the switcher appears when customers interact with it

II. How to customize Selectors Switcher

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 (only language, only currency, or both)
• Customize language and currency formats with options to show names, flags, symbols, and more

2. Style

Create a visually appealing selection interface:

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

3. Color

Design a cohesive color scheme across all selector elements:

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

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

2. Style

Craft a professionally styled recommendation popup:

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

3. Color

Create a visually appealing recommendation popup:

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

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

Updated on: 07/07/2025