Widget General Settings
The Widget General Settings page allows you to customize how the accessibility widget appears and behaves on your storefront. Settings are organized into six sections.
Country Visibility
Control which countries can see the accessibility widget on your store.
| Option | Description |
|---|---|
| Show to all countries | The widget is visible to visitors from every country. |
| Show to selected countries | The widget is only visible to visitors from countries you select. |
| Hide from selected countries | The widget is hidden from visitors in countries you select, but visible everywhere else. |
Branding
Choose a color theme for the accessibility widget to match your store's branding.
| Theme | Description |
|---|---|
| Mono | Monochrome black and white theme. |
| Sea | Teal and blue ocean-inspired theme. |
| Blue | Standard blue theme. |
| Green | Green-toned theme. |
| Custom | Define your own primary and secondary colors. |
Styling
| Setting | Description |
|---|---|
| Font | Select the font family used within the widget panel. |
| Sync fonts | Synchronize the widget fonts with your Shopify theme fonts for a consistent look. |
Widget Style
| Setting | Description |
|---|---|
| Alignment | Choose where the widget panel opens (left or right side of the screen). |
| Mobile ratio | Adjust the widget size ratio on mobile devices for better usability. |
Widget Trigger Style
Configure how visitors open the accessibility widget. See the dedicated guide on Widget Trigger Style: Floating Button vs Inline Text for detailed options.
Advanced Settings
| Setting | Description |
|---|---|
| Default language | Set the default language for the accessibility widget. |
| Detect language method | Choose how the widget detects the visitor's preferred language. |
| Custom CSS | Add custom CSS to override the widget's default styles. |
Language Detection Methods
| Method | Description |
|---|---|
| Browser | Detects the visitor's language from their browser settings. |
| IP | Detects the visitor's language based on their IP address geolocation. |
| Store | Uses the language setting of your Shopify store. |
Custom CSS changes apply only to the accessibility widget and do not affect your store theme.