Associer votre boutique Shopify à votre compte

Attention ! Il semble que vous consultez cet article depuis un pays où l'application Pinterest pour Shopify n'est pas encore disponible.

Utilisez l’application Pinterest pour Shopify pour associer votre boutique Shopify à votre compte professionnel Pinterest.

Vous ne pouvez associer votre boutique Shopify qu’à un seul compte professionnel Pinterest à la fois. Si vous avez deux boutiques Shopify, veuillez nous contacter.

Si vous avez déjà ajouté manuellement la balise Pinterest à Shopify, ou avez utilisé un autre tiers pour le faire, vous devrez supprimer la balise avant d’utiliser l’application Pinterest pour Shopify.

Avantages

Votre site Web sera revendiqué sur Pinterest

La balise Pinterest et l’API pour les conversions seront installées

Votre page de produits Shopify sera associée à Pinterest

Les Épingles Produit seront générées depuis votre page de produits Shopify

Vous recevrez 100 $ sous forme de crédit d’annonce lors du lancement de votre première campagne publicitaire sur Pinterest

Avant de commencer

Pour pouvoir associer votre boutique Shopify à votre compte Pinterest, vous devez :

Créez un compte professionnel Pinterest

Créer un compte publicitaire

Nous vous recommandons d’utiliser un navigateur Chrome sur votre ordinateur pour associer votre boutique Shopify à votre compte Pinterest.

Associer votre boutique à l’application Pinterest pour Shopify

Connectez-vous à votre compte Shopify

Accédez à l'application Pinterest sur la page de Shopify dans l'App Store de Shopify

Vérifiez les autorisations, et si vous êtes d'accord, cliquez sur Ajouter l'application

Suivez les instructions à l'écran pour terminer l'installation de l'application Pinterest sur Shopify

Il est possible d’ajouter manuellement la balise Pinterest à Shopify, mais nous ne le recommandons pas. Dans la mesure du possible, suivez les étapes ci-dessus pour associer votre boutique à l’application Pinterest pour Shopify afin que votre balise soit ajoutée automatiquement.

Ajouter le code de base

Le code de base vous permet de collecter des données sur des événements, comme l'achat d'un produit par une personne ou l'ajout d'un produit à son panier. Le code de base doit être installé sur toutes les pages de votre site Web.

Dans votre compte Shopify, cliquez sur Boutique en ligne, puis sur Thèmes.
Accédez aux thèmes que vous souhaitez modifier, cliquez sur Actions puis sur Modifier le code.
Cliquez sur theme.liquid.

Faites défiler jusqu'à </head > et collez ce code juste au-dessus :

<script type="text/javascript">

!function(e){if(!window.pintrk){window.pintrk=function()

{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" />
</noscript>

Remplacez YOUR_TAG_ID par votre propre identifiant unique de balise. Pour trouver votre identifiant de balise unique, ouvrez le Gestionnaire d’annonces sur Pinterest.
Accédez à votre vue d’ensemble de suivi des conversions et recherchez la section des détails.
Copiez le numéro à 13 chiffres sous Tag ID et collez-le dans le code à la place de YOUR_TAG_ID.

Ajouter un événement Checkout (paiement final)

Après avoir installé le code de base, vous pouvez ajouter différents événements pour recueillir des données supplémentaires. Vous pouvez ajouter l’événement de paiement final pour suivre les personnes qui achètent un produit et effectuent des transactions.

Dans votre compte Shopify, cliquez sur Paramètres puis sur Paiement.

Sous Page de statut de commande, collez le code de suivi ci-dessous dans la zone de texte. S'il y a déjà un code dans ce champ, collez votre code de suivi après celui-ci :

{% if first_time_accessed %}
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");



pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

<script>
pintrk('track', 'checkout',{
value: {{ total_price }} / 100,
currency: '{{ currency }}',
order_quantity: 2,
event_id: '{{ event_id }}',
line_items: [
     {
       product_name: '{{ product_name_1 }}',
       product_id: '{{ product_id_1 }}',
       product_price: {{ product_price_1 }},
       product_quantity: 1
     },
     {
       product_name: '{{ product_name_2 }}',
       product_id: '{{ product_id_2 }}',
       product_price: {{ product_price_2 }},
       product_quantity: 1
     },
   ],
order_id: {{ checkout.order_id }}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
</noscript>
{% endif %}

Remplacez YOUR_TAG_ID par votre propre identifiant unique de balise. Pour trouver votre identifiant de balise unique, ouvrez le Gestionnaire d’annonces sur Pinterest.

Ajouter un événement AddToCart (ajout au panier) (optionnel)

Après avoir installé le code de base, vous pouvez ajouter différents événements, si vous le souhaitez, pour recueillir des données supplémentaires. Vous pouvez ajouter l'événement AddToCart (ajout au panier) pour suivre les personnes qui ajoutent des produits à leur panier.

Remarque : avec certains thèmes et widgets Shopify, vous ne pourrez pas ajouter d'événement AddToCart.

Dans votre compte Shopify, cliquez sur Boutique en ligne puis sur Thèmes.
Dans le thème que vous utilisez actuellement, cliquez sur Actions puis sur Modifier le code.
Sous Modèles, recherchez les fichiers de code intitulés product.liquid, product-template.liquid ou product-form.liquid et ouvrez-les. Cela peut varier selon le thème que vous avez installé, mais il est plus fréquent de voir le code du bouton Ajouter au panier dans le fichier products.liquid ou équivalent.
Recherchez addtocart dans le fichier de code.
Placez le code suivant dans le caret de fin de l’élément <button> ou <input> :
```
onclick="pintrk('track', 'addtocart');"
```
Cliquez sur Enregistrer dans le coin supérieur droit.

Si vous avez déjà installé la balise Pinterest manuellement et que vous souhaitez maintenant utiliser l’application Pinterest pour Shopify à la place, vous devez d’abord supprimer la balise installée manuellement. Veillez à supprimer le code de base, le code checkout (paiement final) et le code addtocart (ajout au panier).

Supprimer le code de base

Dans votre compte Shopify, cliquez sur Boutique en ligne, puis sur Thèmes.
Accédez aux thèmes que vous souhaitez modifier, puis cliquez sur Actions puis sur Modifier le code.
Cliquez sur theme.liquid

Faites défiler jusqu'à </head > et cherchez ce code :

<script type="text/javascript">

!function(e){if(!window.pintrk){window.pintrk=function()

{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" />
</noscript>

Supprimer le code Checkout (paiement final)

Dans votre compte Shopify, cliquez sur Paramètres puis sur Paiement.

Dans la section Order Status Page Scripts, recherchez le code de suivi ci-dessous dans la zone de texte. S'il y a d'autres codes dans cette zone, assurez-vous de ne supprimer que cette partie du code :

{% if first_time_accessed %}
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");



pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
pintrk('page'); 
</script> 
<noscript> 
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
</noscript>

<script>
pintrk('track', 'checkout',{
value: {{ total_price | money_without_currency }}, 
currency: '{{ currency }}',
order_quantity: 1,
order_id: {{ checkout.id }}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
</noscript>
{% endif %}

Supprimer le code AddToCart (ajout au panier)