Probleme mit dem Klaviyo Embed Code in WordPress?

Klaviyo ist ein mächtiges und sehr intuitives Newsletter-System, mit dem wir als E-Commerce Agentur ebenfalls gerne arbeiten. Doch was wenn die Anmeldemaske deines Newsletters in WordPress einfach nicht angezeigt wird, obwohl die Form veröffentlicht ist? Keine Sorge, vielleicht können wir mit diesem Artikel ganz einfach und schnell helfen.

Wenn das Klaviyo Anmeldeformular auf der WordPress Website nicht angezeigt wird, dann liegt das meist an diesen Punkten:

• Das Klaviyo Formular wurde nicht auf „Live“ gesetzt. Diese Einstellung findest du in Klaviyo bei der jeweiligen Konfiguration der E-Mail Anmeldeform.
• Du verwendest eventuell einen falschen Embed-Code oder ein falsche Test-Url. Prüfe nochmals den Code bzw. den Link, wo du das testest.
• Es fehlt das Klaviyo Script im Footer deiner WordPress-Website. Wie das auszusehen hat und wie man es einbindet zeigen wir dir im nächsten Schritt.

Das Klaviyo Script

Bei WordPress musst du dieses Script in den Footer hinterlegen. Den API Key findest du im Klaviyo unter Einstellungen > API-Schlüssel [Link]

<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=DEIN-API-KEY"></script>

Das angepasste Klaviyo Script für WordPress functions.php

function shomugo_add_klaviyo_script($tag, $handle, $src) {
    if ('klaviyo-onsite-js' === $handle) {
        return '<script async type="text/javascript" src="' . esc_url($src) . '"></script>';
    }
    return $tag;
}
add_filter('script_loader_tag', 'shomugo_add_klaviyo_script', 10, 3);

function shomugo_enqueue_klaviyo_script() {
    wp_enqueue_script(
        'klaviyo-onsite-js',
        'https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=DEIN-API-KEY',
        array(),
        null,
        true
    );
}
add_action('wp_enqueue_scripts', 'shomugo_enqueue_klaviyo_script');