Multilingual CMS Setup for UAE: Arabic, English, and Beyond

Why Multilingual Matters in the UAE Market

Dubai is one of the most linguistically diverse cities on Earth. With a population of approximately 9.9 million, the UAE is home to:

• 15% Emirati citizens (Arabic native speakers)
• 85% expatriates from 200+ countries
• Major language groups: English, Hindi, Urdu, Malayalam, Tagalog, French, Russian, Chinese

In this environment, a monolingual website isn’t just limiting — it’s exclusionary. Consider these statistics:

• 72% of consumers spend most of their time on websites in their native language
• 56% of consumers say language is more important than price
• 40% of consumers won’t buy from websites not in their language
• Multilingual sites have 2x the engagement of monolingual sites

For Dubai businesses, multilingual optimization isn’t a luxury. It’s a competitive necessity. And yet, less than 30% of Dubai business websites offer Arabic content — the official language of the UAE.

This guide covers multilingual CMS setup across major platforms, with specific focus on Arabic (RTL) implementation, SEO optimization, and cultural localization.

RTL (Right-to-Left) Design Considerations

The Arabic Script Challenge

Arabic is written right-to-left (RTL), which fundamentally changes web layout, typography, and user interaction. Implementing RTL isn’t just about flipping text direction — it’s about redesigning the entire interface.

RTL Impact Areas

CSS Implementation for RTL

Method 1: Direction Attribute

<html dir="rtl" lang="ar">
/* Global RTL styles */
[dir="rtl"] {
direction: rtl;
text-align: right;
}
[dir="rtl"] .nav-menu {
flex-direction: row-reverse;
}
[dir="rtl"] .icon-before-text {
margin-right: 0;
margin-left: 8px;
}
[dir="rtl"] .progress-bar {
transform: scaleX(-1);
}

Method 2: Logical Properties (Modern Approach)

/* Logical properties adapt to text direction automatically */
.container {
padding-inline-start: 24px; /* Left in LTR, Right in RTL */
padding-inline-end: 24px; /* Right in LTR, Left in RTL */
margin-block-start: 16px; /* Top in both */
margin-block-end: 16px; /* Bottom in both */
}
.element {
border-inline-start: 2px solid; /* Left in LTR, Right in RTL */
text-align: start; /* Left in LTR, Right in RTL */
float: inline-start; /* Left in LTR, Right in RTL */
}

Logical Properties Browser Support: 95%+ of modern browsers support logical properties. For older browsers, fall back to traditional properties with [dir=”rtl”] selectors.

RTL Testing Checklist

WordPress Multilingual: WPML vs. Polylang

WPML (WordPress Multilingual Plugin)

WPML is the most comprehensive multilingual solution for WordPress:

WPML Features

WPML Pricing

• Multilingual Blog: $39/year
• Multilingual CMS: $99/year
• Multilingual Agency: $199/year

WPML Strengths

• Mature, well-supported plugin
• Comprehensive feature set
• Strong RTL support
• Professional translation integration
• Active development and updates

WPML Weaknesses

• Performance impact (adds database queries)
• Can conflict with other plugins
• Learning curve for translation workflow
• Annual subscription cost

Polylang (Free Alternative)

Polylang is the most popular free multilingual plugin for WordPress:

Polylang Features

Polylang Strengths

• Free version available
• Lightweight (less performance impact than WPML)
• Simple interface
• Good for basic multilingual needs

Polylang Weaknesses

• Limited features in free version
• No professional translation integration
• WooCommerce support requires Pro
• Less comprehensive than WPML

WPML vs. Polylang Decision Matrix

Shopify Markets: Multi-Currency and Multi-Language

Shopify Markets Overview

Shopify Markets, launched in 2022 and significantly expanded by 2026, is Shopify’s native solution for international selling:

Shopify Markets Capabilities

Shopify Markets Arabic Setup

Step 1: Enable Languages

Shopify Admin → Settings → Languages → Add Language → Arabic

Step 2: Configure Markets

Shopify Admin → Settings → Markets → Add Market → Middle East

Step 3: Set Local Currency

Market Settings → Currency → AED (UAE), SAR (Saudi), etc.

Step 4: Translate Content

• Shopify’s AI translation (auto-translates basic content)
• Manual review and refinement
• Professional translation for critical content (product descriptions, legal)

Step 5: Configure Local Domains

Settings → Domains → Connect Domain → hellopixels.ae

Shopify Markets Limitations

1. URL Structure
   • Languages use subdirectories: /ar, /en
   • No subdomain option for languages
   • Limited hreflang control
2. Arabic SEO
   • Basic Arabic SEO support
   • No custom Arabic URL slugs
   • Limited schema markup control for Arabic
3. RTL Support
   • Theme-dependent RTL support
   • Not all Shopify themes support RTL
   • Custom CSS required for proper RTL layout
4. Translation Quality
   • AI translation is acceptable for basic content
   • Product descriptions and marketing content need human review
   • Legal content must be professionally translated

Shopify Markets Pricing

Headless CMS for Multi-Language Content

Headless Multilingual Architecture

Headless CMS platforms offer the most flexible multilingual architecture:

┌─────────────────────────────────────────┐
│ Headless CMS (Contentful) │
│ ┌─────────┐ ┌─────────┐ ┌────────┐ │
│ │ English │ │ Arabic │ │ French │ │
│ │ Content │ │ Content │ │ Content│ │
│ └────┬────┘ └────┬────┘ └───┬────┘ │
│ └─────────────┴───────────┘ │
│ API │
└────────────────────┬────────────────────┘
│
┌──────┼──────┐
▼ ▼ ▼
┌────────┐ ┌────────┐ ┌────────┐
│ Next.js│ │ Next.js│ │ Next.js│
│ /en │ │ /ar │ │ /fr │
└────────┘ └────────┘ └────────┘

Headless Multilingual Advantages

• Content structure is language-agnostic
• Translation workflow is built into the CMS
• Front-end can be optimized per language
• Full control over URL structure, hreflang, and SEO
• RTL support is front-end dependent, not CMS limited

Contentful Multilingual Setup

Contentful Localization Features

Contentful Arabic Content Model

// Fetch Arabic content
const entry = await client.getEntry('entryId', {
locale: 'ar-AE'
});
// Content structure
{
"fields": {
"title": {
"en-AE": "HelloPixels Digital Agency",
"ar-AE": " "
},
"description": {
"en-AE": "Dubai's leading digital agency...",
"ar-AE": " "...
}
}
}

Sanity Multilingual Setup

Sanity uses a document-level translation approach:

// English document
{
_id: 'about-page-en',
_type: 'page',
language: 'en',
title: 'About Us',
content: '...'
}
// Arabic document (linked to English)
{
_id: 'about-page-ar',
_type: 'page',
language: 'ar',
title: ' ',
content: '...',
translationOf: {
_type: 'reference',
_ref: 'about-page-en'
}
}

Sanity Translation Plugin:

• @sanity/document-internationalization for document-level translation
• @sanity/language-filter for field-level translation

hreflang Tags and SEO for Multilingual Sites

The hreflang Implementation

hreflang tags tell Google which language/region version of a page to show to which user. They’re essential for multilingual SEO.

hreflang Structure

<link rel="alternate" hreflang="en-ae" href="https://www.hellopixels.com/en/" />
<link rel="alternate" hreflang="ar-ae" href="https://www.hellopixels.com/ar/" />
<link rel="alternate" hreflang="en-sa" href="https://www.hellopixels.com/sa/en/" />
<link rel="alternate" hreflang="ar-sa" href="https://www.hellopixels.com/sa/ar/" />
<link rel="alternate" hreflang="x-default" href="https://www.hellopixels.com/en/" />

hreflang Best Practices

1. Use Correct Language-Region Codes
   • en-ae (English, UAE)
   • ar-ae (Arabic, UAE)
   • en-sa (English, Saudi Arabia)
   • ar-sa (Arabic, Saudi Arabia)
   • Not: en-dubai, arabic, uae
2. Include Self-Referencing hreflang Every page must reference itself in its hreflang set.
3. Use x-default for Language Selectors The x-default page should be a language/region selector or your global default.
4. Ensure Bidirectional Links If Page A links to Page B with hreflang, Page B must link back to Page A.
5. Validate Before Publishing Use Google’s hreflang testing tool or SEMrush hreflang checker.

Common hreflang Mistakes

Content Translation: Human vs. AI-Powered

The Translation Quality Spectrum

AI Translation Tools for Arabic

Arabic Translation Challenges

• Dialect variation: Gulf Arabic (UAE, Saudi) differs from Egyptian, Levantine, and Maghrebi Arabic
• Formal vs. colloquial: Business content uses Modern Standard Arabic (MSA), not dialect
• Cultural nuance: Direct translation often misses cultural context
• RTL formatting: Arabic text requires proper RTL handling in all systems

The Hybrid Translation Workflow

1. AI Translation (Instant)
2. Human Review (1–2 days)
3. Cultural Localization (1–2 days)
4. SEO Optimization (0.5–1 day)
5. Final Review & Publish (0.5 day)

Total time per page: 3–6 days Total cost: 30–50% of pure human translation

Localizing for Cultural Context, Not Just Language

Beyond Translation: Cultural Localization

Localization is more than translating words. It’s adapting content for cultural context:

The UAE Localization Checklist

FAQ: Multilingual CMS Setup for UAE

Which CMS is best for Arabic websites?

WordPress with WPML or Polylang offers the best Arabic support for small-medium sites. For enterprise, headless CMS (Contentful, Sanity) with custom Arabic front-end provides maximum flexibility. Shopify Markets is improving but still limited for Arabic SEO.

How much does Arabic translation cost?

Professional translation: $0.10–$0.25/word. AI + human review: $0.03–$0.08/word. A typical 10-page business website (5,000 words) costs $500–$1,250 for professional translation.

Should I use subdirectories or subdomains for Arabic?

Subdirectories (/ar/) are recommended for SEO. They consolidate domain authority and are easier to manage. Subdomains (ar.site.com) split authority and are harder to maintain. ccTLDs (site.ae) are best for strong regional targeting but require separate SEO efforts.

Do I need separate Google Business Profiles for Arabic?

No. One GBP listing can include both English and Arabic information. Add Arabic business description, posts, and Q&A to your existing profile.

How do I handle mixed English-Arabic content?

Use dir=”auto” for user-generated content (detects direction automatically). For structured content, wrap Arabic sections in <div dir=”rtl” lang=”ar”>. Ensure fonts support both scripts.

Can I use Google Translate for my Arabic website?

Not recommended for public-facing content. Google Translate produces grammatical errors and cultural inaccuracies. Use it for internal drafts only. Professional translation is essential for business credibility.

What’s the ROI of Arabic content for Dubai businesses?

High. Arabic SEO has far less competition than English. A Dubai business with quality Arabic content can dominate Arabic search results with lower investment. Additionally, Arabic content builds trust with local Emirati and Arab expatriate customers.

How do I test RTL layouts?

Use Chrome DevTools (Rendering tab → Emulate CSS direction: rtl). Test on real Arabic devices (iPhone, Samsung with Arabic locale). Use BrowserStack for cross-device testing. Always test with native Arabic speakers.

Should I translate my entire website or just key pages?

Start with key pages: homepage, about, services, contact, and top product pages. Expand gradually based on traffic and conversion data. A partially translated site is better than no Arabic content at all.

How long does multilingual CMS setup take?

Technical setup: 1–2 weeks. Content translation: 2–8 weeks depending on volume. SEO optimization: 1–2 weeks. Total: 4–12 weeks for a small-medium site. Enterprise: 3–6 months.

Conclusion: Speak Your Customer’s Language — Literally

In Dubai’s multilingual market, language isn’t a barrier to overcome. It’s an opportunity to capture. The businesses that invest in Arabic content, proper RTL implementation, and cultural localization will dominate a market segment that most competitors ignore.

The technical implementation is straightforward. The translation investment is modest. The competitive advantage is enormous.

For Dubai businesses, the question isn’t whether to go multilingual. It’s why you haven’t already.

HelloPixels builds multilingual websites for Dubai businesses with proper Arabic RTL support, cultural localization, and SEO optimization. We don’t just translate — we localize for the UAE market.