Skip to content
DevMarket
Odoo ModulesWordPress PluginsWordPress ThemesShopify ThemesApp TemplatesScripts & UtilitiesBlogSell on DevMarket
WordPress and WooCommerce

How to Build an Arabic WordPress Website, Step by Step

Build an Arabic WordPress website: set the site language, choose an RTL-ready theme and Arabic fonts, decide between Arabic only and bilingual, set URLs and hreflang, and test on a phone.

By DevMarket EditorialPublished: 9 min read
How to Build an Arabic WordPress Website, Step by Step
On this page

To build an Arabic WordPress website, install WordPress, set Settings > General > Site Language to Arabic, choose a theme that supports right-to-left (RTL) layouts, pick an Arabic font, and decide whether the site will be Arabic only or Arabic and English. WordPress downloads the Arabic language pack for you. The rest of this guide covers the choices that need thought: translation plugins, URLs and hreflang, content, WooCommerce and testing on a phone.

In short

  • Set Site Language to Arabic under Settings > General. Each user can pick their own admin language in their profile without changing what visitors see.
  • Pick an RTL-ready theme and test it on a staging site in Arabic. Our RTL checklist covers the visual checks.
  • Decide early: Arabic only, or Arabic and English with Polylang, WPML, TranslatePress or Multisite.
  • Give each language its own URL and link versions with hreflang. Google advises against redirecting visitors automatically by language.
  • Write Arabic for Arabic readers, have a person review any machine translation, and test on a real phone.

How to build an Arabic WordPress website: one language or two?

Decide this before anything else, because it changes your URLs, your plugins and your workload. An Arabic-only site is the simplest: one language, one set of content, one direction. A bilingual site needs a way to link each Arabic page to its English equivalent, a language switcher and a plan for keeping both versions up to date.

Two cards side by side, the left one with two ticked rows and the right one with five
An Arabic-only site has fewer decisions to make than a bilingual one, which also needs URLs, a translation workflow and hreflang.
ApproachHow it worksGood to know
Arabic onlySet the site language to Arabic and write everything in ArabicThe simplest option; you can add a second language later
PolylangEach translation is its own post or page, linked to the original; the language comes from a code in the URL, or from a subdomain or domain per languageRTL scripts are supported; a free version exists; WooCommerce needs the separate premium Polylang for WooCommerce add-on
WPMLA paid plugin that creates a separate post for each language, with manual and automatic translationURLs can use directories, a domain per language or a parameter; WooCommerce support is in the Multilingual CMS and Agency plans, as of 2026
TranslatePressYou translate on the live page in a visual editor, with optional machine translation, and translations are stored in your databaseWorks with WooCommerce out of the box; translating titles, descriptions and slugs needs the premium SEO Pack
MultisiteA network of separate WordPress sites in one installation, one per languageEach site has its own content, so there is more to maintain

No option is best for everyone. Choose by how you like to work (a post at a time, or on the page itself), by budget and by your WooCommerce needs, and try your choice on a staging site with a few products.

Set the site language to Arabic

  1. In Settings > General, choose Arabic under Site Language. WordPress downloads the language pack and switches the admin screens to Arabic. This works on WordPress 4.1 and later.
  2. Open Dashboard > Updates and click Update Translations so plugins and themes get their Arabic files too.
  3. If you or your developers prefer an English admin, open Users > Profile and set Language. It changes only that user's admin screens, not what visitors see.
  4. Still in Settings > General, check the timezone, Date Format, Time Format and Week Starts On.
  5. In Settings > Permalinks, choose a structure such as Post name for readable URLs.

Choose an RTL-ready theme and Arabic fonts

An RTL-ready theme

A theme has to ship right-to-left styles, or Arabic text will sit in a left-to-right layout. The wordpress.org theme directory has an RTL language support tag. For premium and marketplace themes, look for an RTL stylesheet in the listing. For example, the FreshBasket grocery theme lists a full RTL stylesheet for Arabic, Hebrew and Urdu that loads automatically for RTL languages.

Whatever you choose, switch a staging copy to Arabic and test it. Our RTL checklist covers mirrored layouts, forms and documents, and the guide to testing a WooCommerce theme covers speed, checkout and compatibility. You can also browse WooCommerce themes.

Arabic fonts that load quickly

Google Fonts lists many families with Arabic script, among them Cairo, Tajawal, Noto Sans Arabic, IBM Plex Sans Arabic and Almarai (sans-serif), and Noto Naskh Arabic and Amiri (serif). Fonts add weight to every page, so follow web.dev's font best practices: use WOFF2, subset the font, load only the weights you use and preload the most important file. If you self-host, check that the font's licence allows subsetting.

URL structure, hreflang and Arabic SEO

URL structure and hreflang

If you run two languages, give each its own URL. Google's guidance on multi-regional sites prefers separate URLs over cookies or browser settings, and advises against automatically redirecting visitors by language. Subdirectories such as example.com/ar/ are low maintenance. Subdomains and country domains also work, and URL parameters are not recommended.

Google's localised versions guide says each version must list itself and all the others, that the links must be reciprocal or they are ignored, and that x-default is the fallback:

<link rel="alternate" hreflang="ar" href="https://example.com/ar/shop/" />
<link rel="alternate" hreflang="en" href="https://example.com/shop/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/shop/" />

Translation plugins can usually output these tags. Check by viewing the page source and searching for hreflang. Google's URL structure guidance recommends readable words in your audience's language, with non-ASCII characters percent-encoded, so Arabic slugs are acceptable. They can look long when copied into some apps, so pick one rule for slugs and keep it.

Arabic content and SEO basics

Write for Arabic readers rather than translating line by line, and have a native reader check every page. Google's multi-regional guidance says to keep a single language for content and navigation on each page, and that translating only the boilerplate gives a poor experience. Its spam policies warn against mass-producing pages of little value, and list automated translation of scraped content among the examples. Use machine translation as a first draft at most, and have a person review each page.

Translate the page title, meta description, headings, image descriptions and product attributes too. Once the site has traffic, use Search Console to see which Arabic queries bring visitors, instead of assuming they match the English ones.

WooCommerce, numbers, forms and emails in Arabic

Numbers, dates, forms and emails

This is where to set things; the RTL checklist covers how they look.

  • Prices: WooCommerce > Settings > General has the currency options: currency, currency position, thousand separator, decimal separator and number of decimals.
  • Dates: Settings > General has the date and time formats and the first day of the week. Publish a test post and check the month and day names.
  • Forms: plugins such as Contact Form 7, WPForms and Fluent Forms need their labels, placeholders and validation messages translated. W3C advises dir="auto" for fields that receive free text in either direction.
  • Emails: WooCommerce's standard email template sets its direction from the site language. On a bilingual store, customers should receive emails in their own language, which needs plugin support: WPML and the Polylang for WooCommerce add-on both cover emails. Place test orders to check, and use an SMTP plugin if emails do not arrive.

WooCommerce in Arabic

WooCommerce is translation-ready. Changing the site language installs its translation files, and Arabic is a locale in WooCommerce's translation project on translate.wordpress.org. WordPress downloads a stable translation automatically once it is 90 per cent complete, according to WooCommerce's localisation guide. If a string is missing or you want your own wording, Loco Translate can store your changes in its Custom folder so updates do not overwrite them.

For a store in two languages, product names, categories, attributes and checkout texts all need translating, which is the job of the WooCommerce support in your multilingual plugin. For the business side, see how to start an online store in Saudi Arabia and the guide to VAT and invoices.

Test your Arabic website on a phone

  1. Set a real phone to Arabic and open the staging site.
  2. Find a product, add it to the basket, check out in the payment provider's test mode and read the confirmation email on the phone.
  3. Type in every form, using the Arabic keyboard for names and the Latin keyboard for email and phone fields.
  4. On a bilingual site, use the language switcher on a product page and check that it opens the matching page, not the home page.
  5. On a computer, view the source of both versions and confirm the hreflang tags.
  6. Run PageSpeed Insights on the Arabic home page and a product page, on the mobile tab.
  7. Ask a native reader to read it all, then use the RTL checklist for the visual checks.

Frequently asked questions

Do I need a special theme for an Arabic website?

You need a theme with right-to-left support. A theme without it will show Arabic text in a left-to-right layout. Check the listing, then test on staging.

Can I use English for the admin and Arabic for visitors?

Yes. Set Site Language to Arabic, and each user can choose their own admin language under Users > Profile without changing what visitors see.

Which multilingual plugin should I use?

It depends on your budget, how you like to translate and your WooCommerce needs. Compare Polylang (free version available), TranslatePress (free version with premium add-ons) and WPML (paid) on a staging site.

Can I translate my site with AI?

As a draft, yes, but have a person review every page. Google's spam policies warn against producing many pages of little value, however they are generated.

Where to go next

Start with the language setting and a staging site, then choose your theme and plugin. For the rest of the store, see how to choose the best WooCommerce plugins.

Items mentioned in this article

The software this guide talks about, ready to look at.

  • ThemeNew

    FreshBasket – Grocery WooCommerce Theme with Delivery Time Slots Plugin

    Launch your online grocery store in minutes: a fast, mobile-first WooCommerce theme with delivery date & time slots, dark mode, RTL and a setup wizard.

    by TAQNIX
    No reviews yet
    Sales:0$49.00

Find the right software for the job

Every item on DevMarket has a human-reviewed release, an instant licence key and clear update and support terms.