Wix
Ein Produktkonfigurator für Wix in einem Element
Binden Sie einen 3D-Produktkonfigurator in Wix per Element Code einbetten ein: wo die Zeile hingehört, wie Sie die Höhe einstellen und die Mobilansicht prüfen.
Kein Plugin nötigPasst zu Ihrem ThemeAnfragen landen in Ihrer Pipeline
Einrichten
In wenigen Minuten in Wix einbinden
- Bauen Sie Ihr Produkt oder öffnen Sie es in Ihrer Verwaltung, und kopieren Sie die Einbettungszeile.
- Öffnen Sie im Wix Editor die Seite, klicken Sie auf Elemente hinzufügen, dann Code einbetten (Embed Code) und wählen Sie Embed HTML.
- Klicken Sie auf Code eingeben, wählen Sie die Option Code und fügen Sie die Zeile ein.
- Ziehen Sie das Element auf die volle Breite des Abschnitts und geben Sie ihm reichlich Höhe, etwa 900 Pixel oder mehr.
- Wechseln Sie in die Mobilansicht, prüfen Sie das Element dort und passen Sie die Größe separat an.
- Veröffentlichen Sie und testen Sie die Live-Seite in einem privaten Fenster.
Wix benennt seine Menüs immer wieder um, und Wix Studio verwendet etwas andere Bezeichnungen; suchen Sie das Element, mit dem Sie HTML oder Code einbetten. Prüfen Sie auch Ihren Wix-Tarif, denn manche Code-Funktionen hängen davon ab.
<script src="https://store.nextconfigurator.com/static/embed.js" data-calipy="https://store.nextconfigurator.com/p/YOUR-STORE/embed/YOUR-PRODUCT"></script>Beispiel. Ihre eigene Zeile steht auf der Produktseite in Ihrer Verwaltung unter „Auf anderen Websites einbetten“ und auf der Seite nach dem Bauen.
Einen 3D-Produktkonfigurator binden Sie in Wix ein, indem Sie ein Element zum Einbetten von Code (Embed HTML) auf die Seite setzen, die Einbettungszeile einfügen und das Element hoch genug machen, auf dem Desktop und in der Mobilansicht. Angebotsanfragen landen in Ihrer Pipeline bei Next Configurator.
Was es ist
Ein Produktkonfigurator für Wix ist ein 3D-Planer auf Ihrer Wix-Website, in dem Kunden Maße einstellen, Optionen wählen und ein Angebot anfragen. Wix lässt Skripte nicht direkt in eine Seite einfügen, sondern führt sie in einem Einbettungs-Element aus. Die Zeile von Next Configurator funktioniert dort, solange Sie dem Element genug Platz geben.
Höhe und Mobilansicht
Hier liegt bei Wix die eigentliche Arbeit. Der Konfigurator passt seine Höhe selbst an, aber Wix zeigt die Einbettung in einem Rahmen mit der Größe, die Sie im Editor festgelegt haben. Ist der Rahmen zu niedrig, sieht der Kunde eine Scrollleiste oder ein abgeschnittenes Anfrageformular.
- Desktop: Machen Sie das Element hoch genug für die 3D-Ansicht und die vollständige Optionsliste. Testen Sie mit Ihrem längsten Produkt.
- Mobil: Wix führt ein eigenes Layout für Smartphones. Prüfen Sie es dort und machen Sie das Element höher, denn die Optionen stehen unter dem Modell.
- Formular testen: Scrollen Sie auf dem Smartphone nach unten und senden Sie eine Testanfrage.
Was der Kunde sieht
Der Kunde plant auf Ihrer Wix-Seite sein Gartenhaus: Maße, Position der Tür, Farbe der Fassadenverkleidung, Verglasung. Er sieht das Modell mitwachsen, betrachtet es per AR auf dem Smartphone und sendet die Anfrage, mit Fotos oder einem Aufmaßtermin, wenn Sie diese Optionen aktiviert haben.
Wo die Anfragen ankommen
Anfragen landen in Ihrer Pipeline bei Next Configurator, nicht in Wix-Formularen. Jede wird zu einem nummerierten Angebot mit Varianten, PDF und Online-Angebotsseite. Weil Wix den Code in einem eigenen Frame ausführt, prüfen Sie nach einer Testanfrage in Ihrem Werbekonto, ob Conversions wie erwartet ankommen.
Worauf Sie achten sollten
- Element zu niedrig, besonders in der Mobilansicht.
- Cookie-Banner, die externe Skripte blockieren: Lassen Sie den Konfigurator als funktional zu.
- Erlaubte Websites: Haben Sie die Einbettung pro Produkt beschränkt, tragen Sie Ihre Wix-Domain und Ihre verbundene eigene Domain ein.
- Mehrere Seiten: ein Element pro Produktseite, jedes mit eigener Zeile.
Fragen und Antworten
Noch unentschlossen? Wir gehen es mit Ihrem eigenen Produkt gemeinsam durch.
Demo-Termin buchenWarum wird der Konfigurator auf meiner Wix-Seite abgeschnitten?
Das Element Embed HTML hat eine feste Größe. Machen Sie es im Editor höher, auf dem Desktop und separat in der Mobilansicht.
Kann ich stattdessen Wix Velo oder benutzerdefinierten Code in den Einstellungen nutzen?
Das Seitenelement ist der einfachste Weg. Benutzerdefinierter Code für die ganze Website landet im Head oder Body jeder Seite, und dort gehört kein Konfigurator hin.
Funktioniert das mit dem kostenlosen Wix-Tarif?
Prüfen Sie Ihren Wix-Tarif. Wix legt fest, welche Code-Funktionen jeder Tarif enthält, und das kann sich ändern.
Sehen Kunden eine Scrollleiste?
Nur wenn das Element niedriger ist als der Konfigurator. Mit ausreichender Höhe scrollt die Seite ganz normal.
In drei Minuten live. Ihr Konfigurator für 499 € im Monat.
14 Tage kostenlos, dann ein Tarif mit allem drin. In etwa drei Minuten live. Monatlich kündbar.