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.io
domain. - 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.