Cet article vous guide pour configurer efficacement vos widgets iAdvize sur votre site e-commerce.
Des ajustements simples dans leur intégration, style et leur contenu peuvent avoir un impact direct sur vos taux d'engagement et de conversion, tout en assurant une expérience fluide.
Chaque page de votre site e-commerce a son rôle dans le parcours d’achat.
D’autres types de widget classiques sont également disponibles sur votre espace iAdvize.
Les 3 conseils à retenir
- Vos widget doivent être moins visibles que vos boutons principaux
- Le design de vos widgets doivent être cohérents avec votre charte graphique, sans être confondus avec du texte
- Tester le parcours : réaliser des conversations tests, observer l'état minifié, vérifiez qu'aucun élément n'est caché ou inaccessible, etc.
Homepage
🎯 Objectif
Orienter pour maximiser la découverte de l’offre
Conversation Starters Flottants
Utilisez 2 à 3 Starters statiques
Sur la homepage, aucune donnée contextuelle n’est disponible pour générer des starters dynamiques (générés par IA). | |
| Appliquez un design cohérent à votre charte graphique (couleurs, radius…) Votre couleur de fond doit avoir un contraste suffisant pour assurer une bonne visibilité sur votre page. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Smart banner
Utilisez 2 Starters statiques Exemples :
Sur la homepage, aucune donnée contextuelle n’est disponible pour générer des starters dynamiques (générés par IA). | |
Appliquez un design cohérent à votre charte graphique (couleurs, radius…) 💡 Tips : idéalement, appliquez le design de vos boutons secondaires. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Page catégories et recherche
🎯 Objectif
Informer et rassurer pour encourager la conversation
Conversation Starters Intégrés
Utilisez 2 à 3 Starters dynamiques
| |
Appliquez un design cohérent à votre charte graphique. Ils ne doivent pas être plus visibles que vos boutons principaux (“Ajouter au panier”), ni être confondus avec du texte. 💡 Tips : vous pouvez utiliser le design de vos boutons secondaires. | |
| Vérifiez l’affichage du widget sur desktop et sur mobile pour vous assurer qu’il est correctement positionné et éviter tout chevauchement sur des boutons ou informations clés de votre site. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Conversation Starters Flottants
Utilisez 2 à 3 Starters dynamiques
| |
| Appliquez un design cohérent à votre charte graphique. Ils ne doivent pas être confondus avec du texte. Votre couleur de fond doit avoir un contraste suffisant pour assurer une bonne visibilité sur votre page. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Smart banner
Utilisez 2 à 3 Starters dynamiques
| |
Appliquez un design cohérent à votre charte graphique. Ils ne doivent pas être plus visibles que vos boutons principaux (“Ajouter au panier”), ni être confondus avec du texte. 💡 Tips : vous pouvez utiliser le design de vos boutons secondaires. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Page produit
Conversation Starters Intégrés
| Placez vos Starters en dessous du bouton “Ajouter au panier” Assurez-vous que vos connaissances (AI Knowledge) soient complètes et à jour pour que vos starters dynamiques soient pertinents. | |
Appliquez un design cohérent à votre charte graphique. Ils ne doivent pas être plus visibles que vos boutons principaux (“Ajouter au panier”), ni être confondus avec du texte. 💡 Tips : vous pouvez utiliser le design de vos boutons secondaires. | |
| Par défaut, vos starters doivent être dynamiques (meilleur engagement). Si vous avez un objectif d'augmentation des revenus : examinez chaque cas individuellement et demandez-vous si un starter statique serait judicieux, sur la livraison ou moyen de paiement par exemple. | Exemples de starters statiques :
|
| Vérifiez l’affichage du widget sur desktop et sur mobile pour vous assurer qu’il est correctement positionné et éviter tout chevauchement sur des boutons ou informations clés de votre site. | |
| Contrôlez que l’état réduit de votre conversation (bulle), ne masque aucun bouton ou élément cliquable sur toutes les pages où il peut apparaître. |
Page panier et checkout
🎯 Objectif
Rassurer pour limiter les abandons panier
Conversation Starters Intégrés
| Placez-les sous le bouton de validation du panier (jamais au-dessus) | |
Appliquez un design cohérent à votre charte graphique. Ils ne doivent pas être plus visibles que vos boutons principaux (“Commander”), ni être confondus avec du texte. 💡 Tips : vous pouvez utiliser le design de vos boutons secondaires (couleurs, radius...) | |
Utilisez des starters statiques sur les sujets fréquents qui peuvent lever des freins à l’achat (moyens de paiement, délais et frais de livraison, retours et remboursements…) NB: Évitez les sujets pouvant créer de la méfiance pour vos visiteurs. Exemples à éviter : le paiement est-il sécurisé ? Les produits sont-ils de bonnes qualités ?
Sur le checkout, aucune donnée contextuelle n’est disponible pour générer des starters dynamiques (générés par IA). | |
Testez le parcours complet : Panier > Paiement > Confirmation NB: Prochainement, votre conversation en état minifié pourra s’afficher sous forme de bouton intégré à vos pages (et non plus en version flottante) pour reprendre la conversation.
|
Résultats de nos clients
Des ajustements simples comme ceux-ci ont permis d’améliorer significativement le taux d’engagement ou de conversion lors de tests réalisés avec nos clients.
Mademoiselle Bio - Secteur Beauté
Des Conversations Starters intégrés sur les pages catégories VS un widget flottant classique ont permis de multiplier le taux d’engagement par 10.
Rouge Gorge - Secteur Mode
Des conversations starters dynamiques plus pertinents VS des starters statiques uniquement permettent d’augmenter le taux d’engagement de 66%.
Kendra Scott - Secteur Joaillerie
Résultat 1 - Des conversation starters en dessous et au plus près du CTA Ajout Panier natif permet d’obtenir un meilleur taux d’engagement (+12%) qui se traduit par un meilleur taux d'ajout panier (+1,7%).
Résultat 2 - Pour maximiser l’impact des Conversation Starters sur mobile, il faut bien se positionner au-dessous du CTA Ajout panier natif. Cela impacté le taux d’ajout au panier de 1,9% et le taux de conversion de 2,7%.
Des résultats similaires ont été observés sur le desktop.