Wix
Een productconfigurator voor Wix in één element
Zet een 3D-productconfigurator op Wix met het element Code insluiten: waar je de regel plakt, hoe je de hoogte instelt en hoe je de mobiele weergave controleert.
Geen plug-in nodigWerkt met je themaAanvragen komen in je pijplijn
Zo zet je het op
Voeg het in een paar minuten toe aan Wix
- Bouw je product, of open het in je beheer, en kopieer de embedregel.
- Open in de Wix Editor de pagina, klik op Elementen toevoegen, dan Code insluiten (Embed Code) en kies Embed HTML.
- Klik op Code invoeren, kies de optie Code en plak de regel.
- Trek het element over de volle breedte van de sectie en geef het ruim hoogte, bijvoorbeeld 900 pixels of meer.
- Schakel naar de mobiele weergave, controleer het element daar en pas de maat apart aan.
- Publiceer en test de live pagina in een privévenster.
Wix past zijn menunamen regelmatig aan, en Wix Studio gebruikt net andere labels; zoek het element waarmee je HTML of code insluit. Controleer ook je Wix-abonnement, want sommige codefuncties hangen daarvan af.
<script src="https://store.nextconfigurator.com/static/embed.js" data-calipy="https://store.nextconfigurator.com/p/YOUR-STORE/embed/YOUR-PRODUCT"></script>Voorbeeld. Je eigen regel staat op de productpagina in je beheer, onder "Insluiten op andere websites", en op de pagina die je na het bouwen ziet.
Een 3D-productconfigurator zet je op Wix door een element voor ingesloten code (Embed HTML) aan de pagina toe te voegen, de embedregel erin te plakken en het element hoog genoeg te maken, op desktop én in de mobiele weergave. Offerteaanvragen komen binnen in je pipeline van Next Configurator.
Wat het is
Een productconfigurator voor Wix is een 3D-ontwerper op je Wix-site waar klanten maten instellen, opties kiezen en een offerte aanvragen. Wix laat je geen scripts direct in een pagina plakken; het draait ze in een embed-element. De regel van Next Configurator werkt daar prima, zolang je het element genoeg ruimte geeft.
Hoogte en mobiele weergave
Hier zit op Wix het werk. De configurator past zijn hoogte zelf aan, maar Wix toont de embed in een kader met de maat die je in de editor instelde. Is dat kader te laag, dan ziet de klant een scrollbalk of een afgesneden aanvraagformulier.
- Desktop: maak het element hoog genoeg voor het 3D-beeld en de volledige optielijst. Test met je langste product.
- Mobiel: Wix heeft een aparte lay-out voor telefoons. Controleer het daar en maak het element hoger, want de opties staan onder het model.
- Test het formulier: scrol op een telefoon naar beneden en verstuur een testaanvraag.
Wat de klant ziet
De klant stelt op je Wix-pagina zijn tuinkamer samen: maten, positie van de deur, kleur van de gevelbekleding, beglazing. Hij ziet het model veranderen, bekijkt het in AR op zijn telefoon en verstuurt de aanvraag, met foto’s of een inmeetafspraak als je die aanzette.
Waar de aanvragen binnenkomen
Aanvragen landen in je pipeline van Next Configurator, niet in Wix-formulieren. Elke aanvraag wordt een genummerde offerte met opties, pdf en online offertepagina. Omdat Wix de code in een eigen frame draait, controleer je na een testaanvraag in je advertentieaccount of conversies binnenkomen zoals verwacht.
Waar je op let
- Element te laag, vooral in de mobiele weergave.
- Cookiebanners die externe scripts tegenhouden: sta de configurator toe als functioneel.
- Toegestane websites: heb je de embed per product beperkt, voeg dan je Wix-domein en je eigen gekoppelde domein toe.
- Meerdere pagina’s: één element per productpagina, elk met zijn eigen regel.
Vragen en antwoorden
Twijfel je nog? We lopen het samen met je eigen product door.
Boek een rondleidingWaarom wordt de configurator op mijn Wix-pagina afgesneden?
Het element Embed HTML heeft een vaste maat. Maak het hoger in de editor, op desktop en apart in de mobiele weergave.
Kan ik in plaats daarvan Wix Velo of eigen code in de instellingen gebruiken?
Het pagina-element is de eenvoudigste route. Eigen code voor de hele site zet scripts in de head of body van elke pagina, en daar wil je geen configurator.
Werkt het met het gratis Wix-abonnement?
Controleer je Wix-abonnement. Wix bepaalt welke codefuncties elk abonnement heeft, en dat kan veranderen.
Ziet de klant een scrollbalk?
Alleen als het element lager is dan de configurator. Geef het genoeg hoogte en de pagina scrolt gewoon.
Live in drie minuten. Van jou voor €499 per maand.
14 dagen gratis, daarna één abonnement met alles erin. Live in ongeveer drie minuten. Maandelijks opzegbaar.