“État actuel du panier d’achat” balise

La balise “État actuel du panier d’achat” est un fragment de code HTML qui sert à décrire le panier d’achat que le contact possède à ce moment précis

  

Cet article fait partie du guide pour créer une intégration sur mesure.
Si votre intégration est réalisée via un module, cette balise sera insérée automatiquement dans votre eCommerce.

 

Quelle est cette balise et où l’utiliser ?

La balise “cn_cart” doit être insérée sur chaque page dès qu’un changement intervient dans le panier.

 

Propriétés

Les différentes propriétés d’un panier doivent être définies à l’intérieur de la balise “cn_cart” sous forme de balises filles, indiquant le nom de la propriété dans l’attribut "class".

Chaque produit différent contenu dans le panier est indiqué via une balise avec la classe "product_basket_item", qui inclut la quantité et le prix.

 

Consultez plus d’informations sur l’objet Product Basket Item dans cet article.

Les propriétés à inclure dans la balise sont :

Nom Obligatoire Type Multiples Description
total_price Oui décimal Non Montant total du panier.
product_basket_item Non Product Basket Item Oui Articles contenus dans le panier, ainsi que leur quantité et leur montant.
cart_id Oui string Non Identifiant unique du panier.
total_quantity Oui string Non Quantité totale de produits dans le panier (incluant les doublons).
Exemple : si un panier contient 3 unités d’un produit et 7 unités d’un autre, total_quantity sera égal à 10.
cart_recovery_url Non URL de récupération du panier Non URL associée au panier permettant de le récupérer/acheter tous les produits associés.
 

Bien que facultatif, il est recommandé d’utiliser le champ "cart_id" pour changer l’état du panier à "acheté" et éviter des événements incorrects de Panier abandonné.

 

Autres considérations

Vous devez inclure la balise de panier vide lorsque le panier est vidé. Cela permettra d’éviter que le panier ne soit considéré comme abandonné lorsqu’il ne contient pas de produits.

 

Exemple

Une fois les propriétés incluses, la balise aura cet aspect :

<div class="cn_cart" style="display:none">
<span class="cart_id">crt8679803</span>
<span class="total_quantity">3</span>
<span class="total_price">180.75</span>
<div class="product_basket_item">
<span class="quantity">3</span>
<span class="price">180.75</span>
<span class="url">http://example.org/products/pr9658</span>
<span class="product_id">pr9658</span>
<span class="name">Clavier Gaming Logitech Pro v.1.5</span>
<span class="description">Clavier sans fil rétroéclairé haut de gamme, personnalisable, résistant aux liquides et aux chocs.</span>
<span class="image_url">http://example.org/img/products/pr9658.jpg</span>
<span class="unit_price">60.25</span>
<span class="availability">InStock</span>
<span class="category">/Ordinateurs/Claviers/Logitech</span>
<span class="category">/Ordinateurs/Gaming</span>
<span class="tag">Bleu</span>
<span class="tag">Gaming</span>
<span class="tag">Rétroéclairé</span>
<span class="tag">Sans fil</span>
<span class="brand">Logitech</span>
<span class="review_count">9</span>
<span class="rating_value">4.5</span>
<span class="thumbnail_url">http://example.org/img/thumbnails/products/pr9658.jpg</span>
<span class="related_external_product_id">pr10636</span>
<span class="related_external_product_id">pr11939</span>
<span class="related_external_product_id">pr12653</span>
<span class="published_at">2020-05-20T15:24:20Z</span>
<span class="custom_field_1">Information personnalisée d’exemple</span>
</div>
</div>

 

 

Félicitations !
Vous êtes arrivé à la fin de cette leçon.

  

Avez-vous des questions non résolues ?
Rappelez-vous que nos spécialistes Connectif sont à votre disposition. Pour les contacter, il vous suffit de soumettre un ticket au support en cliquant sur le bouton bleu “Aide” de votre tableau de bord.


Continuez à apprendre !

Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0