Webflow
Een productconfigurator voor Webflow in één embed
Zet een 3D-productconfigurator op Webflow met een Embed-element, op een gewone pagina of een CMS-template. Publiceren, plaatsing, CMS-velden en valkuilen uitgelegd.
Geen plug-in nodigWerkt met je themaAanvragen komen in je pijplijn
Zo zet je het op
Voeg het in een paar minuten toe aan Webflow
- Bouw je product, of open het in je beheer, en kopieer de embedregel.
- Open in de Webflow Designer het Add-paneel en sleep een Embed-element (in sommige versies Code Embed) naar de sectie waar de configurator hoort.
- Plak de regel in de code-editor en sla op.
- Zet de oudersectie op volle breedte en laat de hoogte op auto.
- Publiceer naar je webflow.io-testdomein, test, en publiceer daarna naar je eigen domein.
Webflow draait geen eigen scripts in de Designer, dus daar zie je een placeholder. Dat hoort zo. Functies voor eigen code hangen af van je Webflow-abonnement; controleer dat vooraf.
<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 Webflow door een Embed-element op de pagina of het CMS-template te slepen, de embedregel te plakken en te publiceren; de configurator verschijnt op de gepubliceerde site, niet in de Designer. Offerteaanvragen komen binnen in je pipeline van Next Configurator.
Wat het is
Een productconfigurator voor Webflow is een 3D-ontwerper in je Webflow-lay-out waar klanten een product op maat zetten, opties kiezen en een aanvraag sturen. Webflow-sites zijn vaak met zorg gebouwd door een ontwerper, dus de embed past goed: één element in je eigen sectie, vormgegeven zoals jij wilt, zonder de rest van de site aan te raken.
Publiceren
Test eerst op het testdomein. Heb je de embed van het product beperkt tot je eigen websites, voeg dan naast je eigen domein ook het webflow.io-adres toe, anders blijft de test leeg. Open na het publiceren de pagina uitgelogd en verstuur een testaanvraag.
Plaatsing op CMS-templates
Beheer je producten in een CMS Collection, bijvoorbeeld één item per pergolamodel, zet het Embed-element dan op de Collection-templatepagina. De Embed-editor op een templatepagina kan CMS-velden in de code invoegen. Voeg aan de collectie een tekstveld toe met de embed-URL van het product en voeg dat in het attribuut data-calipy in, zodat elk item vanuit één template zijn eigen configurator laadt.
Laat het veld leeg bij items zonder configurator en verberg de sectie daar met voorwaardelijke zichtbaarheid.
Wat de klant ziet
De configurator staat in jouw ontwerp. De klant stelt breedte en diepte van de pergola in, kiest lamellen of een vast dak, een RAL-kleur en verlichting, ziet het model in 3D en in AR op zijn telefoon en verstuurt een aanvraag. Prijzen staan live, als “vanaf” of niet, per product.
Waar de aanvragen binnenkomen
Aanvragen landen in je pipeline van Next Configurator, niet bij de formulierinzendingen van Webflow. Je maakt van elke aanvraag een genummerde offerte met opties en online offertepagina, en opvolging houdt open aanvragen bij.
Waar je op let
- Vaste hoogtes. Een sectie met vaste hoogte of verborgen overflow snijdt de configurator af. Gebruik auto.
- Cookiebanners. Sta de configurator toe als functioneel script.
- Meerdere pagina’s. Eén Embed per configurator; op CMS-templates één veld per item.
Vragen en antwoorden
Twijfel je nog? We lopen het samen met je eigen product door.
Boek een rondleidingWaarom zie ik de configurator niet in de Designer?
Webflow draait geen eigen scripts in de Designer. Publiceer en bekijk de test- of live site.
Kan één CMS-template al mijn producten bedienen?
Ja. Zet de embed-URL van elk product in een CMS-veld en voeg dat in de Embed-code op de templatepagina in.
Heeft het invloed op mijn Webflow-interacties?
Nee. De configurator draait in een eigen frame binnen het element en laat je interacties met rust.
Kan ik de configurator in Webflow stylen?
Je stylet de sectie eromheen in Webflow. Kleuren en lettertypes in de configurator komen uit de instellingen van je winkel in Next Configurator.
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.