The Directus localization plugin by Localazy allows you to synchronize your content with Localazy and translate it with available tools. You can manage your language versions separately in Localazy and import new content for translation as you add it seamlessly without manual copypasting or file importing.

The plugin can be installed via NPM. Run npm i @localazy/directus-extension-localazy in the root of your project.

Once installed, navigate to Settings -> Project Settings -> Modules and enable the Localazy module.

Remember to sign up for Localazy and activate the Autopilot plan.

Learn more about the Directus localization plugin in the docs.

Yes, you can automate the export process by installing the Localazy Automation extension.

After installation, check the Deletion options in the Additional Setup section of the Localazy plugin to ensure that the “Automated Upload to Localazy” and “Automated Deprecation of Localazy Source Keys” options are enabled. This setup will allow automatic content updates, reducing the need for manual intervention.

To set up Directus for a multilingual site, follow these steps:

Installation and Configuration: #️⃣

• Ensure that you have Directus installed and properly configured in your project.

Collection Setup: #️⃣

• Create a new collection or modify an existing one to support translations.
• Decide which collections need multilingual support (e.g., articles, products, pages).
• Add a language field to your collection. This field will store the language code (e.g., “en” for English, “fr” for French).

Language Field Configuration: #️⃣

• Customize the language field to match your project’s requirements.
• Consider adding additional fields for language-specific content (e.g., “title_en” for English titles, “description_fr” for French descriptions).

Fetching Content: #️⃣

• Use the Directus API to fetch content in the desired language based on user preferences. When a user selects a language, retrieve the relevant content from the collection.

Content Translations Guide: #️⃣

• For more detailed instructions and best practices, explore the Directus Content Translations Guide.

When dealing with content variations across languages, consider the following:

• Use localized fields to store language-specific content (e.g., “title_en” for English title, “title_fr” for French title).
• Implement fallbacks to display default content if a translation is missing.
• Regularly update translations as your content evolves.
• For advanced scenarios, explore custom hooks or middleware.

Learn more from the Directus Content Translations Guide.