Tailor Your Website Translation Setup with MotaWord Active

MotaWord Active adapts to your website — not the other way around. Customize everything from the language selector design to URL structures, translation behavior, and content rules. All from your dashboard, no code changes required.

Start Customizing Book a Demo
Tailor Your Website Translation Setup with MotaWord Active

Set Up in Minutes, on Any Platform

Getting started is as simple as choosing your platform and pasting a single line of code. The setup page auto-detects your website technology and gives you tailored installation instructions — whether you're on WordPress, Shopify, Drupal, Squarespace, Webflow, Wix, HubSpot, or using plain JavaScript.

  • Step 1: Choose your platform from a visual picker — WordPress, Shopify, Drupal, Squarespace, Webflow, Wix, HubSpot, Intercom, Weebly, or plain JavaScript
  • Step 2: Get a ready-to-paste code snippet customized for your site
  • Step 3: Built-in integration status check — verify everything is working before you go live
  • Step 4: Scan your website to discover translatable content automatically



Once installed, everything else is configured from your dashboard. No code changes needed after the initial setup.

Set Up in Minutes, on Any Platform

The general configuration screen is your command center. Toggle your entire localization on or off with a single switch — no need to remove any code from your site. Turn analytics tracking on or off just as easily.

Enable or disable MotaWord Active on your website instantly, without touching your code.

Turn visitor language tracking on or off.

Add or remove target languages, edit locale settings, or temporarily hide a language from visitors while you prepare it.

Restrict your translation widget to specific domains for security — make sure it only runs on your production site, not on random domains.

Control What's Live, What's Not

The language selector widget drops into your site and matches your brand. Works with any website design — the widget blends in without affecting your layout. For complete design freedom, use the JavaScript API to build your own language switcher with any look and behavior you want. It's not just a dropdown — it's a fully customizable element designed to feel like a native part of your website.

Light and dark modes, ready to go.

Bottom left, bottom right, in-place (inside your navigation, header, sidebar, or footer), or fully custom placement — put it wherever it makes sense for your visitors.

Sleek rectangular, rounded, or any shape that fits your brand identity.

Show country flags as squares, circles, or hide them entirely — your call.

Display languages in their native name ("Deutsch"), in your source language ("German"), or in the visitor's own language.

A Language Switcher That Fits Your Design

Choose how language variants appear in your URLs. The Navigation configuration gives you full control over URL structure and how language switching works for your visitors.

Choose between path-based URLs (yoursite.com/fr/about), query parameters (yoursite.com/about?locale=fr), or subdomains (fr.yoursite.com) — path-based is recommended for SEO

Choose between path-based URLs (yoursite.com/fr/about), query parameters (yoursite.com/about?locale=fr), or subdomains (fr.yoursite.com) — path-based is recommended for SEO.

Smooth in-page language changes without a reload, or a full redirect — whichever fits your site better.

Control whether URL parameters and fragments carry over during language switches, so your tracking pixels and deep links keep working

Translate your URL paths too — /about can become /a-propos in French

Automatic hreflang tags for all your languages — search engines know exactly which version to show in each market

Canonical URLs managed automatically to prevent duplicate content.

Marketing parameters (UTM, gclid, fbclid) are cleaned from SEO-facing tags so they don't pollute your search results.

Multilingual URLs That Search Engines Love

The Elements configuration lets you define rules for specific parts of your page. This is where you get granular — control exactly which elements should be translated, skipped, or handled differently.

Point at any part of your page and decide how it should be handled. Apply rules to your entire site or just to specific pages.

Tell MotaWord Active to skip specific sections entirely — brand names, code blocks, embedded third-party content.

Choose pages you don’t want to be translated.

Choose a different translation approach for different areas: machine translation for user comments, professional review for your homepage hero.

Scope rules to specific pages — your blog can follow different rules than your checkout flow.

Layer multiple rules on top of each other — specific rules override general ones.

Fine-Tune What Gets Translated and How

Protect Dynamic Content with Variable Rules

Getting started is as simple as choosing your platform and pasting a single line of code. The setup page auto-detects your website technology and gives you tailored installation instructions — whether you're on WordPress, Shopify, Drupal, Squarespace, Webflow, Wix, HubSpot, or using plain JavaScript.

  • Define patterns that match your dynamic content — whether it's {{username}}, $price, or your own placeholder format
  • Apply variable rules site-wide or only on specific pages
  • Add as many rules as you need — each one runs independently



Variables are visible but locked in the on-page editor, so translators can see context but can't accidentally break dynamic content.

Protect Dynamic Content with Variable Rules

A set of simple on/off switches that control how the translation engine behaves on your site. Most of these come with smart defaults — so you don't need to touch them unless you want to. But when you do need fine-grained control, it's all right there.

Enable or disable automatic translation — turn it off if you only want to show professionally reviewed content.

Enable professional review workflow alongside machine translation.

Use placeholder text instead of real translations — useful for testing your layout with different text lengths before going live.

Track visitor navigation to translate content as they browse across pages.

Enable translation caching for faster page loads — visitors see translated content instantly on return visits.

Automatically update internal links to include the correct language prefix, so visitors stay in their selected language as they navigate.

Advanced Translation Behavior

Right-to-Left Languages, Handled Automatically

When a visitor switches to Arabic, Hebrew, Urdu, or any RTL language, your entire page layout mirrors automatically. No separate stylesheets, no manual CSS work.

  • Your existing stylesheets are automatically mirrored — layouts, margins, floats, text alignment all flip to RTL
  • Page direction and language attributes update automatically
  • Works with Bootstrap, Tailwind, custom CSS, and most frameworks
  • Serve appropriate fonts for scripts that need them — Arabic, Chinese, Japanese, Korean, Devanagari
  • Inject custom CSS per language — adjust spacing, font sizes, or any layout detail for specific locales
  • Supported for Arabic, Hebrew, Urdu, Farsi, Kurdish, Pashto, Yiddish, and more
Right-to-Left Languages, Handled Automatically

Frequently Asked Questions

Yes. Choose from light and dark themes, pick a position (bottom left, bottom right, inside your navigation, or fully custom), and the widget blends into your site. For complete design freedom, you can also build your own language switcher using the API.

Point at the part of your page you want to skip and mark it. You can also limit rules to specific pages — so your blog can follow different rules than your checkout page.

Yes. It works with Bootstrap, Tailwind, custom CSS, and most frameworks. Your entire layout — margins, floats, text alignment — is automatically mirrored.

Yes. Use the Dummy Translations toggle to see placeholder text on your site — this lets you test how different text lengths affect your layout. You can also hide specific languages from visitors while you prepare them, and use the Live toggle to turn the entire system on or off without removing any code.

No. All configuration changes take effect immediately from the dashboard — no build steps, no deployments. Toggle a setting, and it's live within seconds.

Path-based URLs (yoursite.com/fr/about) are generally recommended by Google for multilingual SEO. MotaWord Active generates hreflang tags and canonical URLs automatically regardless of which option you choose.

Yes. MotaWord Active supports WordPress, Shopify, Drupal, Squarespace, Webflow, Wix, HubSpot, Weebly, and any site that can include a JavaScript snippet. The setup page gives you platform-specific instructions.

Yes. You can show all languages globally, or limit specific languages to specific pages. You can also apply different translation strategies (machine translation, professional review, or skip) to different sections of your site.

need-more

Need more assistance?

We will be more than happy to answer any and all your questions. And we would gladly set up a live demo for your organization with one of our colleagues. All you need to do is reach out to us.