Rendez votre site Pixpa multilingue avec Weglot

L'intégration de Pixpa avec Weglot vous fournit tout ce dont vous avez besoin pour traduire, afficher et gérer votre site Web multilingue, avec un contrôle d'édition total.

Pas de complexité : Connectez votre site Web Pixpa à votre compte Weglot pour un site Web entièrement traduit et affiché en quelques minutes.

Traduction automatique : Weglot analyse et détecte automatiquement le texte, les images et les métadonnées SEO de votre site Pixpa et traduit en continu tout nouveau contenu ou page au fur et à mesure.

Atteignez de nouveaux publics : Bénéficiez d'un référencement multilingue avec des sous-domaines ou sous-répertoires linguistiques, la mise en œuvre de balises hreflang et des métadonnées traduites pour classer vos pages traduites sur les moteurs de recherche.

---

Dans cet article :  

• Configurez le compte Weglot et copiez le code Weglot JS
• Intégrer le code JS à Pixpa Studio
• Traduire les éléments de site dynamiques
• Sélecteur de langue Weglot par défaut
• Sélecteur de langue Pixpa
• Ajouter des exclusions de traduction
• Utilisation de sous-domaines pour les sites Web en langues

---

Pour copier l'extrait de code Weglot, suivez ces étapes :

• S'inscrire pour le compte Weglot.
• Vous devez recevoir un email de validation dans le compte avec lequel vous vous êtes inscrit. Après avoir validé votre email, vous arriverez sur la page de configuration de Weglot.
• Créer un nouveau projet et sélectionnez "Autre" comme "Technologie de site Web".
• À l'étape suivante, faites défiler jusqu'à la case et cliquez sur "Utiliser l'intégration Javascript", comme indiqué ci-dessous.

• Vous serez ensuite invité à saisir la langue d'origine de votre site Web Pixpa et la ou les nouvelles langues dans lesquelles vous souhaitez traduire et afficher votre site.

• À l'étape suivante, copiez le code affiché sur votre écran et collez-le dans Pixpa Studio. C'est ça.

---

Intégrez le code JS copié dans Pixpa Studio

• Allez dans  Paramètres (1) et cliquez sur Langue et étiquettes (2) dans la barre latérale gauche.
• Activez la bascule Weglot (3) et collez le copié Code JS Weglot (4).
• Cliquez sur le Enregistrer bouton. C'est ça.

---

Votre site Pixpa est maintenant traduit !

Vous avez maintenant traduit avec succès votre site Web à l'aide de Weglot. Allez sur votre site Web et vous verrez un sélecteur de langue en bas à droite de votre site (il peut mettre quelques minutes à apparaître).

Connectez-vous à votre compte Weglot puis allez sur " Traductions» pour retrouver toutes vos traductions et les éditer.

---

Traduire les éléments de site dynamiques

Weglot peut ne pas traduire le contenu dynamique (c'est-à-dire les sections d'éléments de liste, les sections de titre, etc.) par défaut. Pour résoudre ce problème, accédez à votre compte Weglot, puis accédez à Paramètres de l'application.

• Cliquez sur le bouton Ajouter dynamique
• Comme indiqué ci-dessous, copiez et collez le sélecteur CSS et appuyez sur Enregistrer. DN'oubliez pas le préfixe point.

.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc

• C'est ça. Rechargez votre site Pixpa maintenant.
• Les changements devraient être visibles 30 secondes plus tard, n'hésitez pas à Hard-Refresh* la page de votre site web et revenez dans une fenêtre incognito si vous ne remarquez pas les changements.

*Hard-Refresh :
Mac: cmd shift R (minuscule)
PC: ctrl F5

---

Sélecteur de langue de style

Vous pouvez choisir entre le sélecteur de langue Weglot et Pixpa par défaut.

Sélecteur de langue par défaut Weglot

Le sélecteur de langue fourni par Weglot est une petite boîte située dans le coin inférieur droit du site. Voici à quoi cela ressemble :

---

Les paramètres de base liés au sélecteur de Weglot (1) se trouvent dans votre tableau de bord Weglot > Paramètres > Switcher de langue. Voici à quoi ils ressemblent :

---

Vous pouvez également ajouter quelques CSS personnalisé (2) ici pour personnaliser la conception du mélangeur ou modifier la position par défaut sur le site Web.

par exemple, la position par défaut du commutateur Weglot est en bas à droite. Pour changer le place à gauche, ajoutez le code CSS suivant dans votre compte Weglot.  

.wg-default, .wg-default .country-selector  {
    left: 40px!important;
    right: auto!important;
}

Cliquez ici pour voir quelques personnalisations supplémentaires du sélecteur par défaut.

---

Sélecteur de langue Pixpa

Utilise les propriétés de style du site Web Pixpa. Switcher fera partie de menu principal du site Web.

Cliquez ici pour voir en action – light.pixpa.com

---

Ajouter des exclusions de traduction

Weglot peut traduire la liste déroulante du sélecteur de langue par défaut. Pour restreindre la même chose, accédez à votre compte Weglot, puis accédez à Exclusion de traduction

• Cliquez sur Ajouter une règle sous la section de bloc exclu
• Comme indiqué ci-dessous, copiez et collez le sélecteur CSS et appuyez sur Enregistrer. DN'oubliez pas le préfixe point.

.changeur de langue pixpa

---

Utilisation de sous-domaines pour les sites Web en langues

Avec Weglot, vous pouvez configurer des sous-domaines pour chaque version linguistique de votre site web. Par exemple :

• fr.votresiteweb.com pour l'anglais
• fr.votresiteweb.com pour le français
• es.votresiteweb.com pour l'espagnol

Cette approche est optimisée pour le référencement et permet aux moteurs de recherche d’indexer chaque version linguistique séparément.

Étapes pour configurer la traduction de sous-domaines dans Weglot

• Connectez-vous à votre compte Weglot – Allez sur weglot.com et vous identifier. Si vous n'avez pas de compte, vous pouvez créer un.
• Créez un nouveau projet pour votre site Web Pixpa -
  • Spécifiez un Nom Du Projet et sélectionnez Autres en tant que technologie de site Web
  • Cliquez à nouveau sur Suivant .

• Choisissez votre site Web Langue originale et la langues que vous souhaitez ajouter (Langues traduites) et cliquez Suivant.

• Ajoutez les détails de votre site Web
  1. URL du domaine – Saisissez le nom de domaine de votre site web dans le champ prévu à cet effet. Assurez-vous qu'il est vérifié.
  2. Destination de publication - Sélectionnez Connecter mon site Web en direct option.
  3. Type d'URL - Sélectionnez Sous-domaines option dans la liste déroulante.
  4. Suivant - Cliquez sur le Suivant bouton pour passer aux étapes de configuration du sous-domaine.

5. Configurer le DNS manuellement – Sélectionnez l’option permettant de configurer manuellement vos enregistrements DNS.
6. Copier les enregistrements DNS – Copiez les détails de l'enregistrement CNAME fournis (nom, type et valeur) et ajoutez-les aux paramètres DNS de votre domaine via votre registraire de domaine.
7. Vérifiez DNS – Une fois l’enregistrement DNS ajouté, attendez quelques minutes la propagation puis cliquez sur Vérifier le DNS pour vérifier la connexion.

8. Ajouter un script Weglot à Pixpa – Copiez l’extrait d’intégration JavaScript fourni par Weglot et collez-le dans le Code JS Weglot champ situé sous le Langue et étiquettes section dans votre Pixpa Studio.

9. Testez vos sous-domaines multilingues – Visitez chaque sous-domaine (par exemple, fr.votresiteweb.com) pour vérifier que votre site affiche la bonne version traduite. Le sélecteur de langue Weglot permettra également aux visiteurs de basculer entre les langues.