Tutorial

Im Web veroeffentlichen

Konfigurator auf einer Website einbetten und die veroeffentlichte Experience testen

Ueberblick

Publishing macht aus einem funktionierenden Konfigurator eine Experience, die Nutzer direkt auf einer Website oeffnen koennen. Dieses Tutorial zeigt den praktischen Embed-Weg und die Checks vor dem Teilen.

Zeit

Etwa 16 Minuten

Level

Einsteiger

Ziel

Ein eingebetteter Konfigurator mit stabiler Groesse und getesteten Controls

Schritt 1: Projekt vorbereiten

Oeffne den Konfigurator vor dem Einbetten und teste die wichtigsten Optionen. Stelle sicher, dass Defaults sinnvoll sind und die erste Ansicht das Produkt klar zeigt.

Checks vor dem Publish

Teste die Standardkonfiguration, eine kleine Variante, eine grosse Variante und eine Optionskombination, die sichtbare Komponenten aendert.

Schritt 2: Embed-Code einfuegen

Nutze ein iframe fuer die schnellste Integration. Halte den Container responsiv und gib dem Konfigurator genug Hoehe fuer 3D-Ansicht und Controls.

Embed-Beispiel

<iframe
  src="https://app.confbuild.com/embed/YOUR_PROJECT_ID"
  width="100%"
  height="720"
  frameborder="0"
  allowfullscreen>
</iframe>

Schritt 3: Live-Seite testen

Oeffne die Seite in Desktop- und Mobile-Breiten. Pruefe, ob der Konfigurator laedt, Controls erreichbar bleiben und die umgebende Seite keine Scroll-Probleme erzeugt.

Launch-Checkliste

Pruefe Ladezeit, initiale Kameraposition, Control-Labels, mobile Hoehe und den finalen Call-to-Action in der Naehe des eingebetteten Konfigurators.

Naechste Schritte

Bereit zum Livegang?

Teile den veroeffentlichten Konfigurator mit Team oder Kunden.