Magento - Integration / Setup

Let’s translate your Magento eCommerce website

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

Step 1: Create your Weglot account

This is where you’ll manage all your translations in one place. Create your account here.

2. Create your project (~ 1 minute)

Once you have created your account, you have to create your project. You must give it a name, and select the technology of your website, which is "Magento":

3. Enter the languages you want (~ 1 minute)

In this step, you need the languages you want. 

The original language is the language of your original website and the translated language(s) are the languages you want to translate your website into.

4. Enter the website details

**DO NOT ADD YOUR TEMPORARY domain name ending with .webflow.io.

NOTE: If you have not yet purchased your own domain name, click on “Connect Weglot to your website without it” if you’re still in the testing stage of your site. You can add your domain name later.

Click on the “Next” button to go to the following step.

4. Configure the subdomains in the DNS records (~ 5 minutes)

This is the step where you configure your DNS to create and connect the subdomains.

On your Weglot account setup, you’ll see the following DNS entries to add (Note: this example is for setting up English):

For the purposes of this example, we’re using Google Domains as our domain name provider – most other host providers will look similar to this one. But, please contact us at support@weglot.com if you need help with this step.

Now, go to your domain name provider account and to the section or page where you can manage the DNS (for instance, in Google Domains, it’s located under a tab on the left-side menu bar called DNS).

At this stage, you should be able to create new entries in the DNS section on your screen (in our example it’s in the section “Custom resource records”). Select CNAME as the type of entry.

Enter “ en” (for those adding English) under the “Name” section and the value provided by Weglot under the "Data" section.

Click on the “Next” button to go to the following step.

Step 3: Configure DNS

This is the step where you configure your DNS to create and connect the subdomains. The subdomains will display the translations of your Magento store once configured. In our example, we purchased a domain name on Namecheap, but it’s also working if you’re using another Domain name provider.

You’ll see the following DNS entries to add:

Then, go to your Domain provider account and find where you can manage the DNS (in Namecheap, there is a “Manage” button on each domain that leads to it).

At this stage, you should be able to create new entries. Select CNAME as the type of entry.

If you have doubts about how you should do it or where it is, we can help you. Just email us at support@weglot.com.

Once you have added and saved the entries, go back to the Weglot page. You can click on “Check DNS” and a green icon should appear, it means everything has been successfully set up. It can take some minutes to be ready.

Then, just click on “Next”.

Step 4: Add the Weglot JavaScript snippet

This is the final step, we will add a small JavaScript code to your Magento store to make Weglot work even better.

In your Magento admin, go to Content > Design > Configuration

Select your main store view and click “Edit”.

Go to HTML Head and paste the JavaScript snippet in “Scripts and Style Sheets” field > click save.

It’s done! 

You should now see the language switcher button on your Magento eCommerce store and see your newly translated site! 

Tip: Don’t forget to Flush your Magento cache and any other cache system you might have if it’s not appearing.

You can now review and manually edit your translations in your Weglot account. Go to your Weglot dashboard to edit your translations, invite team members to your project, or order human translations.