Présentation du tunnel de commande du CanvasTheme Prestarocket

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

Prestashop Panier

Étape 2 : Commande sécurisée

L’étape de la commande apparait au clic sur le bouton commandez, sans rechargement de la page.

prestashop tunnel

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

prestashop tunnel responsive

 

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 :
opc-mobile

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 :

Démo

  • Florian Fornetran

    Voilà enfin quelqu’un qui ne propose pas un thème juste “beau” !

    Le checkout semble assez fluide. En tout cas bravo pour les optimisations ergos et marketing :) Peut-être que la page panier en version “mobile” peut encore être amélioré. Mais ce récap panier est toujours une plaie en responsive…

    • http://www.prestarocket.com/ Prestarocket

      Bonjour Florian,

      Merci pour le commentaire. Nous travaillons toujours sur des améliorations. La page panier sera encore optimisée (en prenant en compte les contraintes de Prestashop).