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 ShopifyAllumez l'interrupteur, puis faites défiler vers le bas et cliquez sur le bouton " Mise à jour" pour enregistrer vos modifications.
    • Si vous installez des outils en ligne, vous pouvez choisir entre :

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