How to Create a Multilingual Website, Online Store, or App with 10Web AI

With 10Web AI Builder you can create multilingual websites, online stores, and web apps or add multiple languages to an existing project. 10Web AI automatically translates supported content, including website pages, store products, navigation menus, forms, and app interface text, helping you reach customers and users in different languages without rebuilding your project.

You can create a multilingual project from scratch or add languages to an existing 10Web Vibe Coding website, store, or app. You can also review and customize translations manually or through AI chat while keeping a consistent design across all languages.

This guide explains how to create multilingual websites, stores, and apps, add languages to existing projects, customize translations, manage the language switcher, change the main language, and publish your multilingual experience.

Step 1. Create a multilingual website, online store, or app from scratch

When creating a new project with 10Web AI Builder, you can specify the languages you want the project to support from the beginning. The AI creates the project and translates its supported content into your selected languages.

The process is similar whether you're building a business website, an e-commerce store, or a web application.

Start creating your project

1. Visit 10web.io or sign in to your 10Web dashboard.
2. Start a new project using the 10Web AI Builder.
3. Describe what you want to create in the AI prompt field. Specify whether you're building a website, online store, or app.
4. Include your preferred main language and the additional languages you want to support.
5. Continue through the AI planning process. When asked about languages, select or confirm the languages you want.
6. Review the generated website, store, or app plan and confirm that the main language and additional languages are correct.
7. Approve the plan and start generating your project.
8. Once generation is complete, open the editor and review your content in the available languages.
9. Click Publish to make your project available to visitors.

10Web generates a shared design and translates supported content into the selected languages. You don't need to create separate projects or duplicate every page for each language.

If a language finishes translating after the initial website generation, publish the project again to make that language available to visitors.

Sample AI prompt: Create a multilingual business website

Create a professional website for a digital marketing agency based in Germany. Include Home, About Us, Services, Portfolio, Pricing, and Contact pages.

Use German as the main language and add English and French.

Translate the website content, navigation menus, buttons, contact forms, and calls to action into all three languages. Use natural, professional wording for each audience.

Keep the same design and branding across all languages and include an easily accessible language switcher in the header.

Sample AI prompt: Create a multilingual online store

Create a modern online store selling handmade skincare products to customers across Europe.

Use English as the main language and add French, German, Italian, and Spanish.

Include a homepage, product catalog, product detail pages, shopping cart, checkout, About Us, and Contact page.

Translate product names, descriptions, categories, product attributes, navigation labels, and supported shopping interface text into all available languages.

Keep product information accurate and maintain the same store design, branding, and product images across all languages. Add a language switcher that customers can easily access on desktop and mobile.

Sample AI prompt: Create a multilingual web app

Create a customer appointment booking app for a beauty salon.

Use English as the main language and add Spanish and French.

Include a customer dashboard, appointment booking interface, services list, customer profile, booking history, and confirmation screens.

Translate supported interface text, buttons, form fields, navigation labels, instructions, and confirmation messages into all three languages.

Keep the app's design and functionality consistent across languages and include an accessible language switcher.

Step 2. Add languages to an existing 10Web Vibe Coding website, store, or app

If you've already created a website, online store, or app with 10Web Vibe Coding, you can make it multilingual without rebuilding the project from scratch.

The AI translates supported content while preserving your existing project structure, design, and functionality.

Add additional languages using AI chat

1. Sign in to your 10Web dashboard.
2. Open the existing 10Web Vibe Coding website, online store, or app you want to make multilingual.
3. Open the 10Web Editor.
4. In the AI chat, ask 10Web to add the languages you need.
5. If prompted, confirm the project's main language.
6. Allow the AI to complete the translation process. This may take approximately 1–2 minutes for a typical project, depending on its size and complexity.
7. Once AI confirms that the languages have been added, use the preview's language picker to review them.
8. Click Publish to make the additional languages available on your live project.

You can request up to five additional languages in a single AI chat request. If you need more, submit additional requests, subject to the project's supported language limits.

Sample AI prompt: Make an existing website multilingual

Make my existing website multilingual.

Keep English as the main language and add French, German, and Spanish.

Translate all supported pages, headings, paragraphs, navigation menus, buttons, contact forms, and calls to action.

Preserve the current layout, branding, images, and design. Do not remove any existing pages or functionality.

Include a language switcher so visitors can choose their preferred language.

Sample AI prompt: Make an existing online store multilingual

Add German, French, and Italian to my existing 10Web online store. Keep English as the main language.

Translate all supported product names, descriptions, categories, attributes, navigation menus, shopping interface labels, and customer-facing content.

Preserve all products, prices, inventory, orders, payment settings, shipping configurations, and existing store functionality.

Keep the same store design and make the language switcher accessible to customers.

Sample AI prompt: Make an existing app multilingual

Add Spanish and French to my existing customer management app. Keep English as the main language.

Translate supported dashboard labels, menus, buttons, forms, user-facing messages, and instructions.

Do not change the app's functionality, user accounts, stored records, data structures, or existing workflows.

Keep the same design across languages and make sure users can switch between them.

Step 3. Preview and review your website, store, or app in different languages

After adding languages, you can preview how your website, online store, or app appears in each language before publishing.

1. Open your project in the 10Web Editor.
2. Find the language picker in the editor preview.
3. Select the language you want to review.
4. Navigate through the project's pages or screens.
5. Check translated headings, paragraphs, buttons, menus, forms, and other supported content.
6. Review any text that appears incorrect, unnatural, incomplete, or too long for the available space.
7. Repeat for each additional language.

For websites, review navigation menus, page headings, calls to action, and contact forms.

For online stores, review product names, descriptions, category labels, product attributes, shopping interface text, and customer forms.

For apps, review dashboard labels, user-facing messages, forms, buttons, navigation, and other supported interface text.

Sample AI prompt: Review translations

Review the French translation of my project.

Check for unnatural wording, incorrect terminology, untranslated interface text, and button labels that are too long.

Suggest improvements while preserving my existing design and functionality. Do not overwrite manually customized translations without my approval.

Step 4. Edit translations manually or using AI

You can customize translations for individual languages without changing the wording in other languages. This is useful when you want more natural phrasing, market-specific terminology, or different calls to action for specific audiences.

Edit content in one language

1. Open your project in the 10Web Editor.
2. Use the preview's language picker to select the language you want to edit.
3. Select an editable text element and update it manually, or ask AI chat to make the change.
4. Save your changes.
5. Review the updated translation and publish when ready.

Changes to text made while an additional language is selected affect only that language, unless you explicitly ask the AI to update other languages as well.

For example:

On the Spanish version of my online store, change the homepage call-to-action button from "Comprar ahora" to "Ver productos".

Apply this change only to Spanish. Keep the other languages unchanged.

Edit content in the main language

When you update text in the project's main language, 10Web automatically prepares updated translations for the additional languages when you save.

If you've manually customized a translation, 10Web preserves your version and can suggest an updated translation through AI chat instead of silently overwriting your changes.

I've updated the main-language description of my services.

Review the translations in French, German, and Spanish and suggest updates where necessary.

Preserve any translations I previously edited manually and ask before replacing them.

Update content in all languages

If you want a change to apply to every language, clearly specify this in your AI prompt.

Update the delivery information across all languages of my online store.

The new delivery estimate is 3–5 business days.

Make sure the change is reflected consistently in all available languages.

Change design and formatting

Your website, store, or app uses one shared design across all languages.

• Text changes: Can be specific to the selected language.
• Layout, colors, and images: Are shared across all languages.
• Text formatting: Bold text, links, and list styling must be edited while the main language is selected.
• Code-controlled text: Some messages and interface labels must be changed through AI chat rather than inline editing.

For example:

Increase the width of the primary buttons so longer translated text fits comfortably in French and German.

Apply this design improvement to all languages without changing the existing translations.

Step 5. Let visitors and app users switch languages

Once your multilingual website, store, or app is published, visitors can select their preferred language using a language switcher.

The language switcher can appear in the website header. If no page includes one, a floating switcher appears at the bottom-left corner of the page.

• Default language: First-time visitors see the main language.
• Language selection: Visitors can choose an available language, such as English, French, or German.
• Remembered preference: The website remembers the visitor's selection for future visits.
• Shareable language links: You can use a URL parameter such as ?lang=fr to share a French-language view.
• Shared design: Switching languages changes translated content, not the overall website design.

Sample AI prompt: Customize the language switcher

Make the language switcher easy to find in the header of my website, store, or app.

Make sure it works well on desktop and mobile devices and matches the existing design.

Step 6. Understand what content is translated

10Web translates supported content depending on whether your project is a website, online store, or app.

Websites

• Page headings, paragraphs, buttons, and labels.
• Navigation menus and menu labels.
• WordPress page and blog post titles, content, and excerpts.
• Blog categories, tags, and their descriptions.
• Supported contact form fields, messages, and visitor emails.

Online stores

• Product names and descriptions.
• Product categories and attributes.
• Navigation menus and supported store interface labels.
• Supported checkout and shopping interface text.
• Store-related page content created with 10Web Vibe Coding.

Product prices, inventory quantities, and other operational store data are not language translations. The feature is designed to translate supported text, not duplicate or separately manage a store for every language.

Web apps

• Supported dashboard and navigation labels.
• Buttons, headings, and interface messages.
• Supported forms and field labels.
• Supported texts from 10Web User Management, Appointments, Restaurant, and Custom Records functionality.
• Other translatable content generated within the 10Web Vibe Coding app.

Content with translation limitations

• Third-party plugins: WooCommerce and other third-party plugins are not supported by the built-in translation feature.
• SEO metadata: Meta descriptions, social-sharing previews, and custom SEO titles are not translated into separate search-engine versions.
• Store page titles: Fixed WordPress titles such as Shop, Cart, Checkout, and My Account remain in English, although their navigation labels can be translated.
• Invoices: Store invoices use the store's main language.
• Emails: 10Web Forms can send visitor emails in the selected language. Other supported plugins may continue sending emails in the main language.
• Design elements: Images, colors, layouts, and overall styling are shared across languages.

Step 7. Change the main language of your website, store, or app

Every multilingual 10Web Vibe Coding project has a main language. This is the language displayed to first-time visitors by default.

You can change the main language using AI chat.

1. Open your project in the 10Web Editor.
2. Review any unpublished changes and make sure they're ready to go live.
3. Ask AI chat to change the main language.
4. When prompted, choose whether to keep the previous main language as an additional language.
5. Confirm the change.
6. Review the updated project after the operation finishes.

For example:

Change the main language of my website from English to German.

Keep English as an additional language and preserve the existing design and functionality.

Step 8. Remove or re-add a language

If you no longer need a language, you can remove it through AI chat. You can also re-add a language that was previously removed.

Remove a language

1. Open your Vibe Coding project in the editor.
2. Ask AI chat to remove the additional language.
3. Publish the project so the language is removed from the live website, store, or app.

Remove Italian from my project. Keep English, French, and Spanish available. Do not change the main language or existing design.

Re-add a removed language

If you re-add a language within 30 days of removing it, 10Web can restore your manually customized translations and translate content that changed while the language was removed.

After 30 days, the language is treated as a new addition.

Add Italian back to my project. Restore previously customized Italian translations if they are still available and translate any content that has changed.

Step 9. Understand multilingual SEO limitations

Multilingual functionality makes supported website and store content accessible in different languages. However, it does not currently create separate, independently indexable versions of your pages for every language.

• No separate language URLs: The feature does not create dedicated paths such as /fr/ or /de/.
• No automatic hreflang: Language-specific search-engine targeting tags are not generated.
• Main-language indexing: Search engines currently receive the main-language version of server-rendered content.
• Language parameters: You can share translated views using parameters such as ?lang=fr, but these are not substitutes for separately optimized multilingual SEO pages.

Step 10. Test and publish your multilingual project

Before publishing, review each language to make sure visitors can use your website, store, or app comfortably.

1. Check all languages: Preview each available language and verify that supported content is translated.
2. Check navigation: Make sure menus, links, and navigation labels work as expected.
3. Check design: Review translated headings, buttons, forms, and other components for spacing issues, especially on mobile.
4. Check website forms: Verify that supported form labels, messages, and visitor emails use the correct language.
5. Check online store content: Review product translations, categories, supported checkout labels, and customer-facing content.
6. Check app functionality: Test important workflows and confirm that translated interface text appears correctly.
7. Publish: Click Publish to make the languages available to visitors.
8. Test the live project: Open the published website, store, or app and switch between languages to verify the experience.

Sample AI prompt: Check translations before publishing

Review my project's English, French, and German content before publishing.

Check supported website pages, store content, or app interface text for missing translations, inconsistent terminology, and text that does not fit correctly.

Suggest improvements without changing the existing functionality or overwriting manually customized translations.

Troubleshooting common multilingual issues

I cannot add languages to my project

First, check whether your project was created using 10Web AI Builder (WordPress Vibe Coding).

The multilingual feature does not support projects created with the legacy Elementor-based builder, WooCommerce-based legacy stores, third-party WordPress builders or themes, or websites migrated to 10Web hosting that were not created with Vibe Coding.

If your project was created with 10Web Vibe Coding but the feature is still unavailable, contact 10Web Care.

I added a language, but it is not visible on my live project

Additional languages appear on the live website, store, or app only after publishing. Return to the editor and click Publish.

I cannot save or send new AI messages while adding a language

Your project is temporarily locked while the translation is running. For a typical project, this may take approximately 1–2 minutes. Wait for the operation to finish before making other changes.

The AI says I can add only five languages at once

You can add up to five languages per request. Split your languages into multiple requests if necessary, subject to your project's language limits.

Some content is not translated

Check whether the content belongs to a supported type. Third-party plugins, fixed store page titles, some emails, and SEO metadata are not fully supported.

If a supported text element remains untranslated, contact 10Web Care with the affected language, page URL, and screenshot.

I cannot add Arabic, Hebrew, Persian, or Urdu

Right-to-left languages cannot currently be added as extra languages. A right-to-left language can be the initial main language of a project, but switching the main language to or from a right-to-left language is not currently supported.

Switching languages takes app users back to the first screen

This is a known behavior. In web apps, changing the selected language currently returns users to the app's first screen.

Google displays only the main language

This is an expected limitation of the current multilingual feature. Dedicated language URLs, hreflang tags, and independent multilingual search indexing are not yet supported.

Frequently asked questions

Can I use multilingual functionality for websites, stores, and apps?

Yes. Multilingual functionality supports websites, online stores, and web apps created with 10Web WordPress Vibe Coding. Supported content varies by project type.

Can I add languages to a project I've already created?

Yes. If your existing website, store, or app was created with 10Web Vibe Coding, you can add languages through AI chat without rebuilding the project.

Can I use this feature with an Elementor or WooCommerce website?

No. 10Web's built-in multilingual feature does not support legacy Elementor-based websites, WooCommerce-based legacy stores, or other projects that were not created with 10Web Vibe Coding.

My website is hosted on 10Web. Can I make it multilingual?

Hosting alone does not determine compatibility. The website, store, or app must have been created with 10Web Vibe Coding. WordPress websites migrated from other platforms and websites created with other builders are not supported by this built-in feature.

Do I need to install a translation plugin?

No. For supported 10Web Vibe Coding projects, the multilingual functionality is built in. The required WVC Translations plugin is installed automatically when you add your first additional language.

How many languages can I add?

The feature offers 52 supported left-to-right languages. You can request up to five languages at once through AI chat. The total number of languages allowed on your project may be subject to additional limits.

Does adding languages use AI credits?

Adding languages may use AI credits. The exact credit cost and applicable limits are not confirmed in this guide. Check your current plan or contact 10Web Care for details.

Can I use a different design for each language?

The multilingual feature uses a shared design across languages. You can customize translated text, but layout, colors, and images are shared.

Does the website automatically detect visitors' languages?

No. First-time visitors see the main language and can choose another language using the language switcher. Their preference is remembered for future visits.

Will AI overwrite my manual translations?

Not automatically when the main-language text changes. 10Web can preserve your manual translations and offer updated suggestions through AI chat. However, explicitly requesting a change in all languages may overwrite customized translations.

What's next?

After making your 10Web Vibe Coding website, online store, or app multilingual, continue improving the experience by reviewing translations, testing important user journeys, and refining the content for your target audiences.