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. Install the app, then (optional) Pin it to your Shopify Navigation for quicker access.
  3. In the app, go to the settings section and enable your app:
    • Toggle On the ShareThis Script Embed option.
    • Click Save. (If this is disabled, your buttons will not appear.)
  4. Select your preferred ShareThis tool and customize it by choosing your social channels, size, shape, and more:
    • 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.
  5. Ensure the Enable Buttons selection is On.
  6. Click Update to save your changes.
  7. (Optional) If you are adding Inline tools, choose one of the following methods. Inline tools (Inline Share Buttons, Follow Buttons or Reactions Buttons) require an extra snippet of code to work on your site.

    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.

    Note: Before customizing your theme, it’s always recommended to make a backup first, follow ces instructions pour dupliquer le thème afin de disposer d'une copie de sauvegarde au cas où vous voudriez revenir sur les modifications.

    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