Integration Guides Tumblr
Integrate Tumblr with SiteTran
Integrate Tumblr with SiteTran
Last updated: a month ago
3 minute read
Yuliia Kovalchuk
Writer at SiteTran

ALL ARTICLES

Overview of Tumblr SiteTran Integration

This guide offers a straightforward, step-by-step approach to making your Tumblr 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 Tumblr 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 Tumblr blog, with SiteTran!

Prerequisites:

A Tumblr blog that you want to translate.

A SiteTran account that you will integrate with your Tumblr 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 Tumblr 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 Tumblr

Initial Login and Navigation

In a new tab, log in to your Tumblr website

Accessing Settings

Navigate to the left-hand side of your blog's dashboard

Click on "Settings".

Screenshot of Tumblr to access settings

Selecting the Blog

On the right side of the page, select the blog you want to update.

Tumblr Interface select your blog

Accessing the Theme Editor

  1. Under "Custom theme", toggle "Enable custom theme" to activate customization options.
  2. Once the custom theme is enabled, click on "Edit Theme".
Tumblr interface edit theme file

Editing HTML

Within the theme editor, locate and click on the "Edit HTML" button.

This opens the source code editor where you can make changes to the HTML code of your theme.

Tumblr interface accessing the theme html file

Add Your SiteTran Widget Code

  1. Within the HTML editor, find the closing </body> tag and paste in the SiteTran Widget Code (that you copied from SiteTran at the start of this guide)  just before it.
  2. After modifying the HTML, click "Update Preview" to preview changes in your blog's appearance
  3. Finally, click on "Save" to apply the changes to your blog.
Tumblr interface SiteTran integration widget code location

Verify & Translate

Testing the Integration

Visit your Tumblr Blog, and locate your newly added SiteTran Widget. Select your new language from the dropdown and SiteTran will begin discovering your phrases.

Tumblr blog example working SiteTran language dropdown

Congratulations! You have successfully integrated SiteTran with your Tumblr Blog.

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