# Drupal Translation Integration | Vitra.ai

> Make Drupal websites multilingual with Vitra by automatically translating pages, modules, and site content while keeping structure, SEO, and layouts intact.

**Canonical URL**: https://www.vitra.ai/integration/drupal
**Source**: This is the Markdown rendering of https://www.vitra.ai/integration/drupal, generated at build time from that page.

---

![](https://www.vitra.ai/icons/integrations/drupal.svg)

Vitra integration

# Drupal Translation

Make Drupal websites multilingual with Vitra by automatically translating pages, modules, and site content while keeping structure, SEO, and layouts intact.

[Connect Drupal Translation↗](https://universe.vitra.ai)

[←All integrations](https://www.vitra.ai/integrations)

Drupal Translation

Browse ▾

[←All integrations](https://www.vitra.ai/integrations)

## Add Universe Website Translation to Drupal in Minutes

Running your website on Drupal?

You don’t need custom development or theme edits to make your Drupal site multilingual.

Using Drupal’s module system, you can safely inject the Universe Website Translation script in just a few steps.

Lets walk through it.

![Drupal Translation overview](https://www.vitra.ai/static/images/integration/drupal/1.png)

## Login to Your Drupal Admin Dashboard

- ✓To begin:
- ✓Open your browser
- ✓Visit: yourwebsite.com/user/login
- ✓Enter your admin credentials
- ✓Click Log-in
- ✓Once logged in, you’ll access the Drupal administrative dashboard.

Workflow

## How it works

01

### Click on “Extend” and Search for Asset Injector

- From the top admin toolbar, click Manage
- Select Extend
- In the search bar, type: Asset Injector
- Confirm that the module is enabled

This ensures the module is active and ready for configuration

![Click on “Extend” and Search for Asset Injector](https://www.vitra.ai/static/images/integration/drupal/2.png)

02

### Expand Asset Injector and Click “Configure”

- Click the small dropdown arrow (if collapsed)
- Click Configure

This will redirect you to the Asset Injector configuration panel. This section allows you to inject JavaScript or CSS safely into your Drupal website without editing theme files.

![Expand Asset Injector and Click “Configure”](https://www.vitra.ai/static/images/integration/drupal/3.png)

03

### Click on “JS Injector”

Select JS Injector

- Inside the Asset Injector configuration screen:
- This section is specifically used for injecting JavaScript globally across your Drupal website. Since Universe Website Translation runs via JavaScript, this is the correct option.

![Click on “JS Injector”](https://www.vitra.ai/static/images/integration/drupal/4.png)

04

### Click “Add JS Injector”

- Click the Add JS Injector button
- A new configuration form will appear

This is where you’ll create a global script entry.

![Click “Add JS Injector”](https://www.vitra.ai/static/images/integration/drupal/5.png)

05

### Paste the Vitra Snippet

- This is where you’ll create a global script entry.
- In the Label field, enter:
- Paste your Universe Website Translation (Vitra) snippet
- Ensure the script is complete and not truncated

![Paste the Vitra Snippet](https://www.vitra.ai/static/images/integration/drupal/6.png)

06

### Set Conditions (Recommended Configuration)

- Set the injector to load on All Pages
- Do not restrict by content type
- Leave role-based visibility unrestricted (unless needed)

- This ensures the translator works across:
- Nodes
- Views
- Landing pages
- Blog posts
- Menus
- Footer
- Drupal Commerce pages

For full site coverage:

![Set Conditions (Recommended Configuration)](https://www.vitra.ai/static/images/integration/drupal/7.png)

07

### Click “Save”

- Once everything is configured:
- Click Save
- Clear Drupal cache (recommended)
- Refresh your website

![Click “Save”](https://www.vitra.ai/static/images/integration/drupal/8.png)

## 🚀 What Happens After Saving?

- ✓The script loads globally
- ✓All page content becomes translatable
- ✓Dynamic content is detected
- ✓Layout remains intact
- ✓No theme edits were required
- ✓No content duplication occurs

## 🔁 Safe & Reversible

- →If you need to disable it:
- →Go back to JS Injector
- →Edit or disable the injector
- →Save changes
- →No core files are modified.
- →No database changes occur.

Next step

## Universe Website Translation is now active across your entire Drupal site.

Universe Website Translation is now active across your entire Drupal site.

[Connect now ↗](https://universe.vitra.ai)

## Where to go next

Drupal Translation is one way into Vitra.ai. Website translation is the capability doing the work behind it.

[CapabilityWebsite translation](https://www.vitra.ai/features/website-translation)[Read nextTranslate a Drupal Site Without Fighting Core](https://www.vitra.ai/general/how-to-translate-a-drupal-site)[Read nextTesting a localized site before launch](https://www.vitra.ai/general/localized-website-testing)

Browse every connector on the [integrations directory](https://www.vitra.ai/integrations).

---

## Structured data

```json
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Drupal Translation integration",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Web",
  "url": "https://www.vitra.ai/integration/drupal",
  "description": "Make Drupal websites multilingual with Vitra by automatically translating pages, modules, and site content while keeping structure, SEO, and layouts intact.",
  "featureList": [
    "Make Drupal websites multilingual with Vitra by automatically translating pages, modules, and site content while keeping structure, SEO, and layouts intact.",
    "Make Drupal websites multilingual with Vitra by automatically translating pages, modules, and site content while keeping structure, SEO, and layouts intact."
  ],
  "isPartOf": {
    "@type": "SoftwareApplication",
    "name": "Vitra Universe",
    "url": "https://www.vitra.ai"
  },
  "publisher": {
    "@id": "https://www.vitra.ai/#organization"
  }
}
```

```json
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.vitra.ai"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Integrations",
      "item": "https://www.vitra.ai/integrations"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Drupal Translation integration",
      "item": "https://www.vitra.ai/integration/drupal"
    }
  ]
}
```