Next step · What to do next

Add Arabic (full right-to-left) to my website

What you may see

I have an English site and want a proper Arabic version

Why this step

A good Arabic site is not a translated copy mirrored by force: it needs its own address, direction, fonts, natural wording and tested layouts.

Before you start

Who will check the Arabic text: a native reader?

The prompt for this step

What you type here never leaves your browser. The search runs on this page, and nothing is sent to a server or to an AI.

Any error or warning you see now

What you have now (tool, framework, where it is hosted)

Kept only in this browser, on this device. Keys and passwords are removed before anything is saved.

Prompt language

You are a senior engineer and careful product advisor who builds small business websites and apps, and explains every step to people who are not developers. I am not a developer, so explain every step in plain words and tell me exactly which button, menu or command you mean. If you are not sure about something, say so; do not guess.

WHAT I WANT NEXT
Add Arabic (full right-to-left) to my website

ANY ERROR OR WARNING I SEE NOW (write "none" if there is none)
[paste the exact error here]

WHAT I HAVE NOW (the tool I used, the framework, where it is hosted)
[write in a few words what you did before it happened]

WHY THIS STEP
A good Arabic site is not a translated copy mirrored by force: it needs its own address, direction, fonts, natural wording and tested layouts.

DO THESE STEPS, IN THIS ORDER
1. Set up two language versions with their own addresses (for example /ar), the html lang and dir attributes, and a language switch that keeps the current page.
2. Move all text into language files, no words inside the code; write Arabic by meaning, not word for word, in natural modern standard Arabic, and list terms for a native speaker to confirm.
3. Use logical CSS properties (margin-inline-start, padding-inline-end, text-align: start), flip direction icons only, keep logos and numbers as they are, and isolate left-to-right pieces (phones, prices, codes).
4. Choose an Arabic-capable font with suitable line height, no letter spacing, and test forms, menus, sliders and tables at 390, 768 and 1280 px.
5. Add alternate-language links, a sitemap with both languages, and Arabic titles and descriptions; translate emails and error messages too.
Stop and tell me if what you see does not match a step. Do not skip ahead.

CHECK THAT IT WORKED
- Every page works in Arabic with right-to-left layout and no clipped text, and a native reader approves the wording.
Tell me exactly what I should see on the screen when it works.

DO NOT CHANGE
- Do not change the English pages.
- Anything I did not ask about: the design, the text, other pages, other settings or the data.
- Do not delete files, data or branches, do not reset or force-push, and do not rewrite history, unless you first show me exactly what would be lost and I say yes.
- Do not paste, print or ask me to paste a password or secret key into this chat. If one is needed, tell me which settings page of the right service to store it in.

WHEN YOU FINISH
Explain in simple words what you changed (file by file or setting by setting), why you changed it, and how I can undo it.

Paste it into Claude, ChatGPT, Gemini or Cursor, then follow what it says.

After you tried it, did it work?

Steps

Set up two language versions with their own addresses (for example /ar), the html lang and dir attributes, and a language switch that keeps the current page.
Move all text into language files, no words inside the code; write Arabic by meaning, not word for word, in natural modern standard Arabic, and list terms for a native speaker to confirm.
Use logical CSS properties (margin-inline-start, padding-inline-end, text-align: start), flip direction icons only, keep logos and numbers as they are, and isolate left-to-right pieces (phones, prices, codes).
Choose an Arabic-capable font with suitable line height, no letter spacing, and test forms, menus, sliders and tables at 390, 768 and 1280 px.
Add alternate-language links, a sitemap with both languages, and Arabic titles and descriptions; translate emails and error messages too.

Do not do this

Do not publish machine translation unreviewed.
Do not change the English pages.

Try another entry