Skip to main content

Link zum Konfigurator auf die eigene Seite umstellen

Frage​

Der Link, der nach dem Ausführen der Abschlussaktionen ausgegeben wird – zum Beispiel in der E-Mail oder im PDF – zeigt auf die K3-Adresse. Wie stelle ich ihn auf unsere eigene Seite um? Und warum lädt der umgestellte Link nur die Inspiration statt der gespeicherten Konfiguration?

Antwort​

Beide Punkte gehören zusammen: Die Adresse stellen Sie in den Optionen um, den mitgegebenen Konfigurationscode muss Ihre Seite anschließend an den eingebetteten Konfigurator weitergeben.

Adresse umstellen​

  1. Öffnen Sie den Editor Ihres Konfigurators.
  2. Klicken Sie in der Seitenleiste auf Optionen.
  3. Tragen Sie im ersten Reiter Allgemein unter Link zum Konfigurator die gewünschte Adresse ein.
  4. Veröffentlichen Sie den Konfigurator.

Die Adresse muss vollständig sein, also mit Protokoll – zum Beispiel https://www.beispiel.de/konfigurator/.

Konfigurationscode an den Konfigurator übergeben​

Der erzeugte Link hängt den Konfigurationscode als Parameter an, etwa https://www.beispiel.de/konfigurator/?code=372RZU5AG9.

Zeigt der Link auf Ihre eigene Seite, wertet K3 diesen Parameter nicht selbst aus – Ihre Seite lädt den Konfigurator ja über die Web Component. Steht dort ein festes app- oder code-Attribut, wird weiterhin dieses geladen, im typischen Fall also die hinterlegte Inspiration. Der Code aus der Adresszeile muss deshalb an das k3-view-Element übergeben werden:

<script>
  document.addEventListener("DOMContentLoaded", () => {
    const el = document.querySelector("k3-view");
    const url = new URL(window.location.href);
    const code = url.searchParams.get("code");

    if (el && code) {
      el.setAttribute("code", code);
      el.removeAttribute("app");
    }
  });
</script>

Fügen Sie dieses Skript direkt unter der Web Component ein. Danach lädt der Link die gespeicherte Konfiguration.

Prüfen, ob der Code ankommt

Wird weiterhin die Inspiration geladen, prüfen Sie im Browser, ob am k3-view-Element tatsächlich das Attribut code mit dem Wert aus der Adresszeile steht und das Attribut app entfernt wurde.

Weiterführende Informationen​

Verwandte Themen​

  • Gespeicherte Konfiguration erneut öffnen
  • Konfigurator auf eigener Domain betreiben
  • Parameter an die Web Component übergeben