Integration Guides Drupal
Integrate Drupal with SiteTran
Integrate Drupal with SiteTran
Last updated: 2 months ago
3 minute read
Yuliia Kovalchuk
Writer at SiteTran


Overview of Drupal SiteTran Integration

This guide offers a straightforward, step-by-step approach to make your Drupal website multilingual in just a few minutes. Anyone can follow along successfully, no technical background needed.

Expanding your online business's reach to a global audience has never been easier for Drupal users thanks to SiteTran. Whether you're looking to attract new customers from different backgrounds or enhance the user experience for your current international clientele, this guide will walk you through the entire process.

Let's dive into the world of website translation and unlock new possibilities for your Drupal site, with SiteTran!


A Drupal website that you want to translate.

A SiteTran account that you will integrate with your Drupal site. If you haven’t already, sign up for SiteTran, and add a new site.

Time needed:

Estimated time needed: 3 minutes.

Let’s get started.

Get your Widget Code

First retrieve your widget code from SiteTran. If you haven’t already signed up for SiteTran, it only takes 30 seconds. After creating your account, create a site in SiteTran, and then proceed to get your widget code, which is what generates the language dropdown on your Shift4Shop site.

In SiteTran go to the "Widget" page.

To get your site’s SiteTran Widget Code, go to your site’s "Widget" page from the menu on top.

Screen to find your SiteTran Widget Code

Copy the Widget Code

Click the "Copy" button to copy your widget code (includes your styles). You will use this in a bit.

Button to copy out your SiteTran Widget Code

Integrating with Drupal

Initial Login and Navigation

In a new tab, log in to your Drupal website

Access Drupal Admin Dashboard

In the admin dashboard, locate and click on "Structure".

Drupal Interface highlighting Structure

Navigate to Block Layout

Within the Structure page, find and click on "Block layout".

Screenshot of Drupal to Access Block Layout

Add New Block

On the Block Layout page, locate the "header" section.

Beside the "header," click on "Place block."

Screenshot of Drupal highlighting  Place block

Add Content Block

A popup window will appear. Click on "+ Add Content Block."

Drupal Admin popup window add content block highlighted

Edit Content Block

On the Content Block editor page:

  1. Fill in the "Block Description" field with your desired description.
  2. In the "Body" field, paste your HTML SiteTran Code.
  3. Click the "Text Format" dropdown to reveal options.
  4. Select "Full HTML".
Drupal site Content block interface view of editor

Save and Configure

After configuring the content block, click "Save and Configure" at the bottom left of the page.

Drupal block content editor SiteTran integration widget code location

Configure Block Settings

On the "Configure block" page:

  1. Click the dropdown labeled "Region" to reveal options.
  2. Select "Header" from the dropdown.
  3. Click the "Save block" button to save the changes.
Drupal select placement of content block

Verify Block Placement

On the next page you should see the content block you just created under the "Header" section.

Block layout page, custom content block highlighted

Verifying & Translating

Testing the Integration.

Visit your Drupal site, and locate the SiteTran Widget. Choose your new language from the dropdown, and SiteTran will begin discovering your phrases.

SiteTran Widget on Drupal website

Congratulations! You have successfully integrated SiteTran with your Drupal store.

Guide to Translating

Translating is easy. Read our quick guide on translating for newcomers.

Couldn't find what you were looking for?

In this article

Website Translation Made Easy