Configuration

Customize the Translation Widget to match your brand and user experience requirements.

Appearance Options

Configure these options in the Ours Marketing Center under Translations when creating or editing your widget.

Position

Control where the floating button appears on the page:

Theme

Choose a color scheme:

Brand Color

Set a custom accent color for the button and highlights. Use any valid hex color:

• #3b82f6 (default blue)
• #0057FF (brand blue)
• #FF9900 (orange)
• Any hex color that matches your brand

Widget Variants

Choose how the floating button displays:

Modal Variants

Choose how the language selection modal appears:

Language Selection

Offered Languages

Select which of the 77 supported languages to offer your visitors. Consider:

• Your audience: Which languages do your visitors speak?
• Content relevance: Is your content applicable to those regions?
• Support capabilities: Can you support visitors in those languages?

Priority Languages

The widget automatically prioritizes the top 5 most common languages (English, Spanish, French, German, Chinese) at the top of the list, with remaining languages sorted alphabetically.

Example Configurations

Example 1: Multiple Languages

Position: bottom-right
Theme: light
Brand Color: #0057FF
Widget Variant: compact
Modal Variant: standard
Languages: en, es, fr, de, zh, ar, pt, ja, ko, vi

Example 2: Minimal Setup

Position: bottom-left
Theme: dark
Brand Color: #333333
Widget Variant: minimal
Modal Variant: dropdown
Languages: en, es, fr

Example 3: Grid Layout

Position: bottom-right
Theme: light
Brand Color: #2563eb
Widget Variant: extended
Modal Variant: grid
Languages: en, es, zh, vi, tl, ko, ar, ru

Z-Index Handling

The widget automatically detects the highest z-index on your page and positions itself above other elements. This ensures the widget remains accessible even on pages with complex layering (modals, sticky headers, etc.).

Next Steps

• Exclude specific content from translation
• View all supported languages