Checkout Success Page: Thank You Page met eigen CMS-blok + bestelgegevens (Magento 2)
- Compatibiliteit
- 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
Beschrijving / Checkout Success Page: Thank You Page met eigen CMS-blok + bestelgegevens (Magento 2)
MAGENTO 2 · NA AANKOOP · SAMENVATTING · CMS-CONTENT
Maak van de aankoopbevestiging een overzichtelijke samenvatting.
Kowal Checkout Thank You Page
Toon de klant de bestelgegevens, producten en bedragen samen met je eigen CMS-blok. Leg uit wat er daarna gebeurt en voeg nuttige informatie toe op de bedankpagina.
Bestelgegevens · Eigen CMS-blok · Optionele Google Reviews
HOE WERKT DIT IN DE PRAKTIJK
01 · Je bereidt CMS-content voor
Je voegt instructies, contactgegevens en informatie na aankoop toe.
02 · Je schakelt de success page in
Je kiest het blok en de instellingen voor de store view.
03 · De klant ziet de samenvatting
Na het plaatsen van de bestelling ontvangt hij details en vervolgstappen.
Wat levert dit je shop op?
Ontdek de functies, toepassing en instellingen van de module.
Waarom deze module?
De standaard Thank You Page in Magento sluit de klantreis vaak af met een korte melding en een bestelnummer. Deze module verandert de success page in een nuttig communicatiepunt na aankoop, zonder zware builders en zonder de checkout opnieuw op te bouwen.
Wat doet de module Kowal_CheckoutThankYouPage?
De module Kowal_CheckoutThankYouPage breidt de standaard Thank You Page in Magento 2 uit en verandert deze in een duidelijk scherm met een bestelsamenvatting, met de mogelijkheid om eigen marketing- en informatieve content toe te voegen. De module werkt op basis van de layout van de success page en standaard Magento-blokken, waardoor hij licht, compatibel en veilig te onderhouden is.
Ordent en verplaatst standaard Magento-elementen naar een nieuwe layout
- succesmeldingen (checkout.success) en registratie na aankoop (checkout.registration) naar een speciale container van de pagina,
- standaard messages, zoals waarschuwingen, fouten en bevestigingen, naar een duidelijke sectie bovenaan de pagina.
Toont volledige bestelgegevens op één plek
- basisinformatie over de bestelling, zoals nummer en datum,
- informatieblokken over de bestelling op basis van native Magento-componenten, zoals Magento\Sales\Block\Order\Info,
- een volledige samenvatting van de inhoud van de bestelling.
Toont de productlijst uit de bestelling (items) en een volledige bedragensamenvatting (totals)
- de lijst met bestelitems (Magento\Sales\Block\Order\Items) samen met renderers (sales_order_item_renderers, sales_order_item_price),
- de volledige kostensamenvatting (Magento\Sales\Block\Order\Totals) met configuratie voor label/value-styling,
- belastingen (Magento\Tax\Block\Sales\Order\Tax),
- en — als de shop op Magento EE draait en de configuratie beschikbaar is — de sectie gift cards, voorwaardelijk via ifconfig='giftcard/email/identity'.
Voegt extra ruimte toe voor content van andere modules (container)
- order.success.additional.info
Toont een eigen CMS-blok op de success page (configureerbaar)
In het CMS-blok kun je bijvoorbeeld plaatsen:
- instructies voor wat nu, zoals verwerking, termijnen en contact,
- informatie over retouren en klachten,
- een promotiebanner / kortingscode voor volgende aankopen,
- links naar FAQ of hulppagina's,
- beschrijvende cross-sell, bijvoorbeeld passende accessoires bij de aankoop.
(Optioneel) Voegt Google Customer Reviews toe (Survey Opt-in)
Zo kun je reviews verzamelen volgens het mechanisme van Google, zonder gegevens handmatig in de template toe te voegen.
De integratie vult automatisch de vereiste gegevens voor gapi.surveyoptin.render() in, waaronder:- merchant_id,
- order_id,
- email,
- delivery_country,
- estimated_delivery_date,
- de productlijst als products[].gtin (GTIN/EAN opgehaald uit het productattribuut).
Ondersteunt een opmerking / sectie met aanvullende informatie (als je die gebruikt)
Is licht en veilig voor het bestelproces
- is hij eenvoudig te implementeren,
- is hij eenvoudig uit te schakelen, zodat je terugkeert naar de standaardweergave,
- is het risico op conflicten in de checkout minimaal.
Belangrijkste voordelen, rechtstreeks voortkomend uit de code
Eenvoudige configuratie: inschakelen/uitschakelen + keuze van één CMS-blok om op de success page te tonen.
Werkt per store view (scope: default/website/store).
Efficiënte CMS-rendering: de blokcontent wordt gefilterd met het standaard CMS-filter (directives, variabelen) en gecachet (standaard 24 uur) met een sleutel die afhankelijk is van de shop.
Samenwerking met een grotere module: als de module een actieve Kowal_ThankYouPage detecteert, en deze in de configuratie is ingeschakeld, dan:
wordt de optie in het panel geblokkeerd (disabled),
en blijft de success page onder controle van die grotere module.
Geen tabellen en geen databasewijzigingen: de installatie is licht (layout + blokken + configuratie).
Configuratie in Magento
Pad: Stores → Configuration → Kowal Checkout → Order Success Page
Custom Order Success Page: eigen success page inschakelen/uitschakelen. Wanneer uitgeschakeld, keert de standaard Magento-pagina terug
Success Page Custom Block: keuze van het CMS-blok dat na de bestelgegevens wordt weergegeven
CMS-content en bestelgegevens
In Stores → Configuration → Kowal Checkout → Order Success Page schakel je Custom Order Success Page in en kies je Success Page Custom Block. Het blok moet actief zijn; de content wordt gefilterd door het CMS-mechanisme van Magento.
CMS heeft een standaard cachelevensduur van 86400 seconden en een sleutel die rekening houdt met de shop. Gebruik hierin content die gemeenschappelijk is voor klanten van een bepaalde view, zoals verwerkingsinstructies en contactgegevens. Details van een specifieke bestelling worden gerenderd in afzonderlijke blokken zonder paginacache.
Google Reviews — instellingen en integratiegegevens
De optionele Survey Opt-in vereist inschakeling en het invoeren van Merchant ID. Je stelt ook het aantal dagen voor de geschatte levering en de attribuutcode GTIN/EAN in. De module geeft het bestelnummer, e-mailadres, land, geschatte datum en productidentificaties door aan het Google-script.
De datum wordt berekend als de presentatiedag + het geconfigureerde aantal dagen; deze is niet afkomstig uit een berekening van de vervoerder. De code haalt het land van levering op met fallback naar facturering, zichtbare items en maximaal 50 unieke GTIN's. Een deel van de extra configuratievelden wijzigt deze flow niet in de gecontroleerde implementatie.
Optionele Google Merchant Widget
Het pakket bevat ook de Merchant Widget op shoppagina's. In de groep Merchant Widget (Google) stel je een aparte schakelaar, Merchant ID, positie LEFT_BOTTOM of RIGHT_BOTTOM, afstanden voor desktop/mobile en een optionele regio in.
De widget en Survey Opt-in zijn standaard uitgeschakeld. De zichtbaarheid van Google-functies hangt ook af van het account, correcte gegevens en het laden van externe scripts.
Afhankelijkheden en samenwerking met andere extensies
Het pakket vereist kowal/base en kowal/module-checkout. Detectie van een actieve Kowal_ThankYouPage kan de controle over de success page aan die module overdragen en de schakelaar voor de eigen pagina in het panel blokkeren.
De container order.success.additional.info maakt het mogelijk eigen blokken toe te voegen. De sectie custom.comment leest de bestellingsopmerking uit als deze is opgeslagen door het gebruikte proces of de gebruikte extensie. De module zelf voegt geen opmerkingenveld toe aan de checkout.
Installatie via Composer
Pakket kowal/module-checkoutthankyoupage, module Kowal_CheckoutThankYouPage. Nadat je toegang tot de Kowal-repository hebt geconfigureerd, installeer je het pakket, schakel je de module in, werk je Magento bij en wis je de cache. Neem in productie compilatie en deployment van statische content op volgens het proces van de shop.
Van configuratie naar resultaat
1. Je bereidt CMS-content voor
Je voegt instructies, contactgegevens en informatie na aankoop toe.
2. Je schakelt de success page in
Je kiest het blok en de instellingen voor de store view.
3. De klant ziet de samenvatting
Na het plaatsen van de bestelling ontvangt hij details en vervolgstappen.
Wat gebeurt er nu met mijn bestelling?
Naast producten en de bedragensamenvatting ziet de klant verwerkingsinstructies, contact met de klantenservice, een link naar de FAQ en informatie over retouren.
De content werk je bij in CMS. Een optionele code voor volgende aankopen of een beschrijving van accessoires voeg je toe als eigen melding; de module maakt zelf geen kortingsregel of productaanbevelingen aan.
Zorg voor goede communicatie na het plaatsen van een bestelling
Wil je de module op je shop afstemmen? Vraag naar de implementatie van Kowal Checkout Thank You Page en bespreek de configuratie of benodigde uitbreidingen.
Meer informatie
| Overeenstemming met sjabloon | Luma / Blank, Smid |
|---|
Change Log
Versie: 1.0.13
12.02.2026
Toegevoegd
- Integratie **Google Customer Reviews (Survey Opt-in)** op de bedankpagina na bestelling (Success Page).
- Nieuwe template: `view/frontend/templates/onepage/google_opinie.phtml` die `platform.js` laadt en `gapi.surveyoptin.render()` rendert.
- Nieuw blok: `Kowal\CheckoutThankYouPage\Block\Onepage\Success\GoogleOpinie` dat de payload voor Google genereert (merchant_id, order_id, email, delivery_country, estimated_delivery_date, products[].gtin).
- Toevoeging van het blok aan de layout van de success page, met `cacheable='false'` (gegevens per bestelling).
Configuratie
- Uitbreiding van `system.xml` met een configuratiesectie voor Google-reviews:
- Integratie inschakelen/uitschakelen.
- `merchant_id` (Merchant Center ID).
- `estimated_delivery_days` (berekening van de leverdatum).
- `gtin_attribute` (attribuutcode GTIN/EAN in het product).
- Opties voor de bron van het leveringsland (shipping/billing).
- Limiet voor het aantal producten in de payload.
- Standaardwaarden toegevoegd in `etc/config.xml`.
- ACL toegevoegd voor de configuratie (rechten voor de sectie in het panel).
Notities
- De integratie wordt alleen uitgevoerd op de success page na het plaatsen van een bestelling en is gebaseerd op de laatste bestelling uit de checkout-sessie.
- Als vereiste gegevens ontbreken, bijvoorbeeld merchant_id, rendert het blok het opt-in-script niet.
Installatiehandleiding voor de module
Installatie via Composer
De toegangsgegevens voor de Composer-repository, het e-mailadres van de klant en de licentietoken, ontvang je na aankoop per e-mail. Ze zijn ook beschikbaar in het klantenpaneel nadat je bent ingelogd op kowal.store. Vervang TWOJ_EMAIL_KLIENTA door het e-mailadres van je account en TWOJ_TOKEN door de ontvangen token. Voer de opdrachten uit in de hoofdmap van Magento.
composer config repositories.kowal composer https://repo.kowal.storecomposer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'composer require kowal/module-checkoutthankyoupageInstallatie afronden
Voer na installatie van het pakket een Magento-update uit en wis de cache:
php bin/magento setup:upgradephp bin/magento cache:flushVoer in een productieomgeving ook DI-compilatie en deployment van statische bestanden uit volgens het deploymentproces van de shop.
Klantenreviews
Vragen en antwoorden
Bij toursport.pl zochten klanten na aankoop vaak naar informatie over “wat nu” — waar ze de bestelgegevens konden bekijken, hoe de verzending/afhandeling verloopt en welke producten geschikt zijn als accessoires. De standaard succespagina van Magento was te beperkt en bood geen ruimte voor een duidelijke instructie.
Geïmplementeerde oplossing
We hebben de module Kowal_CheckoutThankYouPage toegepast om:
de volledige bestelgegevens op de succespagina te behouden (artikelen, bedragen, gegevens),
onderaan een specifiek CMS-blok toe te voegen, voorbereid voor toursport.pl.
In het CMS-blok zijn onder meer opgenomen:
een korte instructie “wat nu” (e-mail, verwerkingstijd, contact),
een sectie met links naar hulpinformatie (retouren, klachten, algemene voorwaarden),
een banner die aanzet tot volgende aankopen (bijv. accessoires / aanvullingen),
een verkoopboodschap afgestemd op het merk.
Effect
De klant ziet direct niet alleen het bestelnummer, maar ook alle informatie en instructies.
Het winkelteam kan de inhoud bewerken zonder tussenkomst van een ontwikkelaar — het CMS-blok vervangen is voldoende.
De oplossing is licht en veilig: ze grijpt niet in op het bestelproces, maar alleen op de succesweergave.