Konfigurator auf WordPress einbinden

Das funktioniert mit dem Standard-Block-Editor (Gutenberg), Elementor, WPBakery und jedem Page Builder, in den du eigenes HTML einfügen kannst. Hol dir zuerst den Code für einen direkten Link oder ein iframe.

Mit dem Block-Editor (Gutenberg)

1. Öffne die Seite, auf der der Konfigurator erscheinen soll.

   Wähle in WordPress SeitenBearbeiten bei der richtigen Seite.

2. Füge mit dem Plus-Button einen Block hinzu.

   Klicke auf das Pluszeichen, um einen neuen Block hinzuzufügen.

3. Wähle den Block Individuelles HTML.

   Suche nach "HTML". In einem englischsprachigen WordPress heißt der Block "Custom HTML".

4. Füge den Code ein und klicke auf Aktualisieren.

   Füge den Link- oder iframe-Code ein und veröffentliche die Seite.

Mit Elementor

1. Öffne die Seite in Elementor.

2. Zieh ein HTML-Widget an die Stelle, an der der Konfigurator erscheinen soll.

3. Füge den Link- oder iframe-Code in das Widget ein.

4. Klicke auf Veröffentlichen.

Mit einem Shortcode

Nutzt du den Konfigurator auf mehreren Seiten, kann dein Webentwickler einen Shortcode anlegen. Dafür kommt das hier in die functions.php des (Child-)Themes:

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

Danach setzt du [meetpiloot] in jede Seite oder jeden Beitrag.

Prüfen, ob es funktioniert

Öffne die Seite in einem privaten Fenster. Du siehst den Konfigurator nach wenigen Sekunden. Schick eine Testanfrage ab und prüfe, ob sie in deinen Leads steht.