# Widget Settings

Welcome to the widget customization guide! 

Ready to make your accessibility widget look great and work even better? 

We'll walk you through all the options to create a widget that not only matches your brand perfectly but also makes shopping easier for all your customers. Let's get started!

### Step 1: Access Widget Settings

* Open your admin **Dashboard**
* Go to **Widget Settings** screen

### Step 2: Make Adjustments

* Browse through available settings
* Edit any features you'd like to customize
* Preview changes in real-time
* Click **Save** to keep customizations

{% embed url="<https://app.arcade.software/share/AgS4BqiUIiteq7jcnFpk>" %}

It's that simple! Let's dive into the specific settings you can adjust

#### Branding Settings

1. **Use Preset Themes**

* Navigate to the **Preset** tab in the **Branding** card
* Choose from pre-configured color schemes and styles
* Find a design that complements your store's theme and **Save** your change

<figure><img src="https://2807163167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgV2itjYh8RatnoXQfXTu%2Fuploads%2FpuJiNB81kevm5XpyApSW%2Fimage.png?alt=media&#x26;token=412d447c-49a9-42a4-b427-0bbd46576a5e" alt=""><figcaption></figcaption></figure>

2. **Custom Color Settings**

* Go to the **Custom** tab in the **Branding** card
* Customize specific color codes to match your brand
* Press **Save** to apply the new color scheme

<figure><img src="https://2807163167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgV2itjYh8RatnoXQfXTu%2Fuploads%2FCCp2TklkyF7SCgmaRMaH%2Fimage.png?alt=media&#x26;token=41dd37a7-b23b-4bfe-9029-6fd34e914b0b" alt=""><figcaption></figcaption></figure>

#### Widget Title

* Enter your preferred text for your widget header

#### Widget Style

1. **Alignment**&#x20;

* Choose between **Left** or **Right** alignment

2. **Mobile widget ratio**&#x20;

* Adjust **Mobile widget ratio**: Select from
  * Full-screen
  * 90% width
  * 80% width

<figure><img src="https://2807163167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgV2itjYh8RatnoXQfXTu%2Fuploads%2F6pIeyT01KCEsM427sC9a%2Fimage.png?alt=media&#x26;token=d665f472-fce1-46bb-bcd7-643e7dd870f6" alt=""><figcaption></figcaption></figure>

**Widget Button Style**&#x20;

Fine-tune your widget button for better user interaction:

1. **Button Position**: Choose from

* Top
* Middle
* Bottom

2. **Button Icon**: Select from available icon options
3. **Button Size**: Pick from

* Small
* Medium
* Large

<figure><img src="https://2807163167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgV2itjYh8RatnoXQfXTu%2Fuploads%2Fpds5e4X2Y5WN3DEsqStb%2Fimage.png?alt=media&#x26;token=c58d6fa9-f4aa-4b17-8c0d-887a0bd4f7be" alt=""><figcaption></figcaption></figure>

#### Advanced Settings

1. **Language Settings**

* Customize your widget's language settings for a global audience
* Widget content automatically translates to the selected language

2. **Language Detection**&#x20;

Two options available:

* **Browser's language**: Automatically match user's browser language
* **Customer's IP**: Adapt based on user's location

<figure><img src="https://2807163167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgV2itjYh8RatnoXQfXTu%2Fuploads%2F3EWCGkLqdwVbnLh0kmhT%2Fimage.png?alt=media&#x26;token=71f6ccf9-c09d-4d34-8119-cdb4bca38039" alt=""><figcaption></figcaption></figure>

Great job! You've learned how to make your accessibility widget both beautiful and functional. Need any help? Our support team is always here to assist you in creating the best possible experience for your customers! 🌟