ドキュメント

BigCommerce Setup Guide

weglot bigcommerce setup logo BigCommerce Setup Guide

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

はじめに

Weglotを統合するには、次の2つの方法があります。

  • Javascript integration: Quick and easy integration method. All you have to do is copy and paste a Javascript code snippet into the appropriate spot on your BigCommerce store. It takes 5 minutes to install and doesn’t require any prior coding knowledge.
  • Subdomain integration: Ideal for SEO optimization, as it will allow you to create dedicated subdomains for each of your target languages. Your translated pages will be assigned their own subdomains, like (fr.mysite.com). This takes up to about 15 minutes to install, and requires you to add entries to your DNS records (this is the technical part, but we can always provide help if you need it!).

Javascript integration

1) CREATE A WEGLOT ACCOUNT

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

bigcommerce-translate

2) CHOOSE YOUR INTEGRATION METHOD

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

bigcommerce-javascript-select

3) CHOOSE LANGUAGES

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

In the example below, the website’s original language was English, and it will be translated into French.

「Next」をクリックします。

bigcommerce-java-languages

4) COPY THE CODE

You will see the JavaScript code snippet you need to copy.

javacode-bigcommerce

5) PASTE THE CODE

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

Enter whatever name and description you want. Then, fill out the given fields as follows:

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

Finally, click “Save”.

weglot bigcommerce setup 3

6) YOU’RE FINISHED!

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

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

weglot bigcommerce setup example

7) OPTIONAL – EDIT YOUR TRANSLATIONS

You will find all your translations in your Weglot account, under “Translations”.

There, you can view and even manually modify all your translations.

edit-translation-bigcommerce

サブドメインによる統合

PREREQUISITE

This integration method requires accessing the DNS records of your website domain, so you will need to have purchased your own domain name already. If you haven’t yet bought a domain name, don’t choose this integration method. 

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 your Weglot account here.

bigcommerce-translate

2) CHOOSE LANGUAGES

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

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

In the example below, the website’s original language is English, and it will be translated into French.

「Next」をクリックします。

bigcommerce-translate-site

3) ENTER YOUR DNS RECORDS

Enter the DNS records that are shown to you in your DNS Record Zone. Depending on where you bought the domain, these records will be accessible to you at one of two possible locations.

  • If you bought your domain name directly via BigCommerce, you’ll find your DNS records in Server Settings > Email & DNS Records.
  • If you bought your domain name from an external provider (these include sites like GoDaddy, 1&1, Gandhi, etc.), your DNS records will be located in your dashboard on this provider’s website.

If you need any help finding or updating your DNS records, you can send us an email at support@weglot.com. Just provide us with your BigCommerce admin access codes, and we will do the whole thing for you!

dns-unchecked-bigcommerce

4) VALIDATE DNS

After you enter the DNS, click “Check DNS.” After a few minutes, you should see a green check mark appear at the right of the page. If this doesn’t show up, it means you haven’t entered the DNS records properly, and you’ll have to try again. 

Once all your DNS entries are accompanied by this green check mark, click “Next”

dns-checked-bigcommerce

5) COPY/PASTE THE JAVASCRIPT SNIPPET

Now your subdomains are being set up, which can take several minutes. In the meantime, you will need to add the Weglot Javascript library to your website’s code. Copy the Javascript code snippet that is shown to you on your Weglot account (it should look like the one in the screenshot below).

jscode-bigcommerce

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

Enter whatever name and the description you want, and fill up the remaining fields as follows:

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

Finally, click “Save”.

weglot bigcommerce setup 3

6) FINISHED!

It’s all done. Now go on your website and refresh the page; you should see the language-switcher button appear on the bottom right. 

weglot bigcommerce setup example

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

7) OPTIONAL – EDIT YOUR TRANSLATIONS

You will find all your translations in your Weglot account, under “Translations”.

There, you can modify all your translations

edit-translation-bigcommerce
お気軽にご連絡ください
ご質問はありませんか? support@weglot.com までお気軽にお問い合わせください。お待ちしております。
Cookies settings
We use cookies to collect and analyze information on site performance and usage, to provide social media features and to enhance and customize content and advertisements. Learn more with our Privacy policy
Necessary cookies

Some cookies are required to provide core functionality. The website won’t function properly without these cookies and they are enabled by default and cannot be disabled.

Non-necessary Cookie Settings

Any cookies that may not be particularly necessary for the website to function and is used specifically to remember preferences or to help us improve our website by collecting and reporting information on its usage.

We use cookies to collect and analyse information on site performance and usage, to provide social media features and to enhance and customize content and advertisements. Learn more with our Privacy policy