Weglot

How to integrate Weglot with Webflow

Weglot offers multiple paths to transform your Webflow site into a multilingual experience, from simple script embedding that takes under 10 minutes to advanced API integrations for custom workflows.

Use embed and native features

The primary integration method uses Weglot's JavaScript snippet added to your Webflow settings. This no-code approach delivers instant multilingual functionality:

1. Create a Weglot account and start a new project, selecting Webflow as your platform
2. Choose languages by setting your original language and target translations
3. Copy the JavaScript snippet from your Weglot dashboard
4. Paste into Webflow by navigating to Site Settings > Custom Code > Head Code
5. Publish your site to activate the language switcher and automatic translations

Key capabilities available immediately:

• Automatic content detection identifies all visible text, including CMS items and dynamic content
• Language switcher widget appears on all pages with customizable placement and styling
• Visual translation editor lets you refine translations while previewing the live design
• Multilingual SEO with automatic hreflang tags, translated metadata, and language-specific URLs

For enhanced SEO, configure DNS settings to enable language subdomains (e.g., fr.yoursite.com) or subdirectories (e.g., yoursite.com/fr/), though this step remains optional for basic functionality.

Build with Webflow and Weglot APIs

API integration unlocks advanced multilingual workflows beyond standard features, enabling custom language management, automated translation updates, and integration with external systems.

This approach suits teams needing programmatic control over translations or complex content synchronization.

The Weglot API provides endpoints for language detection, translation management, and configuration control. Combined with Webflow's API, you can build sophisticated multilingual architectures that standard integrations cannot achieve.

Key capabilities include:

• Dynamic language lists for custom switcher implementations
• Programmatic translation updates triggered by content changes
• Webhook-based synchronization between systems
• Custom translation workflows with approval chains

Fetch available languages dynamically

Build custom language selectors using the public languages endpoint:

1. Make GET request to Weglot’s /public/languages without authentication
2. Receive language data including codes, local names, and English names for 110+ languages
3. Build custom UI components that match your site's design system perfectly
4. Update dynamically as Weglot adds new language support

This enables advanced implementations like region-specific language options or conditional language display based on user location.

Automate translation workflows

Create custom translation pipelines for content teams:

1. Monitor content changes in Webflow using webhooks or polling
2. Trigger translation updates via Weglot API when new content publishes
3. Route translations to specific team members based on language or content type
4. Sync approvals back to your content management workflow

While Weglot automatically detects content changes, API control enables selective translation, batch processing, and integration with existing editorial workflows.

Build multilingual analytics dashboards

Aggregate translation and visitor data across platforms:

1. Fetch translation metrics from Weglot including word counts and language usage
2. Combine with Webflow analytics for comprehensive multilingual insights
3. Track ROI by correlating translation investments with regional conversions
4. Optimize content based on language-specific engagement patterns

This requires server-side implementation but provides valuable insights for international growth strategies.

What you can build

Integrating Weglot with Webflow enables powerful multilingual experiences across industries and use cases.

• Global e-commerce stores: Automatically translate product catalogs, checkout flows, and customer communications while maintaining inventory sync across all languages with dedicated URLs for each market
• International SaaS platforms: Localize landing pages, documentation, and user interfaces instantly while allowing marketing teams to refine messaging for each region without developer involvement
• Multilingual content hubs: Publish articles, resources, and media in multiple languages with automatic SEO optimization and the ability to customize content for specific markets
• Corporate websites: Maintain brand consistency across all language versions while meeting compliance requirements for local content and allowing regional teams to manage their translations