Webflow Localization vs. a Translation Script: Which Fits?

You built your site in Webflow, it works and now customers in other countries are asking for it in their language. Translating a Webflow site comes down to two realistic paths: Webflow’s own Localization add-on or a third-party translation script that you paste into your site’s custom code. Both can get you live in a new language within days, but they differ a lot in what they translate, how search engines see the result and what you pay per language. This guide compares the two side by side so you can choose with real numbers instead of marketing copy.

Why translating your Webflow site is worth the effort

The business case is well documented. In a 2020 survey of 8,709 consumers in 29 countries, CSA Research found that 76% of online shoppers prefer to buy products with information in their own language and 40% will never buy from websites in other languages. The same study reports that 65% prefer content in their language even if the quality is poor. That last number is not an excuse for sloppy translation, but it does tell you that a decent translation today beats a perfect one next year.

If you are still unsure whether your site needs more languages at all, our post on why your website needs multiple languages walks through the signals to look for.

How native Webflow Localization works

Webflow Localization (Webflow now brands it “Localize”) is built into the Designer. You build your site in a primary locale and add secondary locales, where a locale is a language or a language plus country. According to the Webflow Localize overview, every secondary locale inherits content, styles and presentation from the primary locale until you override it. You can then localize text, assets, element visibility and styles per locale and reset any override to fall back to the original.

Translation itself can happen in three ways. You can let Webflow’s AI translate content, type translations yourself or connect a translation management system through a Webflow App or the API, as the guide on translating site content explains. You can try the features for free, but publishing a secondary locale requires a paid Localize add-on.

What Webflow Localization gets right for SEO

This is where the native option is strongest. Each locale lives in a subdirectory such as /es/ and Webflow sets the HTML lang attribute per locale. According to Webflow’s article on localized SEO and locale routing, it also adds page level hreflang tags and includes hreflang entries for static and dynamic pages in the auto generated sitemap. You can translate meta titles and descriptions per locale.

That matches what Google asks for. Google Search Central says it recommends using different URLs for each language version of a page and lists subdirectories as easy to set up with low maintenance. Its hreflang documentation adds that each language version must list itself and all other versions, which Webflow handles for you.

Where Webflow Localization hits limits

The biggest gap affects shops. The Localize overview states plainly that Localize does not support Ecommerce Site plan features, so products, categories and ecommerce pages cannot be localized when both are enabled. If you sell through Webflow Ecommerce, native Localization will leave your product catalog in one language.

Other limits depend on the plan. Localized URL slugs, asset localization and automatic visitor routing are only included in the Advanced and Enterprise tiers according to Webflow’s pricing page. AI translation also draws on a monthly word allowance. The AI translation usage article explains that allowances are pooled across your site and that once they run out, further translations are blocked until the monthly reset unless you opt in to Webflow AI credits or buy more locales. Translations reused from translation memory do not count against the allowance.

One more detail for anyone who cleans up old URLs: Webflow notes that 301 redirects are relative to your root domain and do not apply to localized subdirectories, so /old-url and /es/old-url need separate redirect rules.

What Webflow Localization costs

Prices change, so treat these numbers as a snapshot and check the Webflow pricing page before you decide. At the time of writing, Webflow lists two self serve Localize tiers that are priced per added locale (your primary language is not counted):

  • Essential: $9 per locale per month billed yearly or $12 billed monthly, up to 3 added locales, 10,000 AI translated words per locale per month.
  • Advanced: $29 per locale per month billed yearly or $35 billed monthly, up to 10 added locales, 50,000 AI translated words per locale per month, plus localized URLs, asset localization and automatic routing.
  • Enterprise: custom pricing and a custom number of locales.

The add-on comes on top of your Site plan. On the same page, the cheapest custom domain plan (Basic) is listed at $15 per month billed yearly. So a small marketing site that adds German, French and Spanish on Essential pays 3 × $9 = $27 per month for Localize on yearly billing, before the Site plan. Move to Advanced for localized slugs and the same three languages cost $87 per month billed yearly. The jump matters once you need a fourth language, because Essential caps out at three.

How a translation script works on Webflow

A translation script is a small piece of JavaScript from a third-party vendor. You paste one script tag into the site wide custom code and the script swaps text on each page into the visitor’s language. Webflow explicitly supports this: according to its help article on custom code in head and body tags, you can add site wide scripts if your site has an active Site plan or sits in certain paid Workspaces. Webflow recommends placing script tags before the closing body tag for load speed and notes that its support team cannot help with custom code.

The appeal is coverage and speed. A script sees the rendered page, so it can translate everything a visitor sees, including text inside components, CMS output and ecommerce pages that native Localize leaves alone. You do not need to touch the Designer for each new language and adding a fifth or tenth language is usually a setting rather than a new plan tier.

The SEO question you must ask a script vendor

Scripts differ widely in how search engines see the translated pages. Google processes JavaScript in crawl, render and index phases and can only index content present in the rendered HTML. The same page warns that not all bots can run JavaScript. Google also advises against showing different languages on the same URL, because Googlebot usually crawls without an Accept-Language header and might miss your variations.

So before you install any script, ask the vendor directly: does each language get its own URL (for example a subdirectory or subdomain) with hreflang tags? If the answer is no and translations only appear on the original URL, the script serves human visitors well but your translated pages will probably not rank on their own.

Quality control still matters

Machine translation is not a problem in itself, but publishing it at scale without review can be. Google’s spam policies list scaled content abuse, which includes automated transformations such as translating when they provide little value to users. Whichever path you choose, have someone who speaks the language check your most important pages. Our guide to post translation editing shows how to do that without rereading every sentence.

Webflow Localization vs. translation script compared

The table below sums up the main differences based on the sources above. Script details vary by vendor, so read that column as typical behavior to verify rather than a guarantee.

Factor Webflow Localization Translation script
Setup Inside the Designer, per locale One script tag in site wide custom code
Webflow Ecommerce products Not supported Usually translated on the rendered page
Separate URL per language Yes, subdirectories with hreflang Depends on the vendor, ask first
Localized slugs Advanced and Enterprise only Depends on the vendor
Pricing model Per added locale, plus a word allowance Varies (often by words, characters or page views)
Language cap 3 on Essential, 10 on Advanced Depends on the vendor
Designer control per locale Styles, assets and visibility per locale Usually text only

The pattern is clear. Native Localization wins when you run a content site or a marketing site in a few languages and want Webflow to handle URLs and hreflang for you. A script wins when you sell through Webflow Ecommerce, want many languages without per locale fees or need translation on more than one platform.

Which option should you pick?

Choose native Webflow Localization if your site has no Webflow Ecommerce, you need three to ten languages and organic search in each market is a priority. You get subdirectories, hreflang and a sitemap without writing code and you can adjust layouts where German headlines run longer than English ones.

Choose a translation script if you run Webflow Ecommerce, want to cover many languages on a fixed budget or manage several sites on different platforms. Agencies and freelancers often like that the same approach works on Webflow, WordPress, Shopify and plain HTML. Just make the URL question part of your vendor checklist.

heylingo is one example of the script approach: one script tag, AI translation with translation memory, inline corrections directly on your live site and more than 30 languages for EUR 20 per 1,000,000 translated characters per month. Whatever vendor you test, compare pricing on your actual content volume, because per word and per character plans are not directly comparable.

A hybrid is also possible. Some teams use Localize for their core marketing pages and a script for areas Localize cannot reach. If you go that way, avoid translating the same page twice and keep one clear owner for each language. Our list of common website translation mistakes covers more traps like this.

FAQ

Is Webflow Localization free?

You can try Localize features for free on any plan, but publishing a secondary locale requires a paid add-on. At the time of writing, the Essential tier starts at $9 per locale per month billed yearly according to Webflow’s pricing page.

Can I translate Webflow Ecommerce products with Localization?

No. Webflow’s own documentation says products, categories and ecommerce pages cannot be localized when Localize and Ecommerce are both enabled. A translation script that works on the rendered page is one way around this.

Does a translation script hurt my Webflow SEO?

Not by itself, but it may not help either. If translations only appear on the original URL, search engines will mostly see your primary language. Ask the vendor whether each language gets its own URL with hreflang tags, since Google recommends separate URLs per language.

How many languages can I add with Webflow Localization?

Up to 3 added locales on Essential and up to 10 on Advanced. Enterprise offers a custom number of locales.

Conclusion

Translating a Webflow site is no longer a big project, but the right tool depends on what you sell and how many languages you need. Native Webflow Localization gives you clean SEO structure and design control for a handful of languages, at a per locale price and without ecommerce support. A translation script gives you broader coverage and simpler scaling, provided you confirm how it handles URLs. Start with the one or two markets where you already see demand, check the result with a native speaker and expand from there.

Want to see what one script tag can do for your site? Check heylingo pricing.

Sources

JE

Written by

Jermaine builds and runs heylingo single-handedly from Germany and answers every support email personally.

More from the blog