Embed-code plaatsen

Zo plaats je de iframe-snippet uit Mach3Forms op je eigen website. Het werkt voor elk CMS of HTML-platform waarop je vrij HTML kunt invoegen.

Wat je nodig hebt

• Een openbare vragenlijst (zet in de instellingen Actief aan)
• Toegang tot de HTML-bron van de pagina waarop de vragenlijst moet komen (bijv. een CMS-blok dat HTML accepteert)

Stap voor stap

1. Open de embed-code

1. Open de vragenlijst in Mach3Forms.
2. Klik rechtsboven op Delen .
3. Kies in de modal het tabblad Embed.
4. Kopieer de getoonde snippet. Die bestaat uit een <iframe>-tag plus een klein <script>-blok voor automatische hoogte.

2. Plak de snippet op je website

In de meeste CMS'en doe je dit zo:

• WordPress (klassieke editor): schakel naar Tekst-weergave en plak.
• WordPress (Gutenberg): voeg een Aangepaste HTML-blok toe en plak.
• Webflow: sleep een HTML Embed-element naar je pagina en plak.
• Wix / Squarespace: voeg een Custom Code- of HTML-blok toe en plak.
• Eigen HTML-pagina: plak rechtstreeks in de body van je HTML.

Sla op en publiceer. De vragenlijst is direct zichtbaar.

3. Test in een browser

1. Open de pagina als bezoeker (incognito/privé-modus is handig).
2. Controleer:
   • Wordt de vragenlijst geladen?
   • Past de hoogte zich vanzelf aan als je een vraag invult?
   • Werkt de Versturen-knop en zie je het bedankt-bericht?

Snippet-structuur

De gegenereerde snippet ziet er ongeveer zo uit:

<iframe id="iframe-XXXXXX" src="https://app.mach3forms.com/s/XXXXXX" frameborder="0" height="600px" width="100%" scrolling="no"></iframe>

<script type="text/javascript">
    window.addEventListener('message', function (event) {
        if (event.origin !== 'https://app.mach3forms.com' || event.data.token == 'XXXXXX')
            return;

        if (event.data.event === 'height') {
            var iframe = document.getElementById('iframe-XXXXXX');
            iframe.height = event.data.height + 'px';
        }
    });
</script>

XXXXXX is een unieke token van jouw vragenlijst.

Verschillende plaatsingen

• Eén iframe op een pagina - de simpelste vorm. Gewoon plakken.
• Meerdere vragenlijsten op één pagina - kan, mits het allemaal verschillende vragenlijsten zijn (de tokens verschillen). De auto-resize werkt voor elke iframe afzonderlijk.
• Pop-up of modal - plaats de iframe binnen je eigen modal-component. Houd er rekening mee dat de auto-resize alleen werkt als de iframe zichtbaar is.

Veelgestelde vragen