Rendez votre site Pixpa multilingue avec Weglot

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

Aucune complexité : connectez votre site web Pixpa à votre compte Weglot pour obtenir 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.

Touchez de nouveaux publics : profitez du référencement multilingue grâce aux sous-domaines ou sous-répertoires linguistiques, à l’implémentation de la balise hreflang et aux métadonnées traduites pour optimiser le classement de 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 !

Votre site web a été traduit avec succès grâce à Weglot. Rendez-vous sur votre site ; vous y trouverez un sélecteur de langue en bas à droite (son affichage peut prendre quelques minutes).

Connectez-vous à votre compte Weglot puis accédez à « Traductions » pour retrouver toutes vos traductions et les modifier.

---

Traduire les éléments de site dynamiques

Il est possible que Weglot ne traduise pas par défaut le contenu dynamique (par exemple, les sections d'éléments de liste, les titres, etc.). Pour résoudre ce problème, accédez à votre compte Weglot, puis aux 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 relatifs au sélecteur de langue de Weglot (1) se trouvent dans votre tableau de bord Weglot > Paramètres > Sélecteur de langue . Voici à quoi ils ressemblent :

---

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

Par exemple, la position par défaut du sélecteur Weglot est en bas à droite. Pour la déplacer à gauche, ajoutez le code CSS suivant à votre compte Weglot.

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

Cliquez ici pour voir quelques options de personnalisation supplémentaires du sélecteur par défaut.

---

Sélecteur de langue Pixpa

Utilise les propriétés de style du site web Pixpa. Le sélecteur fera partie du menu principal du site web.

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

---

Ajouter des exclusions de traduction

Weglot peut traduire par défaut le menu déroulant de sélection de la langue. Pour empêcher cela, accédez à votre compte Weglot, puis à la section « Exclusion des traductions ».

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