Virtuelle Anprobe per Snippet einbinden

Verbinde einen Button über das JavaScript-Snippet. Dein Shop liefert das Produktbild direkt sowie Name, Kategorie und Produktseitenlink für die Rückkehr zum Einkauf.

Dein Shop, ein neuer Einstieg

<script
  src="https://virtualtryon.store/widget.js"
  data-product-image="https://your-shop.example/product.jpg"
  data-product-name="Product name"
  data-product-url="https://your-shop.example/product"
  data-category="fashion"
  data-locale="de"
  data-mode="button"
  defer
></script>

Übergib Bildadresse, Produktname, Kategorie und Kauflink der gewählten Variante. Prüfe die Angaben vor der Veröffentlichung; die Shopseite muss nicht ausgelesen werden.

Demoshop

1
Shopoberfläche prüfen
Kläre, ob das Theme ein Snippet erlaubt, wie Varianten bereitgestellt werden und welche Sicherheits- oder Einwilligungsregeln gelten.
2
Produkt übergeben
Übergib eine direkte Produktbild-URL, Name, Kategorie und Produktseitenlink. Prüfe den Bildzugriff und aktualisiere die Daten beim Variantenwechsel.
3
Einstieg platzieren
Konfiguriere einen Button auf der Produktseite oder einen schwebenden Button. Die Kundschaft ergänzt ihr Foto im Dialog und kehrt beim Schließen zur Produktseite zurück.
4
Gesamten Ablauf testen
Teste unterstützte Geräte und Browser, Lade- und Fehlerzustände, Datenschutzhinweise sowie vereinbarte Messereignisse vor der Veröffentlichung.

Was du in deinem Shop prüfen solltest

Eine typische Produktseite mit ihren Varianten
Die Möglichkeit, das Snippet im Theme einzubinden
Erreichbare Produktbilder und geklärte Nutzungsrechte
Datenschutz-, Einwilligungs- und Sicherheitsanforderungen
Eine Testumgebung für den vollständigen Einkaufsablauf

Die Integration ist unabhängig vom Hosting deines Shops. Die Kompatibilität hängt dennoch von Theme, Sicherheitsregeln und dem Zugriff auf Produktdaten ab.

Integration besprechen