Zum Hauptinhalt springen

Nach Anfrage auf Dankesseite weiterleiten

Frage​

Kann man nach dem „Anfragen"-Button, nachdem der Kunde alle Daten abgeschickt hat, den Kunden zurück auf die Webseite schicken? Also sodass er bei mir in der URL auf eine Dankesseite kommt?

Antwort​

Der K3 hat kein eingebautes Redirect-Feature. Sie können aber über ein JavaScript-Event die Weiterleitung selbst implementieren.

Lösungsansatz mit JavaScript​

Der K3 sendet nach dem Speichern einer Konfiguration das Event K3ConfigurationSaved über window.postMessage. Dieses Event können Sie auf Ihrer Webseite abfangen und dann eine Weiterleitung auslösen.

window.addEventListener("message", function (event) {
  // Prüfen ob es ein K3-Event ist
  if (event.data && event.data.type === "K3ConfigurationSaved") {
    // Optional: Nur bei bestimmten Aktionen weiterleiten (z.B. nur bei "email")
    if (event.data.actionKey === "email") {
      // Weiterleitung auf Ihre Dankesseite
      window.location.href = "https://ihre-website.de/danke/";
    }
  }
});

Was enthält das Event?​

Das Event K3ConfigurationSaved enthält folgende Informationen:

  • actionKey: Art der Aktion, z.B. "email", "cart", "pdf"
  • code: Der eindeutige Konfigurations-Code
  • customer: Die eingegebenen Kundendaten (Name, E-Mail, etc.)

Sie können diese Daten auch an Ihre Dankesseite übergeben:

window.addEventListener("message", function (event) {
  if (event.data && event.data.type === "K3ConfigurationSaved") {
    // Konfigurations-Code an Dankesseite übergeben
    const code = event.data.code;
    window.location.href = `https://ihre-website.de/danke/?code=${code}`;
  }
});
Funktioniert mit IFrame und Web Component

Diese Lösung funktioniert sowohl bei der IFrame-Einbindung als auch bei der Web Component (bevorzugt). Bei einer Einbindung als einfacher Link haben Sie keinen Zugriff auf die JavaScript-Events.

Alternative: Warenkorb-Aktion nutzen​

Wenn Sie eine Warenkorb-Integration eingerichtet haben, landet der Nutzer automatisch in Ihrem Shop – dort können Sie dann eine Bestätigungsseite anzeigen.

Weiterführende Informationen​

Verwandte Themen​

  • JavaScript Events abfangen
  • postMessage-Kommunikation
  • IFrame-Integration