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 .
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.
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. |
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>
Continuez à apprendre !
Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :
- Intégration via balises, pour découvrir toutes les notifications que vous pouvez envoyer depuis votre eCommerce à Connectif et leur fonctionnement.
- Intégration via événements JavaScript, pour découvrir cette méthode d’intégration qui vous permettra un plus grand contrôle sur le moment et la manière d’envoyer les événements.
- Intégration avec Connectif via API, pour synchroniser les contacts, produits, achats et coupons.
- Vérifiez l’intégration avec l’eCommerce, pour vous assurer que toutes les données se synchronisent correctement dans votre compte Connectif.