Articles on: Manage Switcher

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" Transcy menu → "Advanced" → "Customization" → "Switcher"→ Select the relevant elements, including Position, Display, Style, and Color.



Customize Switcher


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
  • Arrow Segment: Design your arrow segment into "Chevron down or right" , "Caret down" , "Angel down" . Or you can design it into "Globe icon" or "Language icon"
  • Label segment: Customize what information appears on your switcher - both language and currency, language only, or currency only. You can also customize it's into Short name , Native name or only flag


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


Frame:

  • Frame width
  • Border
  • Normal state

Elements:

  • Select-box border
  • Flag style

Text:

  • Title font
  • Select-box font
  • Search-box font
  • Value font
  • Selected value font

Button:

  • Border
  • Font


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" Transcy menu → "Advanced" → "Customization" → "Selector"→ Select the relevant elements including Display, Style and Color


Customize Selector Switcher


1. Display


Tailor the selector experience to your customers' needs:


  • Element to show: "Language and Currency" , "Only language" , "Only currency"
  • Language: "English name" , "Short name" , "Native name" , "Only flag"
  • Currency: "Name" , "Code" , "Symbol"


2. Style


Create a visually appealing selector interface:

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


Frame:

  • Frame width
  • Border
  • Normal state

Elements:

  • Select-box border
  • Flag style

Text:

  • Title font
  • Select-box font
  • Search-box font
  • Value font
  • Selected value font

Button:

  • Border
  • Font


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" Transcy menu → "Advanced" → "Customization" → "Location Selector"→ 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.


Customize Location Selectors Switcher

Customize

1. Display


Create an intuitive recommendation experience:


  • Country: "English name" , "Short name"
  • Language: "English name" , "Short name" , "Native name"
  • Currency: "Name" , "Code" , "Symbol"


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


Frame:

  • Frame width
  • Border
  • Normal state

Elements:

  • Select-box border
  • Flag style

Text:

  • Title font
  • Select-box font
  • Search-box font
  • Value font
  • Selected value font

Button:

  • Border
  • Font


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: 05/09/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!