Wix Multilingual: Using Multi-State Boxes to Switch From LTR to RTL

4 min read
Some languages like English and Spanish are written from left-to-right (LTR), while others like Hebrew and Arabic are written from right-to-left (RTL).
If your multilingual site supports both types, add multi-state boxes that display different content based on the selected language. You can create a different "state" for each language and tailor the design individually. 
Please note that if you decide to use this workaround, it can have an impact on your site's SEO. This is due to the way the page is crawled by Google.
Before you begin:
Make sure you've added Wix Multilingual to your site and enabled Velo by Wix

Step 1 | Add a Multi-State Box in Your Main Language

The first step is adding a blank multi-state box to your site in your main language. Design it for that language, adding text, images, buttons or any element you need. 

Step 2 | Change the Current State's Name

Once your box is ready in your main language, open the Manage State panel to rename the current state. Call it "default", in that exact spelling and capitalization (without the quotation marks), to ensure the code you'll add functions properly.  

Step 3 | Duplicate the State and Rename It

After creating the "default" state in the Manage States panel, duplicate it and call the new one "RTL". Similarly to the similar step, it's important that you call it RTL, in that exact spelling and punctuation, so the code works as it should. 

Step 4 | Adjust Your Box in the Secondary Language

Now, your multi-state box is set up and ready for translation. Switch to your RTL language, change the state to RTL and start localizing your content. Then, copy the code snippet (click below) to your page's code. 
  • In steps 3 and 4 of this article, you'll find that the duplicate state's name is RTL. If your secondary language is LTR, you can change the state's name to LTR instead.   
  • Make sure your multi-state box's element ID is identical in all parts of the code. In the steps above, the example box's ID is #statebox8. 
Would you like to see additional RTL capabilities?
With Wix Multilingual, you can create a multilingual site with right-to-left content. Currently, you can customize some aspects of your site like the menu, text, images to be RTL per language (e.g., Hebrew, Arabic).

What additional RTL capabilities would you like to see in Wix Multilingual? Contact Customer Care with your feedback and suggestions

Did this help?