Tutorial

Im Web veröffentlichen

Konfigurator auf einer Website einbetten und die veröffentlichte Experience testen

Überblick

Publishing macht aus einem funktionierenden Konfigurator eine Experience, die Nutzer direkt auf einer Website öffnen können. 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 Größe 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 einfügen

Nutze ein iframe für die schnellste Integration. Halte den Container responsiv und gib dem Konfigurator genug Höhe für 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. Prüfe, ob der Konfigurator laedt, Controls erreichbar bleiben und die umgebende Seite keine Scroll-Probleme erzeugt.

Launch-Checkliste

Prüfe Ladezeit, initiale Kameraposition, Control-Labels, mobile Höhe und den finalen Call-to-Action in der Naehe des eingebetteten Konfigurators.

Nächste Schritte

Live gehen

Teile den veröffentlichten Konfigurator mit Team oder Kunden.