What are the latest updates on the Webflow integration with Weglot, including the availability of subdirectories and the ability to exclude certain variables from translation?
TL;DR
- Webflow now supports Weglot's subdirectory URLs (e.g., yourdomain.com/fr/) for multilingual sites, requiring a custom domain, DNS updates, and a paid Weglot plan.
- You can exclude dynamic content from translation using CSS classes or the data-wg-notranslate attribute directly in Webflow’s Designer.
Webflow's integration with Weglot has seen notable improvements, particularly in support for subdirectories and translation control for dynamic content.
1. Subdirectory Support on Webflow via Weglot
- Native Subdirectory URLs (e.g.,
yourdomain.com/fr/) are now officially supported when using Webflow with Weglot. - Previously, Weglot on Webflow only supported subdomain-based translations (e.g.,
fr.yourdomain.com). - To enable subdirectory support:
- Your Webflow site must be hosted on a custom domain, not the
.webflow.iodomain. - Redirection and rewrite rules are handled server-side through Weglot, so no manual configuration is required on Webflow’s end.
- DNS changes are needed to point to Weglot’s servers before they proxy requests through to Webflow.
- Subdirectory support applies only to paid Weglot plans, starting from the Pro level.
2. Excluding Variables and Elements from Translation
- Dynamic content control has improved through Weglot's Translation Exclusion rules.
- You can now exclude specific HTML elements or attributes from being translated by using:
- CSS class or ID rules in Weglot dashboard (e.g., exclude
.no-translate). - data-wg-notranslate attribute on HTML elements (Webflow-compatible).
- You can add this custom attribute inside Webflow's Designer:
- Select the element → go to Settings panel → add a Custom Attribute with
Name: data-wg-notranslate, Value: true.
- Exclusions can also apply to CMS fields or collections by targeting class names tied to those bindings.
- This lets you prevent Weglot from translating user-generated content, script-injected text, or brand names that should remain unchanged.
Summary
Webflow’s Weglot integration now supports subdirectory-based multilingual URLs, improving SEO and URL structure. You can also exclude specific dynamic variables or elements from translation using HTML attributes or class-based rules within the Weglot dashboard. These enhancements offer more control and flexibility for Webflow users managing multilingual sites.