Overview of Lander + SiteTran Integration
This guide offers a straightforward, step-by-step approach to making your Lander 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 Lander 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 Lander site, with SiteTran!
Prerequisites:
A Lander website that you want to translate.
A SiteTran site that you will integrate with Lander. 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 Lander 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 Lander
Initial Login and Navigation
In a new tab, log in to your Lander website.
Selecting and Editing Your Landing Page
After logging in to your Lander account, select the landing page you want to translate. Then, click on the "Edit" button to start customizing your page.
Accessing Landing Page Customization
After clicking "Edit" on the previous step, choose the "Edit your Landing Page" option to access the customization tools.
Adding SiteTran Widget Code to the Head Section
On the editor page, locate the Head section in the right panel or window. Paste the SiteTran Widget Code that you copied earlier into the designated box.
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.
After pasting the code, click on Save in the upper left corner, then select Finish in the upper right corner to ensure all changes are saved...
Finalizing Your Integration and Viewing Your Updated Site
After selecting "Finish", you will return to the previous page. If prompted, choose to Republish your site. Once republished, a bubble may appear with the message "See it Live!". Click this bubble to preview your site, or you can directly visit your site link to view the changes.
Verifying & Translating
Testing the Integration
You can now view your site with the fully functional SiteTran widget integrated. Ensure that everything appears as intended by navigating to your site and confirming the widget's placement and functionality.
Congratulations! You have successfully integrated SiteTran with your Lander site.
Guide to Translating
Translating is easy. Read our quick guide on translating for newcomers.
