Documentation

Guide d'Installation Squarespace

logo Squarespace Guide détaillé pour rendre votre site Squarespace multilingue

Ce guide vous explique comment traduire votre site Squarespace avec Weglot.

Introduction

Vous pouvez intégrer Weglot de 2 façons différentes :

Attention : Vous ne pouvez personnaliser votre code sur Squarespace que si vous disposez d'un forfait du niveau "Business" ou supérieur.

  • Intégration JavaScript : Intégration rapide et facile. Copiez simplement collez un court extrait de code Javascript dans l'espace approprié de votre espace d'administration Squarespace. L'installation prend 5 minutes et ne nécessite aucune connaissance en code.
  • Intégration via sous-domaines : Plus approfondi et meilleur pour le SEO de votre site. Vos pages traduites seront associées à des sous-domaines comme (fr.mysite.com). L'installation peut prendre 15 minutes et nécessite l'ajout d'entrées DNS (nous pouvons vous aider si besoin !). Cette intégration est meilleure pour le référencement car vous aurez une URL dédiée pour chaque langue.

Intégration JavaScript

1) Créez un compte sur Weglot

Ce compte sera l’endroit où vous avez toutes vos traductions et où vous pouvez les gérer. Il suffit de créer un compte Weglot ici.

weglot setup guide 1

2) Choisissez l'option "Intégration JavaScript".

Après avoir validé votre email, vous arriverez sur la page de configuration de Weglot. Faites défiler vers le bas jusqu'à la partie "Other possible integrations" et cliquez sur "Use Javascript integration".

3) Choisir les langues

Indiquez la langue d'origine de votre site Web (la langue dans laquelle votre site Web a été créé à l'origine) et les langues dans lesquelles vous voulez le traduire. 

Indiquez la langue d'origine de votre site (la langue dans laquelle vous l'avez créé) et les langues dans lesquelles vous souhaitez le traduire. 

Dans l'exemple ci-dessous, le site est à l'origine en anglais et je choisis de le traduire en français.

Cliquez sur "Next".

4) Copier / coller le code

Attention : Vous ne pouvez personnaliser votre code sur Squarespace que si vous disposez d'un forfait du niveau "Business" ou supérieur.

Enfin, la dernière étape consiste à ajouter le sélecteur de langue à votre site. C'est simple : il suffit de copier le code affiché sur à cette étape, et de le coller dans votre admin Squarespace, sous Settings > Advanced > Code Injection > "Header". Si vous avez déjà quelque chose dans ce champ, il suffit de coller l'extrait de code Weglot en dessous.

Weglot Guide d'installation 6 Espace carré

5) C'est fini !

Allez sur votre site Web, et vous devriez voir le sélecteur de langue en bas à droite. Cela peut prendre quelques minutes pour le voir apparaître. Essayez de changer la langue, vous devriez voir la version traduite de votre site web !

Traduisez votre site Squarespace maintenant

Intégration via sous-domaines

IMPORTANT

Pour utiliser cette intégration, vous aurez besoin d'avoir déjà votre propre nom de domaine (mywebsite.com au lieu de mywebsite.squarespace.com). Si vous n'avez pas encore acheté votre domaine, n'utilisez pas cette intégration. Vous devrez en effet avoir accès au DNS de votre nom de domaine.

1) Créer un compte sur Weglot.

Ce compte sera l’endroit où vous avez toutes vos traductions et où vous pouvez les gérer. Il suffit de créer un compte Weglot ici.

weglot setup guide 1

2) Entrez l'URL de votre domaine, la langue d'origine et les langues désirées

Après avoir validé votre email, vous arriverez sur la page de configuration de Weglot. Entrez l'URL de votre site web (Vous devez entrer votre propre nom de domaine, comme par exemple mywebsite.com)

Ensuite, indiquez la langue d'origine de votre site Web (la langue dans laquelle votre site Web a été créé à l'origine) et les langues dans lesquelles vous voulez le traduire.

Cliquez sur "Next" pour passer à l'étape suivante.

Weglot Guide d'installation 2 Squarespace

3) Ajoutez vos nouvelles entrées DNS

Dans cette étape, vous connecterez Weglot à votre site web en utilisant vos enregistrements DNS. Vous devriez voir apparaître l'écran suivant :

weglot configuration guide dns

Tout d'abord, allez dans votre espace d'administration Squarespace, dans Settings > Domains.

Il y a maintenant 2 options, selon que votre nom de domaine est géré dans Squarespace ou via un fournisseur de nom de domaine externe (comme GoDaddy, Hover, 1&1, Google Domains).

a. Votre nom de domaine est géré par Squarespace

Si votre nom de domaine est géré par Squarespace, il apparaîtra sous "Géré par Squarespace". Dans ce cas, cliquez dessus, puis cliquez sur "Paramètres avancés".

Si c'est le cas, vous pouvez entrer le DNS comme demandé par le site, comme sur la capture d'écran ci-dessous. A la fin, cliquez sur "Enregistrer" en haut.

Weglot Guide d'installation 4 Espace carré

b. Votre nom de domaine est géré en dehors de Squarespace

Si votre nom de domaine est géré par un fournisseur tiers (comme GoDaddy, 1&1 ou Google Domains, ....), accédez aux paramètres DNS de votre compte chez ce fournisseur et ajoutez-y vos entrées. Si vous n'êtes pas sûr de la démarche à suivre, nous pouvons vous aider. Envoyez-nous un email à support@weglot.com.

4) Valider les entrées DNS

Lorsque vous avez ajouté et sauvegardé vos entrées, retournez sur votre compte Weglot, cliquez sur "Check DNS". Si tout se passe bien, vous devriez sitôt voir des icônes vertes. Cela signifie que les entrées DNS ont été configurées avec succès. Cliquez ensuite sur "Next" ("Suivant").

weglot configuration guide dns vérifier

5) Copier/coller l'extrait JavaScript

Attention : Vous ne pouvez personnaliser votre code sur Squarespace que si vous disposez d'un forfait du niveau "Business" ou supérieur.

Maintenant que vos sous-domaines sont en cours d'installation, cela peut prendre plusieurs minutes. En attendant, copiez simplement l'extrait de code JavaScript qui vous est présenté.

Weglot Guide d'installation JS code

Allez dans votre espace admin Squarespace > Settings > Advanced > Code Injection and “Header”. Si vous avez déjà quelque chose dans ce champ, il suffit de coller l'extrait de Weglot après.

Weglot Guide d'installation 6 Espace carré

6) C'est fini !

Allez sur votre site, et vous devriez voir le sélecteur de langue en bas à droite. Cela peut prendre quelques minutes pour s'assurer que les sous-domaines sont correctement configurés, et pour que le sélecteur de langue apparaisse. 

Essayez de changer la langue lorsque le bouton apparaît, et vous devriez être en mesure de voir toutes les versions traduites de votre site Web !

7) Commencez à vérifier vos traductions

Vous pouvez maintenant réviser et modifier manuellement vos traductions dans votre Weglot compte-rendu.

Connectez-vous à votre compte Weglot et allez dans "Translations" pour consulter toutes vos traductions et les éditer.

Traduisez votre site Squarespace maintenant

Facultatif - Mettez le sélecteur de langue dans le menu

Le sélecteur de langue par défaut apparaît en bas et à droite de votre site Web. Si vous souhaitez le déplacer dans votre menu principal, vous pouvez y ajouter des hyperliens.

Allez dans votre espace d'administration Squarespace. Trouvez la section "Navigation principale" et cliquez sur la petite icône "+" pour ajouter un lien dans votre menu de navigation principal.

Vous aurez la possibilité de saisir votre propre URL. Vous pouvez formater vos URL dans le style suivant : #Weglot-fr pour le français, #Weglot-es pour l'espagnol, etc... Remplacez le "fr" ou "es" par le code de langue approprié de 2 lettres. Vous pouvez consulter tous les codes des langues de la norme ISO ici.

Weglot Guide d'installation 7 Squarespace
Weglot Guide d'installation 8 Espace carré
Traduisez votre site Squarespace dès maintenant
Rendez votre site Squarespace multilingue en quelques minutes