Dublo 3D schuurconfigurator integratie widget handleiding
De Dublo 3D configurator is eenvoudig te integreren in je website.
-
Laad dit stukje JavaScript in op de pagina waar je de configurator wilt integreren: https://app-widget.dublo.app/script.js
-
Voeg een element toe met als id: dublo-3d-schuur-configurator, en geef het element via CSS een hoogte mee (bijvoorbeeld height: calc(100vh - 100px) als je menu 100px hoog is).
-
Optioneel: voeg een data-shed-type attribuut toe aan het element om een type schuur te selecteren.
-
Optioneel: voeg een data-thank-you-page-url attribuut toe aan het element om bezoekers na het aanvragen door te sturen naar een bedanktpagina.
Begin altijd met http(s)://. Als dit attribuut niet aanwezig dan wordt er in de configurator na het aanvragen een popup weergegeven met een bedankt tekst.
Voorbeeld tag
<div id="dublo-3d-schuur-configurator" data-thank-you-page-url="https://www.dublo.nl/bedankt-voor-uw-aanvraag" data-shed-type="forsan"></div>
Beschikbare typen:
- rotan
- hardin
- anson
- anson-m
- forsan
- forsan-m
- menard
- menard-m
- dryden
Bekijk demo met een dynamische hoogte van de configurator gebasseerd op een groot en klein (responsive) menu.
Vragen of opmerkingen? Neem contact met me op via: edwin@lucus.nl
Ontwikkeld door: lucus.nl