Version Ecran large
Étape 1 : Résumé du panier
Les + :
- une zone de réassurance paramètrable via notre configurateur de thème
- un bouton commander en haut et en bas de page (utile si le panier contient beaucoup de produits); un bouton continuer vos achats discret pour sortir du tunnel
- le formulaire « j’ai un bon de réduction » caché : il faut cliquer pour le faire apparaitre
- les totaux (total produit, transport et total) dans un bloc bien visible
- côté détail des produits :
- Pas de lien sur le titre du produit (l’idée est d »enfermer » l’internaute dans le tunnel)
- la mention du stock qui rassure
Étape 2 : Commande sécurisée
L’étape de la commande apparait au clic sur le bouton commandez, sans rechargement de la page.
Les + :
- les étapes sont bien identifiées par des panneaux
- dans la colonne de droite, un résumé des informations se met à jour en live au fur et à mesure que le client complète ses informations (adresse, transporteur…)
- une indication claire des étapes validées, on guide le client d’un panneau à l’autre
- le client peut revenir facilement à une étape précédente
- alerte fluide si le client oublie de cocher les CGV
Version Mobile
La version mobile reprend les caractéristiques de la version large mais adaptées aux écrans de petite taille.
Ainsi le résumé du panier et des étapes est accessible via un bouton en bas de page :
Toutes les étapes du tunnel OPC sont trackées avec mon notre module Google Tag Manager pour Prestashop. Un article à venir détaillera le fonctionnement ce module.
D’autres améliorations sont encore possibles, comme un header simplifié pour le tunnel.
N’hésitez pas à tester notre tunnel sur notre site de démo :