FAQ Shopify

Comment installer ShareThis' Tools sur Shopify (avec l'application ShareThis )

Notre application Shopify vous permet d'ajouter rapidement et facilement des boutons de partage ou des boutons de suivi à votre site web en quelques clics. 

  1. Allez sur la  ShareThis Application "Share Buttons dans Shopify et sélectionnez le bouton Ajouter une application.
  2. Installez l'application et sélectionnez l'une des 4 options :
    • Boutons de partage en ligne: Ajoutez des boutons de partage près de votre titre ou de votre produit pour une visibilité idéale 
    • Boutons de partage flottant: Maintenez les boutons de partage ancrés sur le rail gauche ou droit de votre site web afin que les visiteurs puissent partager tout en faisant défiler 
    • Suivez les boutons: Étendez votre présence sur le web à vos principaux canaux réseaux sociaux 
    • Plateforme de gestion du consentement : Gérez facilement les préférences des utilisateurs en matière de consentement et respectez les réglementations européennes en matière de confidentialité, notamment le règlement général sur la protection des données.
  3. Sélectionnez l'outil ShareThis que vous souhaitez utiliser et personnalisez les boutons en sélectionnant votre réseaux sociaux, la taille, la forme, etc.
  4. Interrupteur marche/arrêt pour les outils Shopify Allumez l'interrupteur, puis faites défiler vers le bas et cliquez sur le bouton " Mise à jour" pour enregistrer vos modifications.
  5. Si vous installez des outils en ligne, vous pouvez choisir entre :
    • Ajout d'outils en ligne ShareThis sur une page de produit à l'aide d'un bloc liquide personnalisé
    • Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème
    • Ajout d'outils Inline ShareThis sur une page ou un blog

Remarque : les outils en ligne nécessitent un bout de code supplémentaire pour fonctionner sur votre site. Si vous souhaitez installer nos boutons Boutons de partage en ligne ou Follow, vous devrez ajouter un code de placement en suivant les options ci-dessus à l'endroit où vous souhaitez que l'outil apparaisse

Avant de personnaliser votre thème, il est toujours recommandé de faire une sauvegarde. ces instructions pour dupliquer le thème afin de disposer d'une copie de sauvegarde au cas où vous voudriez revenir sur les modifications.

Ajout d'outils en ligne ShareThis à votre page produit à l'aide d'un bloc liquide personnalisé

Vous pouvez utiliser l'éditeur de thème Shopify pour avoir un guide visuel lors du placement du code des boutons en ligne. Bien que cela ne soit pas limité à la page des produits, vous pouvez suivre ces instructions et la vidéo à la fin pour placer le code sur la description de votre produit.

  1. Accédez au tableau de bord de votre boutique en ligne.
  2. Cliquez sur Thèmes, puis sur le bouton vert intitulé Personnaliser.
  3. Rendez-vous sur la page où vous voulez que les boutons apparaissent en cliquant sur l'aperçu en direct.
  4. Placez votre souris à l'endroit où vous voulez insérer les boutons, un petit bouton bleu apparaîtra avec une étiquette Ajouter une section.
  5. Sélectionnez Liquide personnalisé dans la liste.
  6. Copiez et collez le code de placement correspondant dans la barre latérale gauche qui vient d'apparaître.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :
  7. Cliquez sur Enregistrer dans le coin supérieur droit.

Pour vous faciliter la tâche, voici un aperçu :

Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Thèmes , puis cliquez sur Actions > Modifier le code.
  2. Dans la barre latérale gauche, descendez jusqu'au dossier Sections et sélectionnez main-product.liquid (si vous utilisez un ancien thème, allez dans Templates et localisez le fichier product.liquid ). Ensuite, trouvez le code suivant :
    {{ product.description }}
    Remarque: Vous pouvez utiliser Control + F pour rechercher le mot "description" (veillez à cliquer sur l'intérieur du fichier pour pouvoir rechercher le contenu dans l'éditeur de code), essayez de placer les boutons sur une nouvelle ligne après la ou les sections qui portent ce nom. Une section/élément est délimitée par le caractère "}" à la fin de celle-ci.

  3. Copiez et collez le code de placement correspondant au-dessus ou au-dessous de la description de votre produit.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :

Pour vous faciliter la tâche, voici un aperçu :

Ajout d'outils Inline ShareThis sur une page ou un blog

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Pages. Ensuite, cliquez sur la page sur laquelle vous souhaitez afficher vos boutons. 
  2. Cliquez sur le bouton Afficher HTML <> dans la section Contenu .
  3. Copiez et collez le code de placement approprié ci-dessous à l'endroit où vous souhaitez que l'outil ShareThis apparaisse.
    1. Code de placement de Share Buttons :
    2. Code de placement de Follow Buttons
Comment installer ShareThis' Tools sur plusieurs boutiques Shopify

Vous pouvez gérer plusieurs magasins sur Shopify via l'application ShareThis Plate-forme (by adding their domains), to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site(s), simply follow the steps below:

  1. Connectez-vous ou  S'inscrire sur la plateforme ShareThis .
  2. Dans la barre de navigation de gauche, cliquez sur Paramètres et sélectionnez + Ajouter un nouveau domaine dans la section Domaines.
  3. Dans la fenêtre pop-up, ajoutez l'URL du domaine de votre magasin Shopify et cliquez sur Ajouter un nouveau domaine.
  4. Maintenant que vous avez ajouté votre nouveau domaine, sélectionnez le bouton Activer le code dans le coin supérieur droit et cliquez sur le bouton Copier le code dans la fenêtre qui s'ouvre. 
  5. Connectez-vous à votre site Web Shopify.
  6. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Thèmes, et dans la liste déroulante Actions, cliquez sur Modifier le code.
  7. À partir des différents fichiers et dossiers, allez dans Layout et cliquez sur theme.liquid.
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. Si vous installez des outils en ligne, vous pouvez choisir entre :
    • Ajout d'outils en ligne ShareThis sur une page de produit à l'aide d'un bloc liquide personnalisé
    • Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème
    • Ajout d'outils Inline ShareThis sur une page ou un blog

Remarque : les outils en ligne nécessitent un bout de code supplémentaire pour fonctionner sur votre site. Si vous souhaitez installer nos boutons Boutons de partage en ligne ou Follow, vous devrez ajouter un code de placement en suivant les options ci-dessus à l'endroit où vous souhaitez que l'outil apparaisse

Avant de personnaliser votre thème, il est toujours recommandé de faire une sauvegarde. ces instructions pour dupliquer le thème afin de disposer d'une copie de sauvegarde au cas où vous voudriez revenir sur les modifications.

Ajout d'outils en ligne ShareThis sur une page de produit à l'aide d'un bloc liquide personnalisé

Vous pouvez utiliser l'éditeur de thème Shopify pour avoir un guide visuel lors du placement du code des boutons en ligne. Bien que cela ne soit pas limité à la page des produits, vous pouvez suivre ces instructions et la vidéo à la fin pour placer le code sur la description de votre produit.

  1. Accédez au tableau de bord de votre boutique en ligne.
  2. Cliquez sur Thèmes, puis sur le bouton vert intitulé Personnaliser.
  3. Rendez-vous sur la page où vous voulez que les boutons apparaissent en cliquant sur l'aperçu en direct.
  4. Placez votre souris à l'endroit où vous voulez insérer les boutons, un petit bouton bleu apparaîtra avec une étiquette Ajouter une section.
  5. Sélectionnez Liquide personnalisé dans la liste.
  6. Copiez et collez le code de placement correspondant dans la barre latérale gauche qui vient d'apparaître.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :
  7. Cliquez sur Enregistrer dans le coin supérieur droit.

Pour vous faciliter la tâche, voici un aperçu :

Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Thèmes , puis cliquez sur Actions > Modifier le code.
  2. Dans la barre latérale gauche, descendez jusqu'au dossier Sections et sélectionnez main-product.liquid (si vous utilisez un ancien thème, allez dans Templates et localisez le fichier product.liquid ). Ensuite, trouvez le code suivant :
    {{ product.description }}
    Remarque: Vous pouvez utiliser Control + F pour rechercher le mot "description" (veillez à cliquer sur l'intérieur du fichier pour pouvoir rechercher le contenu dans l'éditeur de code), essayez de placer les boutons sur une nouvelle ligne après la ou les sections qui portent ce nom. Une section/élément est délimitée par le caractère "}" à la fin de celle-ci.

  3. Copiez et collez le code de placement correspondant au-dessus ou au-dessous de la description de votre produit.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :

Pour vous faciliter la tâche, voici un aperçu :

Ajout d'outils Inline ShareThis sur une page ou un blog

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Pages. Ensuite, cliquez sur la page sur laquelle vous souhaitez afficher vos boutons. 
  2. Cliquez sur le bouton Afficher HTML <> dans la section Contenu .
  3. Copiez et collez le code de placement approprié ci-dessous à l'endroit où vous souhaitez que l'outil ShareThis apparaisse.
    1. Code de placement de Share Buttons :
    2. Code de placement de Follow Buttons
Comment installer ShareThis' Tools sur Shopify avec du code Javascript

Vous pouvez également gérer les outils ShareThis sur Shopify à l'aide de la fonction ShareThis Plate-forme, instead of the Shopify App, to do this you will need to manually add the ShareThis <script> code inside the <head> of your site, simply follow the steps below:

  1. Connectez-vous ou  S'inscrire sur la plateforme ShareThis .
  2. Sélectionnez l'outil ShareThis que vous souhaitez utiliser et activez-le en cliquant sur le bouton Activer l'outil. 
  3. Ensuite, personnalisez les boutons en sélectionnant votre réseaux sociaux, votre taille et votre forme.
  4. Sélectionnez le bouton Activer le code dans le coin supérieur droit. Dans la fenêtre pop-up, cliquez sur le bouton Copier le code.
  5. Connectez-vous à votre site Web Shopify.
  6. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Thèmes, et dans la liste déroulante Actions, cliquez sur Modifier le code.
  7. À partir des différents fichiers et dossiers, allez dans Layout et cliquez sur theme.liquid.
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. Si vous installez des outils en ligne, vous pouvez choisir entre :
    • Ajout d'outils en ligne ShareThis sur une page de produit à l'aide d'un bloc liquide personnalisé
    • Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème
    • Ajout d'outils Inline ShareThis sur une page ou un blog

Remarque : les outils en ligne nécessitent un bout de code supplémentaire pour fonctionner sur votre site. Si vous souhaitez installer nos boutons Boutons de partage en ligne ou Follow, vous devrez ajouter un code de placement en suivant les options ci-dessus à l'endroit où vous souhaitez que l'outil apparaisse

Avant de personnaliser votre thème, il est toujours recommandé de faire une sauvegarde. ces instructions pour dupliquer le thème afin de disposer d'une copie de sauvegarde au cas où vous voudriez revenir sur les modifications.

Ajout d'outils en ligne ShareThis sur une page de produit à l'aide d'un bloc liquide personnalisé

Vous pouvez utiliser l'éditeur de thème Shopify pour avoir un guide visuel lors du placement du code des boutons en ligne. Bien que cela ne soit pas limité à la page des produits, vous pouvez suivre ces instructions et la vidéo à la fin pour placer le code sur la description de votre produit.

  1. Accédez au tableau de bord de votre boutique en ligne.
  2. Cliquez sur Thèmes, puis sur le bouton vert intitulé Personnaliser.
  3. Rendez-vous sur la page où vous voulez que les boutons apparaissent en cliquant sur l'aperçu en direct.
  4. Placez votre souris à l'endroit où vous voulez insérer les boutons, un petit bouton bleu apparaîtra avec une étiquette Ajouter une section.
  5. Sélectionnez Liquide personnalisé dans la liste.
  6. Copiez et collez le code de placement correspondant dans la barre latérale gauche qui vient d'apparaître.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :
  7. Cliquez sur Enregistrer dans le coin supérieur droit.

Pour vous faciliter la tâche, voici un aperçu :

Ajout d'outils Inline ShareThis sur une page produit en modifiant le code du thème

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Thèmes , puis cliquez sur Actions > Modifier le code.
  2. Dans la barre latérale gauche, descendez jusqu'au dossier Sections et sélectionnez main-product.liquid (si vous utilisez un ancien thème, allez dans Templates et localisez le fichier product.liquid ). Ensuite, trouvez le code suivant :
    {{ product.description }}
    Remarque: Vous pouvez utiliser Control + F pour rechercher le mot "description" (veillez à cliquer sur l'intérieur du fichier pour pouvoir rechercher le contenu dans l'éditeur de code), essayez de placer les boutons sur une nouvelle ligne après la ou les sections qui portent ce nom. Une section/élément est délimitée par le caractère "}" à la fin de celle-ci.

  3. Copiez et collez le code de placement correspondant au-dessus ou au-dessous de la description de votre produit.
    1. Code de placement de Share Buttons :
    2. Suivez le code de placement des boutons :

Pour vous faciliter la tâche, voici un aperçu :

Pour ajouter l'outil ShareThis à votre page ou blog

  1. Dans la barre de navigation de gauche, sélectionnez Boutique en ligne > Pages. Ensuite, cliquez sur la page sur laquelle vous souhaitez afficher vos boutons. 
  2. Cliquez sur le bouton Afficher HTML <> dans la section Contenu .
  3. Copiez et collez le code de placement approprié ci-dessous à l'endroit où vous souhaitez que l'outil ShareThis apparaisse.
    1. Code de placement de Share Buttons :
    2. Code de placement de Follow Buttons
Pourquoi mes boutons ne partagent-ils pas les bonnes informations ?

Sachez que si votre site n'est pas en ligne ou s'il est protégé par un mot de passe, le Facebook Crawler (et d'autres plates-formes) ne pourront pas accéder aux pages, et par conséquent, certaines informations telles que le titre, la description et l'image miniature ne pourront pas s'afficher ou pourront déclencher une erreur lors du partage.