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.

squarespace-signup

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”

squarespace-javascript

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”.

squarespace-select-languages

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.

add-javascript-squarespace
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. Use the javaScript method above.

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.

squarespace-signup

2) Add your new languages

You’ll then be prompted to enter your website URL, the original language of your Squarespace site + the new language(s) you want to translate and display your site into.

squarespace-languages

Click ‘Next’ and the below will be generated (your DNS records). This will be different depending on the languages you choose, the example below shows French. You will need this in the next step!

3) Setup language-specific subdomains

Here you’ll create and connect your language specific subdomains e.g. fr.mysite.com (example for French) which is where your translated content will appear. 

This requires you to copy and paste your DNS records from step 2. 

Go to your Squarespace dashboard > ‘Settings’ > ‘Domains’.

Or, if you purchased your domain name outside of Squarespace you will need to go to your domain name provider account and add your entries there (need help? Contact support@weglot.com)

Your domain name will appear under ‘Managed by Squarespace’. Click on it, and then ‘Advanced settings’. To add another entry select the drop down where the ‘A’ appears and choose CNAME.

Then copy your DNS records from the step before. E.g. the language code of the language you’ve added to your site in the first column and ‘websites.weglot.com’ in the IP address section, then click ‘ADD’. The example screenshot shows both German and French.

Weglot Setup guide 4 Squarespace

Now go back to your Weglot account, click “Check DNS” and you should see a green tick icon; this means it worked! Click on “Next”.

4) Add your language switcher

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

The last step to making your website multilingual is to add a language-switcher to the front-end of your Squarespace website. You’ll find your Javascript code in your Weglot Dashboard under ‘Project settings.’

add-java-code-squarespace

Copy and paste this into your Squarespace dashboard, under ‘Settings’ > ‘Advanced’ > ‘Code Injection’ and ‘Header’. If you already have something in this field, just paste the Weglot code after it.

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
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