如何在单击时显示 Mailchimp 订阅弹出表单答案

【问题标题】：How to display the Mailchimp subscribe popup form on click如何在单击时显示 Mailchimp 订阅弹出表单
【发布时间】：2020-04-23 16:43:55
【问题描述】：

我正在使用 WordPress。我必须在单击按钮时显示 Mailchimp 订阅弹出窗口。

我尝试了下面的代码，但它没有显示我的弹出窗口。我检查了谷歌和 SO，我找到了一些解决方案，但这不起作用。

你能帮我解决这个问题吗？

<ul><li class="open-popup"><a href="#">Subscribe to our mailing list</a></li></ul>

    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
    <script>
    function showMailingPopUp() {
        //alert("hello");
        require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us20.list-manage.com","uuid":"bd7ed5583d8f567d56a2ed5ec","lid":"007366445e","uniqueMethods":true})})
        document.cookie = "MCEvilPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC";                  
    };
    $(function() {
        $(".open-popup a").on('click', function() { 
            showMailingPopUp();
        });
    });
    </script>

谁能帮帮我？

【问题讨论】：

标签： javascript jquery html wordpress mailchimp

【解决方案1】：

我遇到了同样的问题 - 我想要一个单击时弹出的 mailchimp。

我找到的解决方案不是使用 mailchimp 的“订阅者弹出窗口”，而是使用“嵌入式表单”选项并将该代码插入到您使用基本“模态”技术创建的弹出窗口中。

模态教程： https://www.w3schools.com/howto/howto_css_modals.asp

【讨论】：