首页 > 解决方案 > MailChimp 弹出表单点击 WordPress 菜单项

问题描述

我在实现对正在处理的网站标题中的菜单项的简单单击时遇到问题,该菜单项会打开由 MailChimp 生成的订阅表单的弹出窗口。

此外,我在这里和 Github 上查看了有关此主题的其他帖子,但似乎没有任何效果。

以下是我审查过但似乎不起作用的几个帖子示例:

这是我到目前为止所拥有的:

头文件

这存储在 中,<head>因此它将在菜单项之前加载。

<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>

<script type="text/javascript"> function showMailingPopUp() {
    require(["mojo/signup-forms/Loader"], function(L) {
        L.start({
            "baseUrl": "mc.us18.list-manage.com",
            "uuid": "myUUID",
            "lid": "myLID"
        })
    }) 
document.cookie = 'MCEvilPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;';
document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;';
document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;';
};
$(function() {
    $(".subscribe a").on('click', function() {
        showMailingPopUp();
    });
}); 
</script>

请注意,这.subscribe是一个分配给如下所示菜单项的类: 这是源代码:WordPress仪表板外观菜单项

<li id="menu-item-171" class="subscribe menu-item menu-item-type-custom menu-item-object-custom current_page_item menu-item-home no-mega-menu"><a class="menu-item-link js-smooth-scroll" href="https://thiswebsite.com/#subscribe">Subscribe</a></li>

任何帮助将不胜感激!

标签: javascriptwordpresspopupmailchimppopupwindow

解决方案


刚刚结束了分享您的注册表单 mailchimp


推荐阅读