Overview of Statuspage + SiteTran Integration

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

Prerequisites:

A Statuspage website that you want to translate.

A SiteTran site that you will integrate with Statuspage. If you haven’t already, sign up for SiteTran and create a (free) SiteTran 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 new site in SiteTran to get your widget code, which will generate the language dropdown on your Statuspage site.

Copy the Widget Code

Click the "Copy" button to get your widget code. You will use this in a bit.

Your Widget Code is available when creating your SiteTran site. If you skipped this step you can also retrieve it from the widget page.

Integrating with Statuspage

Initial Login and Navigation

In a new tab, log in to your Statuspage website.

Accessing the "Your Page" Section

After logging in, navigate to the "Your Page" section located in the left-side menu pane.

Customizing Your Page with HTML

In the same left-side menu pane, select "Customize Page and Emails," then click on Customize HTML & CSS in the upper right section.

Adding the Widget Code to Custom Header HTML

After clicking Customize HTML & CSS, a new tab will open. Paste the SiteTran widget code that you copied earlier, into the "Custom Header HTML" section. 

Your widget code looks like this:

<script>var sitetran = { site_id: your_site_id };</script>
<script src="//c.sitetran.com/widget/v3.js"></script>

If you need help finding your code snippet, check out this article.

Click anywhere on the preview page to trigger an auto-save, and watch for the Updating CSS & HTML... message to confirm.

Verifying & Translating

Testing the Integration

The SiteTran widget should now display as intended in the preview. You can also select the "View Status Page" option to see your site in a new tab.

NOTE: If you’re not on a paid plan, your site will remain on the statuspage.io domain, and custom HTML will not display. To use a custom domain, you must upgrade to a paid plan.

Congratulations! You have successfully integrated SiteTran with your Statuspage site.

Guide to Translating

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