Arabic and English widget layouts

Use this when the same site serves English and Arabic pages. The widget snippet should already be on the page. Decide which pages are Arabic-first and which are English-first.

Switch the locale in the snippet

Use data-locale="en" when the page is written for English-speaking visitors. Use data-locale="ar" when the page is written for Arabic-speaking visitors, or when you want the widget to open in an Arabic layout.

<script src="https://www.tawasol-ai.com/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-api-base="https://your-api-base.com/api/widget" data-locale="en"></script>

<script src="https://www.tawasol-ai.com/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-api-base="https://your-api-base.com/api/widget" data-locale="ar"></script>

The value in the snippet controls the live widget. Changing the language of this guide, or of the Tawasol dashboard, does not change the widget on the customer's site.

What Arabic mode changes

• The widget uses RTL and flips its layout.
• The launcher still follows your widget settings, and the interface reads naturally for Arabic-first visitors.
• English mode keeps the default left-to-right layout and the bottom-right launcher.

Pick the fit for each page

If the page is Arabic, the widget should usually use the Arabic locale so support feels native to that page. If the page is English, keep the English locale unless you specifically want an Arabic support entry point.

Install steps are in Install the widget on your website and Install the widget on WordPress. If the side or direction looks wrong, check Troubleshoot widget installation.