Configurator op WordPress zetten

Dit werkt met de standaard blokeditor (Gutenberg), Elementor, WPBakery en elke paginabouwer waarin je eigen HTML kunt plakken. Pak eerst de code van een directe link of een iframe.

Met de blokeditor (Gutenberg)

1. Open de pagina waar de configurator moet komen.

   Kies in WordPress Pagina'sBewerken bij de juiste pagina.

2. Voeg een blok toe met de plusknop.

   Klik op het plusteken om een nieuw blok toe te voegen.

3. Kies het blok Aangepaste HTML.

   Zoek naar "HTML". In een Engelstalige WordPress heet het blok "Custom HTML".

4. Plak de code en klik op Bijwerken.

   Plak de link- of iframe-code en publiceer de pagina.

Met Elementor

1. Open de pagina in Elementor.

2. Sleep een HTML-widget naar de plek waar de configurator moet komen.

3. Plak de link- of iframe-code in de widget.

4. Klik op Publiceren.

Met een shortcode

Gebruik je de configurator op meerdere pagina's, dan kan je webbouwer een shortcode maken. Die zet dit in functions.php van het (child)thema:

function meetpiloot_configurator_shortcode() {
    return '<iframe
        src="https://meetpiloot.nl/{jouw-slug}/configure?embed=true"
        width="100%"
        height="800"
        style="border: none;"
        title="Configurator">
    </iframe>
    <script src="https://meetpiloot.nl/embed/mp-tracking.js"></script>';
}
add_shortcode('meetpiloot', 'meetpiloot_configurator_shortcode');

Daarna plaats je [meetpiloot] in elke pagina of elk bericht.

Controleren of het werkt

Open de pagina in een privévenster. Je ziet de configurator binnen een paar seconden. Verstuur een testaanvraag en controleer of hij in je leads staat.