Step by step guide to make BigCommerce multilingual

This is a step by step guide to integrate Weglot to your BigCommerce website and make it multilingual.

Introduction

You can integrate Weglot in 2 different ways :

  • Javascript integration: Quick and easy, you will simply copy paste a Javascript code in BigCommerce. It takes 5 minutes to install and doesn’t require any knowledge.
  • Subdomains integration: Your translated pages will be on subdomains like (fr.mysite.com). It can take 15 minutes to install and requires you to add a DNS record entry (but we provide help if you need!) This integration is better for SEO as you have subdomains for languages.

Javascript integration

STEP 1: CREATE A WEGLOT ACCOUNT

This is where you will get all translations and where you will be able to manage the translations. Simply create the Weglot account here

Create a Weglot account

STEP 2: CHOOSE INTEGRATION

After you validate the email, you will arrive on the setup page of Weglot. Scroll down to the part “Other possible integrations” and you click “Use Javascript integration”

STEP 3: CHOOSE LANGUAGES

Select the original language of your website (the language in which your website is originally) and the languages you want to translate into. 

In my example, my website is English and I choose to translate in French.
Click “Next”.

STEP 4: COPY THE CODE

You will see the code snippet you need to copy.

STEP 5: PASTE THE CODE

In your BigCommerce admin, go in Storefront > Script Manager and click “Create Script”. 

Enter the name and the description as you want. And fill up as following:

  • “Location on Page” : Head
  • “Select pages where script will be added” : All pages
  • “Script type” : Script
  • Script Content : Here, you paste the code from your Weglot account

Finally, click “Save”.

STEP 6: FINISH!

It’s done. Now go on your website and refresh the page, you will see the language button appear on the bottom right. 

Try changing language, you should see the automatic translations on your website!

STEP 7: (OPTIONAL) EDIT YOUR TRANSLATIONS

You will find all your translations in your Weglot account, under “Translations”.
There, you can modify all your translations

Subdomains integration

PREREQUISITE

To use this integration, you will need to have your own domain name already. If you haven’t bought your domain already, don’t choose this integration. Indeed, you will need to create subdomains so you need to access the DNS records area of your domain name.

STEP 1: CREATE A WEGLOT ACCOUNT

This is where you will get all translations and where you will be able to manage the translations. Simply create the Weglot account here

Create a Weglot account

STEP 2: CHOOSE LANGUAGES

After you validate the email, you will arrive on the setup page of Weglot. Enter your website URL (You must enter your own domain name, like mywebsite.com)

Then, select the original language of your website (the language in which your website is originally) and the languages you want to translate into. 

In my example, my website is english and I choose to translate in French.
Click “Next”.

STEP 3: ENTER YOUR DNS RECORDS

Enter the DNS records that are shown to you in your DNS Record Zone. Depending where you bought the domain, it can be at several place

  • If you bought the domain in BigCommerce: It’s in Server Settings > Email & DNS Records
  • If you bought your domain on a external provider like GoDaddy, 1&1, Gandhi,… : In this cas, it’s directly in this external provider account

If you need any help for this, you can send us an email to support@weglot.com with the BigCommerce admin access and we will do it for you!

STEP 4: VALIDATE DNS

After you enter the DNS, click “Check DNS” and after a few minutes, it should become green. If it doesn’t, it means you haven’t enter the DNS records properly. Once all DNS are green, click “Next”

STEP 5: COPY/PASTE THE JAVASCRIPT SNIPPET

Now your subdomains are being setup, it can take several minutes. You will need to add the Javascript library. Copy Javascript code that is shown to you:

In your BigCommerce admin, go in Storefront > Script Manager and click “Create Script”. 

Enter the name and the description as you want. And fill up as following:

  • “Location on Page” : Head
  • “Select pages where script will be added” : All pages
  • “Script type” : Script
  • Script Content : Here, you paste the code from your Weglot account

Finally, click “Save”.

STEP 6: FINISH!

It’s done. Now go on your website and refresh the page, you will see the language button appear on the bottom right. 

Try changing language, you should see the automatic translations on your website!

STEP 7: (OPTIONAL) EDIT YOUR TRANSLATIONS

You will find all your translations in your Weglot account, under “Translations”.
There, you can modify all your translations

Make your multilingual BigCommerce store