Your Widget


Add Flout Translate to your website
Follow these instructions.
1. Copy the snippet
2. Paste it into your website (before </head>) — takes 2 minutes
3. Configure languages and the selector, or edit translations (optional - use the buttons above)

Thats it!

Your website is translated automatically
Set it up once. No ongoing management. 
  • 
<meta name="google" content="notranslate">
<script src="https://flouttranslate.com/js/amashv3.1/flout-tloader.min.js"></script>

Platform Instructions
Shopify, WordPress, Wix, Squarespace, Webflow, WooCommerce, BigCommerce, Joomla, Drupal, Magento

How to Install on Shopify

Add Flout Translate to your Shopify store using the theme editor:

  1. From your Shopify admin, go to Online Store → Themes.
  2. Click “...” → Edit Code on your active theme.
  3. Open the theme.liquid file under the Layout folder.
  4. Locate the closing </head> tag.
  5. Paste your Flout Translate snippet just above </head> and click Save.

Flout Translate will now automatically translate your storefront content for visitors.

How to Install on WordPress

Add Flout Translate to your WordPress site using a simple script embed:

  1. In your WordPress admin, go to Appearance → Theme File Editor.
  2. In the right sidebar, open header.php under your active theme.
  3. Find the closing </head> tag.
  4. Paste your Flout Translate snippet just above </head> and click Update File.

You can also use a header injection plugin if you prefer not to edit theme files directly.

How to Install on Wix

To add Flout Translate to your Wix site:

  1. Open your Wix dashboard and go to Settings → Custom Code.
  2. Click “Add Custom Code”.
  3. Paste your Flout Translate snippet.
  4. Choose “Head” as the location, and apply it to All Pages.
  5. Click Apply to save.

Your site will now display translations automatically based on the visitor’s selected language.

How to Install on Squarespace

Embed Flout Translate into your Squarespace website in a few easy steps:

  1. Log in and go to Settings → Advanced → Code Injection.
  2. Paste your Flout Translate snippet into the Header section.
  3. Click Save.

Translations will appear automatically for all visitors once installed.

How to Install on Webflow

Add Flout Translate to your Webflow site via the global site settings:

  1. Open your Webflow project and go to Project Settings → Custom Code.
  2. In the Head Code field, paste your Flout Translate snippet.
  3. Click Save, then Publish your site.

Visitors will now see your content in their language of choice.

How to Install on WooCommerce

WooCommerce runs on WordPress, so follow the same steps as a WordPress site:

  1. From the admin, go to Appearance → Theme File Editor.
  2. Open header.php under your active theme.
  3. Find the closing </head> tag.
  4. Paste your Flout Translate snippet just above that tag, then save the file.

Flout Translate will work seamlessly with your product pages and checkout flow.

How to Install on BigCommerce

Here’s how to install Flout Translate on a BigCommerce store:

  1. Go to your BigCommerce admin and navigate to Storefront → Script Manager.
  2. Click Create a Script.
  3. Set the location to Head, and choose All Pages.
  4. Paste your Flout Translate snippet and save.

Your BigCommerce storefront will now automatically display in multiple languages.

How to Install on Joomla

To embed Flout Translate on your Joomla site:

  1. In the Joomla admin panel, go to System → Site Templates → Site Template Files.
  2. Select your active template (e.g. cassiopeia ).
  3. Open index.php from the template files list.
  4. Paste your Flout Translate snippet just above the closing </head> tag.
  5. Click Save & Close.

Flout Translate will now automatically translate your Joomla content for visitors.

How to Install on Drupal

To install Flout Translate on your Drupal site:

  1. From your admin panel, go to Appearance → Theme Settings.
  2. Identify your active theme and locate its html.html.twig template file.
  3. Edit the file and paste your Flout Translate snippet just before </head> .
  4. Clear Drupal’s cache to apply the changes.

Your Drupal site will now show content in the visitor’s preferred language.

How to Install on Magento

Add Flout Translate to your Magento 2 site by updating the layout templates:

  1. Locate your Magento theme's directory (e.g. app/design/frontend/YourVendor/yourtheme ).
  2. Open or create the file default_head_blocks.xml inside /Magento_Theme/layout/ .
  3. Add the following block inside the <head> layout tag:
  4. Paste your Flout Translate snippet using a <script> block.
  5. Deploy static content and clear the cache to apply.

Your Magento storefront will now support instant multilingual translation.

×

How it works

Add one line to your website and your content is translated and kept in alignment automatically.

When installed, Flout Translate:

  • ✔ Loads on every page
  • ✔ Displays a language selector (top right by default)
  • ✔ Translates your content when needed

What this means for you

  • ✔ Works with your existing content — no changes required
  • ✔ Works on both static and dynamic pages
  • ✔ Content changes stay aligned across all languages — no ongoing work
  • ✔ You can customise behaviour anytime from your dashboard

Important detail (Google translation)

The line:

        <meta name="google" content="notranslate">

prevents Google from showing its own translation pop-up.

This avoids conflicts, so all language handling is controlled by Flout Translate for a smoother experience.

Final note

Do not add defer or async to the script line.


Contact Details
Manage the selected Plan contact details here.



Statistics
Show translation statistics for the selected Plan.


Quota Tracking

Plan Status Quota Words Used Words Remaining Words % Used

Translation Views (In Web Browsers)