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.
Copy the Widget Code
Click the "Copy" button to copy your widget code (includes your styles). You will use this in a bit.
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".
Selecting the Blog
On the right side of the page, select the blog you want to update.
Accessing the Theme Editor
- Under "Custom theme", toggle "Enable custom theme" to activate customization options.
- Once the custom theme is enabled, click on "Edit Theme".
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.
Add Your SiteTran Widget Code
- 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.
- After modifying the HTML, click "Update Preview" to preview changes in your blog's appearance
- Finally, click on "Save" to apply the changes to your blog.
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.
Congratulations! You have successfully integrated SiteTran with your Tumblr Blog.
Guide to Translating
Translating is easy. Read our quick guide on translating for newcomers.