Innovatrix Infotech
Multi-Language Website Setup: Complete Guide for Indian Businesses Going Global cover
Web Development

Multi-Language Website Setup: Complete Guide for Indian Businesses Going Global

A practical guide to building multilingual websites for Indian businesses expanding internationally. Covers translation vs localization, technical architecture, hreflang SEO, regional language support, and real cost breakdowns in INR.

Rishabh Sethia19 February 202614 min read
#multilingual#translation#localization#international#seo#wordpress#shopify#hindi#regional-languages

72.4% of consumers spend most or all of their time on websites in their own language. 56.2% say the ability to get information in their own language is more important than price. If your website only speaks English, you are leaving money on the table every single day.

For Indian businesses expanding beyond domestic borders — or even targeting India's own linguistically diverse population — a multi-language website is not a nice-to-have. It is infrastructure.

This guide covers every decision you need to make: technical architecture, platform-specific setup, SEO implementation, cost planning, and the operational workflow that keeps a multilingual site running smoothly after launch.

Why Multilingual Matters for Indian Businesses

India has 22 officially recognized languages and over 19,500 dialects. English penetration among internet users hovers around 12%. The remaining 88% prefer content in their regional language.

If you are selling to domestic audiences, Hindi, Tamil, Bengali, Telugu, and Marathi versions of your site can unlock markets you are currently invisible in.

If you are expanding internationally — UK, US, Middle East, Southeast Asia — you need localized content that respects cultural context, not just translated words.

Three hard numbers to remember:

  • 72.4% of users prefer browsing in their native language
  • 2.67x higher conversion rates on localized landing pages vs English-only
  • 40% of consumers will never buy from a site in another language

Translation vs Localization: They Are Different

Translation converts words from one language to another. Localization adapts the entire experience.

Translation handles:

  • Text content (headings, paragraphs, CTAs)
  • Navigation labels
  • Form field labels and placeholders

Localization handles everything translation does, plus:

  • Currency display (INR, USD, GBP, AED)
  • Date formats (DD/MM/YYYY vs MM/DD/YYYY)
  • Phone number formats and country codes
  • Address field structures (PIN code vs ZIP code vs postcode)
  • Payment gateway options (UPI for India, Stripe for US/UK)
  • Images and icons with cultural relevance
  • Color associations (white means mourning in parts of India, purity in the West)
  • Legal compliance (GDPR for EU, IT Act for India)

If you are serious about conversion in a new market, you need localization. Translation alone leaves gaps that erode trust.

Technical Approaches: Three URL Structures

Before you write a single line of code, you need to decide how your multilingual URLs will work. This decision affects SEO, maintenance cost, and scalability.

Approach URL Example SEO Strength Setup Complexity Maintenance Cost Best For
Subdirectories example.com/hi/ High (shared domain authority) Low Low Most businesses
Subdomains hi.example.com Medium (separate authority) Medium Medium Large enterprises
Separate domains example.in / example.co.uk Highest (full geo-targeting) High High Country-specific brands

Our recommendation for 90% of Indian businesses: subdirectories. You keep all your domain authority in one place, setup is straightforward on every major platform, and maintenance stays manageable. Separate domains only make sense if you have dedicated teams per country.

Platform-Specific Setup

WordPress with WPML or Polylang

WordPress powers roughly 43% of the web, and its multilingual plugin ecosystem is mature.

WPML (paid, from $39/year):

  1. Install WPML Multilingual CMS + String Translation add-on
  2. Configure languages in WPML > Languages
  3. Choose URL format (subdirectories recommended)
  4. Translate pages using the WPML Translation Editor or connect to professional translation services
  5. Use WPML's language switcher widget in your header/footer

Polylang (free core, Pro from EUR 99/year):

  1. Install Polylang plugin
  2. Add languages in Languages > Settings
  3. Create translations by linking posts/pages across languages
  4. Add the language switcher widget
  5. For WooCommerce, you will need Polylang Pro + Polylang for WooCommerce add-on

Key difference: WPML translates at the string level (more granular, better for complex sites). Polylang creates separate posts per language (simpler model, works well for content-heavy sites).

Shopify Markets

Shopify Markets (available on all plans) handles multilingual and multi-currency natively since 2022.

  1. Go to Settings > Markets in your Shopify admin
  2. Add target markets (countries/regions)
  3. Enable Shopify Translate & Adapt app (free)
  4. Translate storefront content, product descriptions, and checkout
  5. Configure currency, pricing rules, and duties per market
  6. Shopify auto-generates subdirectory URLs (yourstore.com/hi-IN/)

Limitation: Shopify's auto-translation quality is inconsistent for Indian languages. Budget for human review on high-value pages (homepage, product pages, checkout).

Next.js i18n

For custom-built applications on Next.js (App Router), internationalization is a first-class concern.

  1. Create a middleware.ts that detects locale from the URL, cookie, or Accept-Language header
  2. Structure your app directory with a [locale] dynamic segment: app/[locale]/page.tsx
  3. Store translations in JSON files per locale: messages/en.json, messages/hi.json
  4. Use a library like next-intl or react-intl for runtime translation
  5. Generate alternate links in your layout for SEO
  6. Configure generateStaticParams to pre-render all locale variants

Next.js advantage: Full control over routing, translation loading (server-side for SEO, client-side for interactivity), and integration with any translation management system.

Hreflang SEO Implementation

Hreflang tags tell search engines which language version of a page to show to which audience. Get this wrong and Google will show your Hindi page to English searchers, or vice versa.

Implementation options (pick one):

  • HTML <link> tags in the <head> of every page
  • HTTP headers (for PDFs and non-HTML resources)
  • XML sitemap entries

The HTML approach (most common):

For every page, include a link tag for each language version plus a self-referencing tag:

link rel="alternate" hreflang="en" href="https://example.com/blog/guide"
link rel="alternate" hreflang="hi" href="https://example.com/hi/blog/guide"
link rel="alternate" hreflang="ta" href="https://example.com/ta/blog/guide"
link rel="alternate" hreflang="x-default" href="https://example.com/blog/guide"

Critical rules:

  • Every page must reference ALL language versions, including itself
  • The x-default tag points to your fallback (usually English)
  • Hreflang must be reciprocal — if page A points to page B, page B must point back to page A
  • Use ISO 639-1 language codes (en, hi, ta, bn) optionally with ISO 3166-1 country codes (en-IN, en-US, en-GB)

Common hreflang mistakes:

  • Missing self-referencing tags
  • Non-reciprocal links (page A references B, but B does not reference A)
  • Using incorrect language codes
  • Pointing hreflang to redirected URLs
  • Forgetting the x-default tag

Indian Regional Language Support

Supporting Hindi, Tamil, Bengali, Telugu, Kannada, and other Indian languages requires attention to script rendering and input.

Font considerations:

  • Use Unicode-compliant fonts that support Devanagari (Hindi, Marathi), Tamil, Bengali, Telugu, and Kannada scripts
  • Google Fonts offers Noto Sans for nearly every Indian script — it is your safest bet
  • Load script-specific fonts only for the relevant locale to avoid bloating page weight

Text rendering:

  • Indian scripts use complex ligatures and conjunct characters. Test rendering across browsers, especially Safari
  • Line height needs to be more generous for Devanagari and Tamil than for Latin scripts (1.6-1.8 vs 1.4-1.5)
  • Do not use text-transform: uppercase on Indian language text — it has no meaning and can break rendering

Content length:

  • Hindi text is typically 20-30% longer than equivalent English text
  • Tamil can be 30-40% longer
  • Design your layouts with flexible containers. Fixed-width cards will break

Input and forms:

  • Enable language-specific keyboard input for form fields
  • Validate phone numbers with country-aware patterns (Indian mobile: 10 digits starting with 6-9)
  • Support transliteration for users who type Hindi in Roman script

Machine Translation vs Human Translation

Neither is universally better. The right choice depends on the content type.

Use machine translation (Google Translate API, DeepL) for:

  • User-generated content (reviews, comments)
  • Internal knowledge bases
  • High-volume product descriptions where speed matters more than nuance
  • First-draft translations that humans will review

Use human translation for:

  • Homepage and landing pages (your first impression)
  • Legal pages (terms, privacy policy)
  • Marketing copy and CTAs (nuance drives conversion)
  • Product pages for high-value items
  • Any content where a mistranslation could cause legal or reputational damage

The hybrid approach (what we recommend): Machine-translate everything as a first pass. Then have native speakers review and refine customer-facing pages. This cuts costs by 40-60% compared to full human translation while maintaining quality where it matters.

RTL Language Support

If you are targeting Arabic, Urdu, or Hebrew-speaking markets, your site needs right-to-left (RTL) layout support.

Key implementation steps:

  1. Add dir="rtl" to the <html> tag for RTL locales
  2. Use CSS logical properties (margin-inline-start instead of margin-left)
  3. Mirror your entire layout: navigation, sidebars, icons with directional meaning
  4. Flip directional icons (arrows, chevrons, progress indicators)
  5. Keep numbers and embedded Latin text in LTR — browsers handle this via the Unicode Bidirectional Algorithm, but test thoroughly

Tailwind CSS tip: Use the rtl: variant prefix for RTL-specific styles. Combined with the dir attribute on your root element, this handles most layout mirroring automatically.

Content Management Strategy

A multilingual site is only as good as your ability to keep all versions in sync.

Translation workflow:

  1. Content is created in your primary language (source of truth)
  2. New or updated content triggers a translation request
  3. Translations are completed (machine + human review)
  4. Translated content is reviewed by a native speaker
  5. All versions are published simultaneously

Tools for managing this:

  • Directus — supports multilingual fields natively with its Translations interface. Each content item can have linked translations without duplicating the entire entry
  • Crowdin / Phrase / Lokalise — dedicated translation management platforms that integrate with your CMS and GitHub
  • Google Sheets — surprisingly effective for small sites. One row per string, one column per language

Content parity tracking: Maintain a simple dashboard or spreadsheet that tracks which pages are translated, which are outdated, and which are missing entirely. Without this, you will have orphaned pages in some languages and stale content in others.

Cost Breakdown

Item DIY Cost (INR) Agency Cost (INR) Notes
WPML or Polylang Pro license 3,000 - 8,000/year Included Annual renewal
Shopify Markets setup Free (included) 25,000 - 50,000 One-time configuration
Next.js i18n architecture Your dev time 1,50,000 - 4,00,000 Depends on complexity
Machine translation API 1,500/month (avg) 1,500/month Google Translate API pricing
Human translation 1.50 - 3.00/word 2.00 - 5.00/word Per language pair
Native speaker review 0.80 - 1.50/word Included with translation Quality assurance pass
Hreflang + SEO setup Your time 15,000 - 30,000 One-time, per site
Ongoing content sync Your time 10,000 - 25,000/month Depends on update frequency
RTL support (if needed) Your dev time 50,000 - 1,50,000 One-time, layout overhaul

Realistic total for a 5-language WordPress site: INR 1,50,000 - 3,50,000 for initial setup + INR 15,000 - 40,000/month for ongoing translation and maintenance.

Realistic total for a custom Next.js build: INR 3,00,000 - 8,00,000 for initial setup + INR 20,000 - 60,000/month ongoing.

Common Mistakes and How to Avoid Them

  1. Auto-redirecting based on IP geolocation. Do not do this. Let users choose their language. Geolocation is unreliable (VPNs, travelers, expats). Show a language suggestion banner instead.

  2. Using flags to represent languages. Spanish is spoken in 20+ countries. Hindi is not exclusive to India. Use language names written in the target language ("Hindi" not "हिन्दी" in your English switcher, "हिन्दी" in your Hindi switcher).

  3. Translating URLs inconsistently. Pick a strategy and stick with it. Either translate slugs (/hi/seva/ for /services/) or keep them in English (/hi/services/). Mixing both creates maintenance nightmares.

  4. Forgetting to translate metadata. Page titles, meta descriptions, Open Graph tags, image alt text, and structured data all need translation. Missing these tanks your SEO in the target language.

  5. Launching all languages at once. Start with your highest-value language. Get the workflow right. Then expand. Launching 8 languages simultaneously with poor quality is worse than launching 2 with excellent quality.

  6. Ignoring right-to-left testing. If you support Urdu or Arabic, test every single page in RTL. Broken layouts destroy credibility instantly.

  7. Not budgeting for ongoing translation. Every new blog post, product page, or landing page needs translation. If you do not budget for this, your secondary languages will fall behind within months.

Multilingual Launch Checklist

  • URL structure decided (subdirectories / subdomains / separate domains)
  • Primary and target languages finalized
  • Translation approach chosen (machine / human / hybrid)
  • Platform-specific multilingual plugin or framework configured
  • Hreflang tags implemented on all pages, including self-referencing and x-default
  • Language switcher added to header and/or footer
  • All metadata translated (titles, descriptions, OG tags, alt text)
  • Fonts tested for all target scripts (Devanagari, Tamil, Bengali, etc.)
  • Layouts tested with longer translated text (no overflow, no truncation)
  • RTL support tested (if applicable)
  • Forms validated with locale-specific formats (phone, address, currency)
  • Legal pages translated and reviewed by a professional
  • XML sitemap includes all language variants
  • Google Search Console configured for each target language/country
  • Analytics segmented by language to track performance per locale
  • Content update workflow documented for the team
  • Translation budget allocated for ongoing content

Maintenance and Update Workflow

Launching is the easy part. Keeping a multilingual site accurate and current is where most businesses fail.

Weekly:

  • Check for untranslated new content (blog posts, product updates)
  • Review machine-translated pages flagged for quality issues
  • Monitor analytics per language for drop-offs or high bounce rates

Monthly:

  • Audit content parity across all languages
  • Update translations for any content that changed in the source language
  • Review and respond to any language-specific customer feedback

Quarterly:

  • Run a full hreflang audit (use Screaming Frog or Ahrefs)
  • Evaluate whether to add new languages based on traffic data
  • Review translation vendor performance and costs
  • Update seasonal or time-sensitive content across all versions

Automate what you can: Set up CMS webhooks that flag content changes and automatically queue translation tasks. Directus, for example, can trigger a flow whenever a source-language page is updated, notifying your translation team or hitting a machine translation API.

FAQ

How many languages should I start with? Start with two: your source language plus one high-value target. For Indian businesses going global, English + Hindi covers the widest domestic audience. For international expansion, English + the language of your primary export market.

Will multilingual content hurt my SEO if done poorly? Yes. Duplicate content without proper hreflang tags confuses search engines. Thin, machine-translated pages with no human review can trigger quality penalties. Do it right or do not do it at all.

Can I use Google Translate and call it done? For internal tools or low-stakes content, yes. For customer-facing pages, absolutely not. Google Translate has improved dramatically, but it still produces awkward phrasing in Hindi, Tamil, and Bengali that native speakers notice immediately.

How long does it take to set up a multilingual site? WordPress with WPML: 2-4 weeks for a 10-page site in 2 languages. Shopify Markets: 1-3 weeks. Custom Next.js: 4-8 weeks depending on complexity. Add 1-2 weeks per additional language for translation.

Should I translate my blog posts? Translate your top-performing blog posts first — the ones driving the most organic traffic and conversions. There is no point translating every post. Focus on the 20% that drive 80% of results.

What is the difference between hreflang and canonical tags? Canonical tags tell search engines which version of a page is the "original" when duplicates exist. Hreflang tags tell search engines which language version to show to which audience. They solve different problems and are often used together.

Do I need a separate sitemap for each language? No. You can include all language variants in a single XML sitemap using hreflang annotations. However, if your site is very large (10,000+ pages), splitting sitemaps by language can make them easier to manage and debug.

How do I handle user-generated content in multiple languages? Do not translate user reviews or comments — it destroys authenticity. Instead, show reviews in the user's language with an optional "translate" button powered by a client-side translation API. This keeps the original voice intact while still being accessible.


Going multilingual? We have built multi-language sites for businesses across India, UK, US, and Australia. Let's plan your global reach.

Get started

Ready to talk about your project?

Whether you have a clear brief or an idea on a napkin, we'd love to hear from you. Most projects start with a 30-minute call — no pressure, no sales pitch.

No upfront commitmentResponse within 24 hoursFixed-price quotes