Gutscheincode beim Checkout automatisch anwenden

Eine der größten Schwachstellen bei Aktionsangeboten ist die Lücke zwischen „der Nutzer hat den Gutschein gesehen“ und „der Nutzer hat den Code beim Checkout tatsächlich eingegeben“. Auto-Apply schließt diese Lücke vollständig: Wenn einem Besucher von einer Personyze-Kampagne (oder einer anderen Quelle) ein Gutschein gezeigt wurde, kann Personyze den Code automatisch in das Gutscheinfeld des Checkouts einsetzen — ohne Kopieren und Einfügen.

Wann Sie es einsetzen

• Websiteweite Aktionskampagnen, bei denen die Kampagne selbst das Angebot anzeigt („15 % auf Ihre erste Bestellung — wird beim Checkout angewendet“).
• Rückgewinnung bei Warenkorbabbruch, wenn Sie einen Besucher mit einem Rabatt zurückgeholt haben und sicherstellen wollen, dass er auch greift.
• Personalisierte Willkommensangebote für neue Besucher oder bestimmte Zielgruppensegmente.
• Treue- / VIP-Rabatte, die für bekannte wiederkehrende Kunden still angewendet werden.

So funktioniert es

Der Ablauf hat zwei Hälften:

1. Targeting — Nutzen Sie Personyze-Zielgruppen, um Besucher zu erkennen, die das automatische Anwenden erhalten sollen (z. B. „hat in dieser Sitzung das 15-%-Banner gesehen“, „ist wiederkehrender Kunde“, „hat in den letzten 7 Tagen einen Warenkorb abgebrochen“).
2. Aktion — Lösen Sie auf der Checkout-Seite eine Aktion aus, die den Gutscheincode in das Gutscheinfeld Ihres Checkouts setzt. Zwei Umsetzungsmöglichkeiten:

Option 1 — HTML-Aktion (Platzhalter-Tausch)

Der einfachste Ansatz, wenn das Gutscheinfeld Ihres Checkouts einen stabilen Selektor hat. Nutzen Sie eine Personyze-HTML-Aktion, um das Attribut value des Gutscheinfelds (oder seinen umgebenden Wrapper) anzusprechen und den Code einzufügen. Das funktioniert gut bei Standard-Checkout-Vorlagen, in denen das Gutscheinfeld von Anfang an auf der Seite ist.

Option 2 — JavaScript-Aktion

Für dynamische Checkouts (mehrstufige Abläufe im Stil von Shopify, React/Vue-Checkouts, die das Gutscheinfeld spät einbinden) nutzen Sie eine JavaScript-Aktion. Das Skript kann warten, bis das Feld erscheint, den Wert setzen und ein „change“-Ereignis auslösen, damit das Framework Ihres Checkouts die Änderung erkennt:

// Example: wait for the coupon field, then insert code + trigger validation
var couponCode = 'WELCOME15';
var observer = new MutationObserver(function() {
  var input = document.querySelector('input[name="discount"], input[id*="coupon"]');
  if (input && !input.value) {
    input.value = couponCode;
    input.dispatchEvent(new Event('input',  { bubbles: true }));
    input.dispatchEvent(new Event('change', { bubbles: true }));
    // Optionally click the apply button
    var btn = document.querySelector('button[name="apply-discount"]');
    if (btn) btn.click();
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });

Wenn Sie Hilfe brauchen, dies an Ihre Plattform anzupassen (Shopify, BigCommerce, Magento, Eigenentwicklung), wenden Sie sich an support@personyze.com — wir können plattformspezifische Snippets bereitstellen.

Best Practices

• Zeigen Sie den Gutschein immer zuerst sichtbar an. Einen Code automatisch anzuwenden, den der Nutzer nie gesehen hat, kann seltsam wirken. Zeigen Sie das Angebot in einem Kampagnenbanner oder Popup und wenden Sie es dann beim Checkout automatisch an.
• Bestätigen Sie das Anwenden sichtbar. Lassen Sie die Aktion zusätzlich eine kleine Meldung wie „Code WELCOME15 angewendet — Sie haben X € gespart“ anzeigen, damit der Nutzer versteht, was passiert ist.
• Testen Sie in einem echten Checkout-Ablauf. Die visuelle Vorschau erkennt keine Probleme mit dem tatsächlichen Formularverhalten. Nutzen Sie den Testmodus in der Konsole mit einem echten Produkt im Warenkorb.
• Kombinieren Sie keine unverträglichen Rabatte. Wenn Ihr Shop keine mehreren Gutscheine erlaubt, kann das automatische Anwenden still fehlschlagen oder einen vorhandenen Gutschein überschreiben. Wählen Sie die Zielgruppe sorgfältig.