L'événement AJAX d'ajout ou de suppression de produits permet d'indiquer les modifications dans le panier via AJAX, sans avoir besoin de recharger la page. Ainsi, l'ajout ou la suppression de produits dans le panier est immédiatement notifié à Connectif, optimisant ainsi le suivi des changements.
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, cet événement sera inséré automatiquement dans votre eCommerce.
Comment l'utiliser
L'événement AJAX de panier est utilisé pour informer sur l'état du panier d'un utilisateur à un moment donné. Pour cela, il notifie, via JavaScript, lorsqu'un utilisateur accède à une page de détail produit, en utilisant la fonction connectif.managed.sendEvents, en effectuant l'appel suivant à Connectif :
connectif.managed.sendEvents([], { cart: cartObject });
Cet événement représente une alternative à la mise en œuvre de la notification des informations du panier.
L'objet "cartObject" a une structure qui contient l' objet "Product Basket Item".
Autres considérations
Il est important d'envoyer également la notification lorsque le panier est vidé, afin d'éviter qu'il soit marqué comme abandonné.
Exemple
La notification aura cette apparence (toutes les données ne sont pas obligatoires) :
connectif.managed.sendEvents([], {
cart: {
cartId: '123456789',
totalQuantity: 1,
totalPrice: 10.2,
products: [
{
quantity: 1,
price: 10.2,
productDetailUrl: 'https://monsite.com/monproduit-detail-url',
productId: '12345678910',
name: 'Mon produit',
description: 'description du produit',
imageUrl: 'https://monsite.com/images/monproduit',
unitPrice: 10.2,
availability: 'InStock',
categories: ['/Accueil'],
tags: ['tag1','tag2'],
brand: 'Marque',
reviewCount: 1,
rating: 2,
ratingCount: 2,
thumbnailUrl: 'https://monsite.com/images/thumb/monproduit',
priority: 20,
unitPriceOriginal: 10.2,
unitPriceWithoutVAT: 8,
discountedAmount: 0,
discountedPercentage: 0,
publishedAt: '2020-05-20T15:24:20Z',
customField1: '',
customField2: '',
customField3: ''
}
]
}
});
Félicitations !
Vous êtes arrivé à la fin de la leçon.
Des questions en suspens ?
N'oubliez pas que nos spécialistes Connectif sont à votre disposition. Pour les contacter, ouvrez simplement un ticket de support en cliquant sur le bouton bleu "Aide" de votre tableau de bord.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de consulter les articles suivants :
- Ajouter le JavaScript de Connectif à votre site, pour insérer le code et commencer à collecter des informations sur les visites de votre page.
- Intégration via balises, pour découvrir toutes les notifications que vous pouvez envoyer depuis votre eCommerce vers Connectif et leur fonctionnement.
- Intégration avec Connectif via API, pour synchroniser les contacts, les produits, les achats et les coupons.
- Vérifier l'intégration avec l'eCommerce, pour vous assurer que toutes les données sont correctement synchronisées dans votre compte Connectif.