Checkout Success Page : Thank You Page avec bloc CMS personnalisé + détails de commande (Magento 2)
- Compatibilité
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.7, 2.3.6, 2.3.5, 2.3.4
Description / Checkout Success Page : Thank You Page avec bloc CMS personnalisé + détails de commande (Magento 2)
MAGENTO 2 · APRÈS L’ACHAT · RÉCAPITULATIF · CONTENU CMS
Transformez la confirmation d’achat en un récapitulatif clair.
Kowal Checkout Thank You Page
Présentez au client les détails de sa commande, les produits et les montants avec votre propre bloc CMS. Expliquez les prochaines étapes et ajoutez des informations utiles sur la page de remerciement.
Détails de commande · Bloc CMS personnalisé · Avis Google facultatifs
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous préparez le contenu CMS
Vous ajoutez les consignes, les coordonnées et les informations après achat.
02 · Vous activez la page de confirmation
Vous choisissez le bloc et les paramètres de la vue boutique.
03 · Le client voit le récapitulatif
Après la commande, il reçoit les détails et les prochaines étapes.
Qu’apporte ce module à votre boutique ?
Découvrez les fonctionnalités, les usages et les paramètres du module.
À quoi sert ce module ?
La page « Thank You Page » par défaut de Magento termine souvent le parcours client par un bref message et un numéro de commande. Ce module transforme la page de confirmation en un point de communication utile après l’achat, sans outils de création lourds ni refonte du checkout.
Que fait le module Kowal_CheckoutThankYouPage ?
Le module Kowal_CheckoutThankYouPage enrichit la page « Thank You Page » par défaut de Magento 2 et en fait un écran lisible de récapitulatif de commande, avec la possibilité d’ajouter vos contenus marketing et informatifs. Il repose sur le layout de la page de confirmation et les blocs standard de Magento : il reste ainsi léger, compatible et facile à maintenir.
Organise et déplace les éléments standard de Magento dans une nouvelle disposition
- les messages de confirmation (checkout.success) ainsi que l’inscription après achat (checkout.registration) vers un conteneur dédié à la page,
- les « messages » standard (avertissements, erreurs, confirmations, etc.) vers une section lisible en haut de page.
Affiche tous les détails de la commande au même endroit
- les informations de base de la commande (numéro, date),
- des blocs d’information fondés sur les composants natifs de Magento (par exemple Magento\Sales\Block\Order\Info),
- un récapitulatif complet du contenu de la commande.
Affiche les produits commandés (items) et le récapitulatif complet des montants (totals)
- la liste des lignes de commande (Magento\Sales\Block\Order\Items) avec les renderers (sales_order_item_renderers, sales_order_item_price),
- le récapitulatif complet des coûts (MagentoSalesBlockOrderTotals) avec configuration du style label/value,
- les taxes (MagentoTaxBlockSalesOrderTax),
- et, si la boutique fonctionne sous Magento EE et que la configuration est disponible, la section gift cards (conditionnellement via ifconfig='giftcard/email/identity').
Ajoute un espace pour les contenus d’autres modules (container)
- order.success.additional.info
Affiche un bloc CMS personnalisé sur la page de confirmation (configurable)
Dans le bloc CMS, vous pouvez notamment placer :
- les prochaines étapes (traitement, délais, contact),
- des informations sur les retours et les réclamations,
- une bannière promotionnelle ou un code de réduction pour un prochain achat,
- des liens vers la FAQ ou les pages d’aide,
- du cross-sell descriptif (par exemple « choisissez des accessoires pour votre achat »).
Ajoute Google Avis clients en option (Google Customer Reviews – Survey Opt-in)
Cela permet de recueillir des avis selon le mécanisme de Google sans ajouter manuellement les données dans le template.
L’intégration renseigne automatiquement les données requises pour gapi.surveyoptin.render(), notamment :- merchant_id,
- order_id,
- email,
- delivery_country,
- estimated_delivery_date,
- la liste des produits sous forme de products[].gtin (GTIN/EAN récupéré depuis un attribut produit).
Prend en charge un commentaire ou une section d’informations complémentaires (si vous l’utilisez)
Reste léger et préserve le processus de commande
- facile à déployer,
- facile à désactiver pour revenir à la vue standard,
- et présente un risque minimal de conflits dans le checkout.
Principaux avantages effectivement issus du code
-
Configuration simple: activation/désactivation et sélection d’un bloc CMS à afficher sur la page de confirmation.
-
Fonctionnement par vue boutique (scope : default/website/store).
-
Affichage CMS performant: le contenu passe par le filtre CMS standard (directives, variables) et est mis en cache, par défaut pendant 24 h, avec une clé propre à la boutique.
-
Coopération avec un module plus complet: si le module détecte Kowal_ThankYouPage actif et activé dans la configuration :
-
l’option du panneau est verrouillée (disabled),
-
et la page de confirmation reste sous le contrôle de ce module plus complet.
-
-
Aucune table ni modification de la base de données: installation légère (layout, blocs et configuration).
Configuration dans Magento
Chemin : Stores → Configuration → Kowal Checkout → Order Success Page
-
Custom Order Success Page: active/désactive la page de succès personnalisée (lorsqu’elle est désactivée, la page Magento par défaut revient)
-
Success Page Custom Block: sélection du bloc CMS affiché après les détails de commande
Contenu CMS et données de commande
Dans Stores → Configuration → Kowal Checkout → Order Success Page, activez Custom Order Success Page et choisissez Success Page Custom Block. Le bloc doit être actif ; son contenu passe par le mécanisme CMS de Magento.
Le CMS utilise une durée de cache par défaut de 86400 secondes et une clé tenant compte de la boutique. Utilisez un contenu commun aux clients de cette vue, comme les consignes de traitement et les coordonnées. Les détails de chaque commande sont affichés dans des blocs séparés, sans cache de page.
Avis Google : paramètres et données d’intégration
Le Survey Opt-in facultatif nécessite une activation et un Merchant ID. Vous définissez aussi le nombre de jours estimé pour la livraison et le code de l’attribut GTIN/EAN. Le module transmet au script Google le numéro de commande, l’e-mail, le pays, la date estimée et les identifiants produits.
La date est calculée à partir du jour d’affichage plus le nombre de jours configuré ; elle ne provient pas du calcul du transporteur. Le code utilise le pays de livraison avec repli sur celui de facturation, les lignes visibles et jusqu’à 50 GTIN uniques. Certains champs de configuration supplémentaires ne modifient pas ce flux dans l’implémentation vérifiée.
Merchant Widget Google facultatif
Le paquet comprend également un Merchant Widget sur les pages de la boutique. Dans le groupe Merchant Widget (Google), vous définissez un interrupteur distinct, le Merchant ID, la position LEFT_BOTTOM ou RIGHT_BOTTOM, les espacements desktop/mobile et une région facultative.
Le Widget et le Survey Opt-in sont désactivés par défaut. La visibilité des fonctions Google dépend aussi du compte, de la validité des données et du chargement des scripts externes.
Dépendances et coopération avec d’autres extensions
Le paquet nécessite kowal/base et kowal/module-checkout. La détection de Kowal_ThankYouPage actif peut lui confier le contrôle de la page de confirmation et verrouiller l’interrupteur de page personnalisée dans le panneau.
Le conteneur order.success.additional.info permet d’ajouter vos blocs. La section custom.comment lit le commentaire de commande s’il a été enregistré par le processus ou l’extension utilisé. Le module lui-même n’ajoute pas de champ commentaire au checkout.
Installation via Composer
Package kowal/module-checkoutthankyoupage, module Kowal_CheckoutThankYouPage. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, mettez Magento à jour et videz le cache. En production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
De la configuration au résultat
1. Vous préparez le contenu CMS
Vous ajoutez les consignes, les coordonnées et les informations après achat.
2. Vous activez la page de confirmation
Vous choisissez le bloc et les paramètres de la vue boutique.
3. Le client voit le récapitulatif
Après la commande, il reçoit les détails et les prochaines étapes.
Que va-t-il se passer pour ma commande ?
À côté des produits et du récapitulatif des montants, le client voit les consignes de traitement, les coordonnées du service client, un lien FAQ et les informations sur les retours.
Vous actualisez le contenu dans le CMS. Un code facultatif pour un prochain achat ou une description d’accessoires s’ajoute sous forme de message personnalisé ; le module ne crée lui-même ni règle de réduction ni recommandations de produits.
Soignez la communication après la commande
Vous souhaitez adapter le module à votre boutique ? Demandez le déploiement de Kowal Checkout Thank You Page et discutez de la configuration ou des extensions nécessaires.
Caractéristiques
| Compatibilité avec le modèle | Luma / Blank, KOWAL |
|---|
Change Log
Version : 1.0.13
12.02.2026
Ajouts
- Intégration **Avis clients Google (Survey Opt-in)** sur la page de remerciement après commande (Success Page).
- Nouveau template : `view/frontend/templates/onepage/google_opinie.phtml` chargeant `platform.js` et effectuant le rendu de `gapi.surveyoptin.render()`.
- Nouveau bloc : `Kowal\CheckoutThankYouPage\Block\Onepage\Success\GoogleOpinie` générant le payload pour Google (merchant_id, order_id, email, delivery_country, estimated_delivery_date, products[].gtin).
- Ajout du bloc au layout de la page de succès (Success Page), avec `cacheable='false'` (données par commande).
Configuration
- Extension de `system.xml` avec une section de configuration des avis Google :
- Activer/désactiver l’intégration.
- `merchant_id` (Merchant Center ID).
- `estimated_delivery_days` (calcul de la date de livraison).
- `gtin_attribute` (code de l’attribut GTIN/EAN dans le produit).
- Options de source du pays de livraison (shipping/billing).
- Limite du nombre de produits dans le payload.
- Ajout de valeurs par défaut dans `etc/config.xml`.
- Ajout de l’ACL pour la configuration (droits d’accès à la section dans le panneau).
Notes
- L’intégration se lance uniquement sur la page de succès après la passation de commande et repose sur la dernière commande de la session checkout.
- En cas d’absence de données requises (par ex. merchant_id), le bloc ne rend pas le script opt-in.
Notice d'installation du module
Installation via Composer
Les données d’accès au dépôt Composer (adresse e-mail du client et jeton de licence) vous seront envoyées par e-mail après l’achat. Elles sont également disponibles dans l’espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le jeton reçu. Exécutez les commandes dans le répertoire racine de Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-checkoutthankyoupage
Finalisation de l’installation
Après l’installation du package, exécutez la mise à jour de Magento et videz le cache :
php bin/magento setup:upgrade
php bin/magento cache:flush
En environnement de production, effectuez également la compilation DI et le déploiement des fichiers statiques conformément au processus de déploiement de la boutique.
Commentaires des clients
Questions et réponses
Chez toursport.pl, après l’achat, les clients recherchaient souvent des informations sur « que faire ensuite » — où consulter les détails de la commande, comment se déroulent l’expédition/le traitement, et quels produits choisir comme accessoires. La page de succès Magento par défaut était trop limitée et ne permettait pas d’afficher des instructions claires.
Solution mise en œuvre
Nous avons utilisé le module Kowal_CheckoutThankYouPage afin de :
conserver les détails complets de la commande sur la page de succès (articles, montants, données),
ajouter en bas de page un bloc CMS dédié préparé pour toursport.pl.
Le bloc CMS comprenait notamment :
de courtes instructions sur « que faire ensuite » (e-mail, délai de traitement, contact),
une section avec des liens d’aide (retours, réclamations, règlement),
une bannière encourageant de nouveaux achats (par ex. accessoires / compléments),
un message commercial adapté à la marque.
Résultat
Le client voit immédiatement non seulement le numéro de commande, mais aussi l’ensemble des informations et instructions.
L’équipe de la boutique peut modifier le contenu sans l’intervention d’un développeur — il suffit de remplacer le bloc CMS.
La solution est légère et sûre : elle n’intervient pas dans le processus de commande, uniquement dans la vue de succès.