Waarom je website een 3D configurator nodig heeft
Je website ontvangt bezoekers die actief op zoek zijn naar buitenleefoplossingen — en de meesten vertrekken zonder contact op te nemen. Het conversiepercentage op een standaard website (contactformulier of telefoonnummer) loopt doorgaans tussen 1 en 3% van de bezoekers. Voor elke 100 mensen die je veranda-pagina bezoeken, verlaten 97 tot 99 de pagina zonder te zeggen wie ze zijn.
Een 3D configurator verandert deze vergelijking. In plaats van bezoekers te vragen contact op te nemen, nodigt hij hen uit direct hun product te ontwerpen. De drempel is lager, de ervaring is boeiender en de betrokkenheid is hoger. Bezoekers die 5 tot 10 minuten met een configurator interageren, zijn kwalitatief anders dan bezoekers die een contactformulier bekijken en vertrekken.
De mechanismen worden goed ondersteund door webconversieonderzoek. Volgens Google's consumentenonderzoek besteden woningeigenaren die onderzoek doen naar grote woningverbeteringen aanzienlijk meer tijd op sites met interactieve tools dan op statische brochuresites.
Het inbedden van een 3D configurator op je website betekent het omzetten van je bestaande verkeer in gekwalificeerde, gespecificeerde leads — zonder je advertentiekosten te verhogen.
Hoe inbedden technisch werkt
De 3D configurator van Zinevu wordt ingebed via een enkelvoudig JavaScript-fragment — één regel code die je in je HTML plakt. Er is geen server-side integratie vereist, geen bouwstap en geen afhankelijkheid van je bestaand websiteplatform.
De embed-code laadt de configurator als een iframe binnen je pagina:
<script
src="https://cdn.zinevu.com/embed/v1.js"
data-id="YOUR_CONFIG_ID"
></script>Vervang YOUR_CONFIG_ID door het ID dat wordt getoond in je Zinevu-dealerportaal onder Instellingen → Embed. De configurator laadt in een responsieve container die zich aanpast aan de breedte van het element waarin hij is geplaatst.
De embed-script communiceert terug naar je pagina via JavaScript-events:
window.addEventListener('zinevu:completed', function(event) {
var lead = event.detail;
// lead.customer.email, lead.config, lead.totalPrice
console.log('Nieuwe lead:', lead.customer.name);
});Waar je de configurator op je website plaatst
Plaatsing heeft een significant effect op betrokkenheidspercentages. Dit zijn de meest effectieve posities:
Productpagina's (hoogste impact)
Het inbedden van de configurator direct op de productpagina — naast of onder de productbeschrijving — is de best converterende plaatsing. De bezoeker is al in de productmodus; de configurator is de logische volgende stap. Verwijder of verminder de nadruk op het contactformulier op productpagina's waar de configurator is ingebed.
Dedicated "Ontwerp je veranda"-landingspagina
Maak een zelfstandige pagina (bijv. /ontwerp of /configurator) met de configurator op volle breedte met minimale omringende inhoud. Deze pagina is ideaal als bestemming voor betaald advertentieverkeer, waar je bezoekers precies één actie wilt laten ondernemen.
Homepage hero (voor configurator-first bedrijven)
Dealers die hun marketing rond de configurator hebben gebouwd, plaatsen soms een teaser CTA direct op de homepage. "Ontwerp je veranda in 3D → Ontvang direct een prijs" werkt goed boven de fold.
In e-mail- en WhatsApp-opvolging
De configurator hoeft niet alleen op je website te staan. Een directe link naar je configurator — gehost op je white-label domein — kan worden gedeeld in e-mailreacties, WhatsApp-berichten of sociale media-posts.
Stap voor stap: van portaal naar live integratie
Dit is het volledige proces voor het inbedden van een Zinevu 3D configurator op je website:
- Stel je productcatalogus in. Configureer de structuren, opties en prijsregels die beschikbaar moeten zijn voor klanten in je Zinevu-dealerportaal. De meeste dealers voltooien dit in 2 tot 4 uur op hun eerste dag.
- Haal je embed-ID op. Navigeer naar Instellingen → Embed in je dealerportaal. Kopieer de
data-id-waarde die wordt getoond — dit is je unieke configurator-ID. - Voeg het script toe aan je website. Plak het embed-fragment in de HTML van elke pagina waar je de configurator wilt weergeven. Als je een websitebouwer gebruikt (WordPress, Webflow, Squarespace, Wix), plak het in een Aangepast HTML-blok of de code-injectie van de pagina.
- Test in staging. Laad de pagina in een privébrowservenster en voltooi een testconfiguratie. Controleer of de lead verschijnt in je Zinevu CRM-leadinbox.
- Stel je white-label domein in (optioneel maar aanbevolen). Volg het CNAME-configuratieproces beschreven in onze white-label configuratorgids om de configurator te serveren vanuit je eigen domein.
- Go live. Publiceer de pagina. De configurator is nu live en accepteert leads.
Het proces duurt doorgaans minder dan één werkdag van accountcreatie tot live integratie. Lees onze volledige gids op de Zinevu Academy voor stap-voor-stap schermafbeeldingen van elke fase.
Leads opvangen en doorsturen vanuit de configurator
Elke voltooide configuratie genereert automatisch een lead in je Zinevu CRM. De lead omvat:
- Naam, e-mailadres en telefoonnummer van de klant
- De volledige productconfiguratie (structuurtype, afmetingen, materialen, opties)
- Een 3D-render van de geconfigureerde structuur
- De totale geconfigureerde prijs
- Een tijdstempel en bron-URL
Vanuit het CRM kun je reageren op leads met een persoonlijk bericht en een bijgevoegde formele offerte-PDF, of ze direct omzetten in een project in de projectmanagementflow van Zinevu.
Voor teams die externe CRM-systemen gebruiken (HubSpot, Salesforce, Pipedrive), maakt het Zinevu API- en webhooksysteem het mogelijk leads automatisch door te sturen naar je bestaande tools. Zie de Developers & API-pagina voor technische details.
Prestatieoverwegingen voor ingebedde configuratoren
3D-rendering in een browser is computationeel intensief. Hier zijn de beste praktijken voor het handhaven van siteprestaties:
- Laad onder de fold. Gebruik lazy loading — de Zinevu-embed-script doet dit standaard, en initialiseert de 3D-engine alleen wanneer de configurator in beeld komt.
- Test op mobiele apparaten. WebGL-prestaties variëren per mobiele hardware. De Zinevu-configurator bevat prestatieoptimalisaties voor apparaten met een lagere specificatie.
- Vermijd laden op de homepage. Tenzij de configurator je primaire CTA is, vermijd hem in te beddden op drukbezochte pagina's zoals de homepage. Gebruik in plaats daarvan een gelinkte configuratorpagina.
- Monitor met Core Web Vitals. Google's Core Web Vitals meten paginabeleving en beïnvloeden zoekrankings. Als de configurator-embed CLS-problemen veroorzaakt, wikkel het dan in een container met vaste hoogte.
Als je specifieke prestatievragen hebt, heeft het Zinevu Helpcentrum gidsen over het optimaliseren van embed-plaatsing.
