Je calculator insluiten op je website (WordPress, Wix, Webflow & meer)
5 min lezen
Je calculator insluiten gaat met één regel code. Die regel laadt de calculator in een veilig kader (iframe) dat automatisch meegroeit met de inhoud, zodat er geen scrollbalkjes verschijnen. Hieronder vind je de algemene werkwijze plus stappen per platform.
- 1Kopieer de code
- 2Plak in een HTML-blok
- 3Publiceer je site
- 4Live op je website
De code kopiëren
Open je calculator, ga naar het tabblad 'Insluiten' en kopieer de scriptregel. Die ziet er ongeveer zo uit:
<script src="https://quotira.app//embed.js" data-calculator="jouw-slug" async></script>Plak deze code op de plek waar de calculator moet verschijnen. Dat is alles.
WordPress
Gebruik je de blok-editor, voeg dan een 'Aangepaste HTML'-blok toe en plak de code daarin. Bij Elementor gebruik je de 'HTML'-widget. Plak de code niet in een gewoon tekstblok - dan wordt hij niet uitgevoerd.
Wix
Kies 'Insluiten' → 'Code insluiten' (Embed HTML / iframe) en plak de scriptregel. Sleep het element naar de juiste plek en geef het voldoende hoogte; de calculator past zijn hoogte daarna zelf aan.
Webflow
Sleep een 'Embed'-element (Add → Components → Embed) op de pagina en plak de code. Publiceer je site om het resultaat live te zien.
Squarespace & andere bouwers
Vrijwel elke websitebouwer heeft een 'Code'- of 'Embed'-blok. Zoek daarop en plak de scriptregel. Lukt het niet, mail ons de link naar je site - dan kijken we mee.
Veelvoorkomende problemen
- Calculator verschijnt niet? Controleer of de code in een HTML-/embed-blok staat, niet in gewone tekst.
- Eerst publiceren: de calculator moet in Quotira gepubliceerd zijn, anders is er nog niets om te tonen.
- Zie je een oude versie? Wijzigingen worden pas zichtbaar nadat je in Quotira opnieuw publiceert.
Kom je er niet uit? We helpen je graag.
Neem contact op