Czy tracking kroków checkout zadziała z customowymi modułami checkout?

Marketing Revolution może śledzić postęp checkout, ale tylko wtedy, gdy checkout wystawia strukturę kroków, której moduł nasłuchuje.

Warto pamiętać o trzech osobnych elementach. Event begin_checkout jest budowany z kontekstu kontrolera checkout/order PrestaShop. Event purchase jest wysyłany z hooka potwierdzenia zamówienia po utworzeniu zamówienia. Przeglądarkowe eventy add_shipping_info i add_payment_info są wykrywane przez JavaScript, gdy zmienia się aktywny krok checkout.

• Domyślny checkout PrestaShop: zwykle działa, bo używa kontenera checkout i aktywnych klas kroków, takich jak kroki delivery i payment.
• Checkout Revolution: używa własnego modal/section checkout UI, więc nie należy zakładać, że Marketing Revolution zobaczy domyślne selektory kroków PrestaShop bez bridge/custom integration.
• Third-party one-page checkout: działa tylko wtedy, gdy zachowuje kompatybilny markup, taki jak #checkout albo .checkout-process, z aktywnym .checkout-step.-current, którego id albo data step zawiera delivery/shipping/payment. Checkout Vue/React albo custom OPC z niezwiązanymi selektorami może nadal śledzić purchase, ale może pominąć eventy shipping i payment step.

Jeśli eventy kroków są ważne dla GA4 albo platform reklamowych, po wyborze modułu checkout przetestuj checkout w browser network/tag debugger. Nie polegaj tylko na purchase event jako dowodzie, że eventy shipping i payment step działają.

Dokładny watcher po stronie przeglądarki szuka kontenera #checkout albo .checkout-process, obserwuje zmiany, a potem szuka .checkout-step.-current albo .step.-current. Jeśli id aktywnego kroku albo data-step zawiera delivery albo shipping, wysyła add_shipping_info; jeśli zawiera payment, wysyła add_payment_info.

<section id='checkout'><div class='checkout-step -current' id='checkout-delivery-step'>...</div></section>

To oznacza, że checkout może być wizualnie idealny, a nadal niewidoczny dla step tracking, jeśli aktywny krok istnieje tylko w stanie JavaScript. W takim przypadku dodaj kompatybilny markup/klasy do szablonu checkoutu albo stwórz mały bridge dispatchujący event Marketing Revolution, gdy custom checkout zmienia krok.