> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.transcy.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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


![Customize Switcher](https://storage.crisp.chat/users/helpdesk/website/-/3/5/1/b/351b76ece3eb1400/screenshot5_hc60mg.png)

### 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](https://help.transcy.io/en/article/embed-switcher-to-unsupported-themes-with-transcy-1tc5zao/))
* **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 settings" Transcy menu → "**Advanced" **→ "**Customization" **→ "**Selector"**→ Select the relevant elements including Display**, **Style and Color**

![Customize Selector Switcher](https://storage.crisp.chat/users/helpdesk/website/-/3/5/1/b/351b76ece3eb1400/screenshot6_kgreg3.png)

### 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](https://help.transcy.io/en/article/get-started-with-transcy-geolocation-features-1croq4d/).

![Customize Location Selectors Switcher](https://storage.crisp.chat/users/helpdesk/website/-/3/5/1/b/351b76ece3eb1400/screenshot7_75qneu.png)
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](mailto:support@transcy.io).