Documentation

Squarespace Setup Guide

squarespace logo Step by step guide to make Squarespace multilingual

This setup guide describes how to translate your Squarespace website with Weglot.

Introduction

You can integrate Weglot in 2 different ways:

Disclaimer: You can only customize your code on a Squarespace Business plan or higher.

  • JavaScript integration:  Quick and easy integration. Simply copy paste a short Javascript code snippet into the appropriate space on your Squarespace admin dashboard. It takes 5 minutes to install and doesn’t require any coding knowledge.
  • Subdomains integration: More in-depth and better for SEO. Your translated pages will each have their own subdomains, such as (fr.mysite.com) for a French-language page. This takes up to about 15 minutes and requires you to add a few entries to your DNS records (and we can provide help with this if you need!). This integration is better for SEO as you have a dedicated URL for each language.

JavaScript integration

1) Create a Weglot account.

This account will be the place where you have all your translations and where you will manage them. Simply create a Weglot account here.

weglot setup guide 1

2) Choose the “JavaScript integration” option.

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

3) Choose languages

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

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

In the example below, the website was originally in English, and will be translated into French.

Click “Next”.

4) Copy / paste the code

Disclaimer: You can only customize your code on a Squarespace Business plan or higher.

Finally, the last step is to add the language-switch button to your website. This is simple: just copy the code shown on the installation screen at this stage, and paste it onto your Squarespace dashboard, under Settings > Advanced > Code Injection and “Header”. If you have already something in this field, it’s ok—just paste the Weglot snippet after.

Weglot Setup guide 6 Squarespace

5) You’re done!

Go to your website, and you should see the language button at the bottom right. It might take a few minutes for it to appear. Try changing the language, and you should see the automatic translations on your website!

Translate your Squarespace site now

Subdomain integration

IMPORTANT REQUIREMENT

To use this integration, you will need to have your own domain name already (mywebsite.com instead of mywebsite.squarespace.com). If you haven’t bought your domain already, don’t use this integration method. You will need to create subdomains so you need to access the DNS records area of your domain name.

1) Create an account on Weglot.

This account will be the place where you can view and manage all your translations. Simply create a Weglot account here.

weglot setup guide 1

2) Enter your domain URL, original and translated languages

After validating your 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, specify the original language of your website (the language in which you created your website) and the languages you want to translate it into.

Click “Next” to go to the next step.

Weglot Setup guide 2 Squarespace

3) Enter your new DNS entries

In this step, you will connect Weglot to your website using your DNS records. You should see this screen appear:

weglot setup guide dns

First, go to your Squarespace admin area, in Settings > Domains.

Now there are 2 options, depending on whether your domain name is managed within Squarespace or via an external domain name provider (such as GoDaddy, Hover, 1&1, Google Domains).

a. Your domain name is managed by Squarespace

If your domain name is managed by Squarespace, it will appear under “Managed by Squarespace”. In that case, click on it, and then click on “Advanced settings”.

If this is the case, you can enter the DNS as prompted by the site, like on the screenshot below. At the end, click “Save” at the top.

Weglot Setup guide 4 Squarespace

b. Your domain name is managed outside Squarespace

If your domain name is managed via a third-party provider (like GoDaddy, 1&1 or Google Domains, …), access the DNS settings on your Domain Name provider and add your entries there. If you are not sure where to find this, we can have a look for you. Just email us at support@weglot.com.

4) Validate the DNS entries

When you added and saved your entries, go back to your Weglot account tab, click “Check DNS”. If everything goes well, you should see green check icons. It means the DNS entries were successfully configured. Then, click on “Next”.

weglot setup guide dns check

5) Copy/Paste the JavaScript snippet

Disclaimer: You can only customize your code on a Squarespace Business plan or higher.

Now that your subdomains are being set up, you may have to wait several minutes. In the meantime, simply copy the JavaScript code snippet shown to you.

Weglot Setup guide JS code

Go to your Squarespace admin area > Settings > Advanced > Code Injection and “Header”. If you have already something in this field, it’s ok—just paste the Weglot snippet after.

Weglot Setup guide 6 Squarespace

6) It’s done!

Go to your website, and you should see the language switcher button at the bottom right. It might take a few minutes to make sure the subdomains are properly setup, and for the language-switch button to appear. 

Try changing the language when the button appears, and you should be able to see all the translated versions of your website!

7) Start editing your translations

You can now review and manually edit your translations in your Weglot account.

Log in to your Weglot account and then go to “Translations” to find all your translations and edit them.

Translate your Squarespace site now

Optional – Put the language button in the menu

The default language button appears at the bottom right of your website. If you want to put it in your menu instead, you can use links.

Go into your Squarespace admin dashboard. From there, go to the Main Navigation section and click on the small “+” icon to add a link into your main navigation menu.

You’ll have the option to type in your own URL. You can format your URLs in the following style: #Weglot-fr for French, #Weglot-es for Spanish, etc… Replace the “fr” or “es” with the appropriate 2-letter language code. All standard language codes can be found here.

Weglot Setup guide 7 Squarespace
Weglot Setup guide 8 Squarespace
Translate your Squarespace website now
Make your Squarespace website multilingual within minutes