Help Center Getting Started
How Do I Integrate My Website With SiteTran?

How Do I Integrate My Website With SiteTran?

Last updated: 2 months ago
2 minute read
Steven Wise
CEO at SiteTran

ALL ARTICLES

Help Center

How Do I Integrate My Website With SiteTran?

Integration is a one time thing where you add a few lines of code to your site.

The code for your SiteTran Widget looks something like this (make sure to replace 1234 with your own site_id):

<div id="sitetran_translate_element"></div>
<script> var sitetran = { site_id: 1234 }; </script>
<script src="/js/sitetran-widget.js"></script>

Those 3 lines of code produce the language dropdown on your website, and handle the changing of languages.

Where To Find My Widget Code?

During Site Setup:

You can access your Widget Code when creating a new SiteTran site, in the site-setup page.

Site setup widget code

In The Widget Editor:

If you skipped the site-setup, you can also retrieve your Widget Code from your widget page

To locate the SiteTran widget code, go to the Site Manager, select the desired site, and navigate to the Widget tab.

Navigating to the Widget tab in Site Manager to find the SiteTran code

After selecting the Widget tab in the Site Manager, click Edit

Clicking 'Edit' in the Widget tab to customize the SiteTran code

Now, you'll see the SiteTran widget code on the right side of the page. Simply click the "Copy" button to copy the entire code.

SiteTran widget code displayed with 'Copy' button on the right side of the page

You can easily update the styling of your language dropdown in the Widget Preset editor. You can also overwrite changes by adding your own custom CSS.

After integrating, simply open your site in a new window and use the language dropdown to switch between languages. Your website’s content will automatically be sent to SiteTran for translation, and the translations will appear on your site shortly.

We provide integration guides for many popular website builders, but you can add SiteTran anywhere that lets you insert code!

You can find all available integration guides here. If you can't find your integration guide or need help, feel free to contact us.

Couldn't find what you were looking for?

In this article

Website Translation Made Easy