Express Checkout – One Page Order

Presentation

Express Checkout est un module PrestaShop qui remplace le processus de commande natif en plusieurs étapes par un checkout moderne en une seule page. Il permet d’afficher l’ensemble des informations (client, adresse, livraison, paiement) sur un seul écran, sans rechargement de page, grâce à une validation en temps réel via AJAX :contentReference.

Le checkout standard de PrestaShop impose plusieurs étapes successives avec validations intermédiaires. Ce fonctionnement fragmenté est une cause majeure d’abandon de panier. Express Checkout simplifie et fluidifie l’expérience utilisateur, améliore la conversion et réduit les frictions au moment le plus critique : le paiement.

Ce module s’adresse aux e-commerçants souhaitant optimiser leur tunnel de conversion, moderniser leur expérience d’achat et maximiser leurs ventes sur PrestaShop 8 et 9.

Points forts :

• Checkout complet en une seule page
• Validation et recalcul en temps réel via AJAX
• Compatibilité totale avec les modules de paiement et transport standards

Fonctionnalites

Checkout en une page

Toutes les sections du processus de commande sont visibles simultanément : informations personnelles, adresses, mode de livraison et paiement :contentReference.

Le client peut remplir ses informations de manière fluide, sans changer de page. Les validations se font dynamiquement et les frais de port, taxes et totaux sont recalculés automatiquement lors d’un changement d’adresse ou de transporteur.

Un résumé de commande sticky affiche en permanence les produits, les totaux et le champ code promo, garantissant une vision claire du panier jusqu’à la confirmation.

Compatibilite avec les modules tiers

Le module conserve la logique interne native de PrestaShop et ne modifie pas les fichiers core.

Il fonctionne avec :

• Les modules de paiement utilisant les hooks standards (Stripe, PayPal, Mollie, etc.)
• Les modules de transport natifs et tiers
• Les thèmes Classic (PS8) et Hummingbird (PS9)

Cette approche garantit stabilité, compatibilité et mises à jour sécurisées.

Configuration complete depuis le back-office

Chaque élément du checkout est configurable sans développement :

• Activation ou désactivation du one-page checkout
• Choix du layout (sections ouvertes ou accordéon)
• Activation des animations
• Gestion du guest checkout
• Masquage de champs (Société, TVA, téléphone, etc.)
• Pré-sélection du transporteur ou du paiement
• Personnalisation des couleurs et du bouton de commande
• Injection de CSS personnalisé

Installation

1. Téléchargez le fichier ZIP du module.
2. Dans le back-office PrestaShop, allez dans Modules > Gestionnaire de modules.
3. Cliquez sur Installer un module et sélectionnez le fichier ZIP.
4. Une fois installé, cliquez sur Configurer pour paramétrer le checkout.

Une installation manuelle via FTP est également possible en copiant le dossier du module dans /modules/, puis en l’activant depuis le gestionnaire de modules :contentReference.

Configuration

Parametres generaux

Le module permet d’activer ou désactiver le one-page checkout. En cas de désactivation, le checkout natif multi-étapes reprend automatiquement :contentReference.

Le layout peut être affiché avec toutes les sections ouvertes ou en mode accordéon. Des options d’auto-scroll et d’animations CSS sont disponibles pour améliorer l’expérience utilisateur.

Formulaire et adresses

Vous pouvez :

• Autoriser ou non la commande en tant qu’invité
• Proposer la création de compte
• Masquer certains champs (Société, TVA, téléphone, complément d’adresse)
• Définir un pays par défaut
• Activer l’auto-complétion Google Places (avec clé API)

Livraison et paiement

Le module permet de :

• Afficher un champ commentaire
• Pré-sélectionner automatiquement le transporteur le moins cher ou le plus rapide
• Définir un mode de paiement par défaut
• Positionner la case des conditions générales
• Afficher les icônes des moyens de paiement

Design

Une section dédiée permet de personnaliser :

• La couleur d’accent
• Le texte du bouton de commande
• L’affichage des icônes de réassurance
• Le résumé sticky sur desktop
• Le résumé compact sur mobile
• L’ajout de CSS personnalisé

Fonctionnement technique

Le module ne réécrit pas la logique PHP du checkout. Il remplace uniquement les templates Smarty tout en conservant les classes internes de PrestaShop (CheckoutProcess, CheckoutPersonalInformationStep), etc..

Tous les hooks natifs sont préservés, notamment :

• displayPayment
• displayBeforeCarrier
• displayCheckoutSubtotalDetails
• displayPersonalInformationTop
• displayReassurance

Les modules tiers continuent donc de fonctionner normalement.

La validation AJAX déclenche les endpoints natifs pour recalculer transporteurs, frais et taxes en temps réel, sans rechargement de page.

Prerequis

• PrestaShop 8.0.x, 8.1.x, 8.2.x ou 9.x
• PHP 8.2 ou supérieur
• Connexion HTTPS recommandée

FAQ

Le module modifie-t-il les fichiers core ?

Non. Aucun fichier core de PrestaShop n’est modifié. Le module fonctionne via templates et hooks.

Que se passe-t-il si je le desactive ?

Le checkout natif multi-étapes est automatiquement restauré, sans action supplémentaire.

Est-il compatible multi-boutique ?

Oui. Les configurations sont enregistrées par boutique via le système natif de PrestaShop.

Support

Pour toute assistance :

• Documentation : https://wepresta.shop/documentation
• Support : https://wepresta.shop/support

Licence

Module distribué sous licence Academic Free License 3.0 (AFL-3.0).

© 2026 WePresta — Genève, Suisse