Website Translator: Translate Entire Website without Code Changes

Website translator is a tool that localizes websites with automatic synchronization between your site content and a translation management system. Our app eliminates the need for manual content extraction. This allows you to translate entire websites faster and easier, without the need for technical expertise or code changes.

Website Translator app is compatible with most of the popular Digital Experience Platforms (DXPs). Our translator allows you to localize content created on services such as:

• UserVoice
• DeveloperHub.io
• Framer
• Typedream
• Ghost.org
• Tumblr
• Unbounce
• Readme.io
• Pagewiz
• Webflow Proxy
• Status.io
• Squarespace
• Leadpages
• Instapage
• Lander
• WooCommerce
• BigCommerce
• StatusPage.io
• Tilda
• Weebly

Website Translator Overview

Features

• Source and translated content synchronization - Detect, extract, and sync your website content with Crowdin project
• SEO-friendly translations - Translate meta titles and descriptions
• Scheduled synchronization - Automatic sync and publishing scheduling
• Instant translations - Use machine translation (DeepL) for new content instant translation
• In-context preview - Preview translations on your website
• Application modes - Server-side, client-side, or hybrid scanning
• Advanced filtering - Configure CSS selectors and path filters for precise content control
• Variable patterns - Create reusable translation patterns with placeholders
• Review system - Review and approve new content before translation

How the Website Translator Works

1. Setup: Input your website URL and translation preferences
2. Scanning: The app crawls your website and extracts all translatable texts
3. Import: You select pages that are then imported into your Crowdin project as translation files
4. Content Translation
5. Publishing Translations
6. Integration: Add a JavaScript snippet to enable the language switcher for visitors

Translation Configuration

Choose the way to scan your website content:

• Server-side (Default): Crowdin crawls your website and looks for new content to translate
• Client-side: Untranslated text that is detected when visitors open pages is sent for translation
• Server & Client-side: Combines both methods

CSS Selectors to Ignore

Specify CSS selectors for HTML elements whose content should not be imported. Use IDs (e.g., #header-nav) or classes (e.g., .no-translate), separate with commas.

Paths Filter

Control which pages are crawled. Use pattern matching:

• /about - Exact page /about
• /page/** - All pages starting with /page/
• /article/* - One level above /article/
• /**/comments - Pages which end with /comments
• !/admin - Excludes the /admin page

Instant Translations

Set up DeepL API integration for instant translation of new content in client-side mode. This allows users see translated content before it's imported into Crowdin.

Website Translation Automation

Set up auto synchronization and publishing schedules:

• Source sync schedule: Choose manual, daily, or weekly synchronization
• Publishing schedule: Select to publish manually, hourly, daily, or weekly

Language Routing Method

Choose how languages are specified in your website URLs:

• Query Parameter (test-site.com?lng=en)
• Subdomain (en.test-site.com)
• Subdirectory (test-site.com/en)

Variables

Create reusable translation patterns with placeholders to replace similar strings. For example, "Hello Antony!" and "Hello Mary!" can be replaced with "Hello {{name}}!". Changes are applied after reimporting your website.

Review Strings

In client-side mode, review and manage texts that were missed during scanning. These appear when visitors use your site and can be imported to Crowdin for translation or deleted if not needed.

URLs Management

View and manage all URLs that were detected by the scan:

• Scan website - Discover new pages to translate
• Re-import - Update existing pages with new content
• Delete - Remove pages from your Crowdin project
• Filter and sort - Organize pages by path, import date, or string count

Note! Website scanning is limited to a crawl depth of 5. This means the crawler will follow links up to 5 pages deep from your starting URL. Pages beyond this depth threshold won't be discovered during the scanning.

In-Context Preview

Preview translations on your website and see how they look in context. Requirement: enabled in-context translation for your Crowdin project.

Code Snippet

After publishing translations, add this JavaScript snippet to your website to enable the language switcher:

<style>.js-proxy-blur {filter: blur(5px);}</style>
<script>
  // Generated script with your project configuration
  // Includes language switcher and translation functionality
</script>

Also add the js-proxy-blur class to your <body> tag:

<body class="js-proxy-blur">

Next Steps

1. Choose translation strategy
2. Publish translations
3. Monitor and maintain