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

Posted

技术标签:

【中文标题】如何在单击时显示 Mailchimp 订阅弹出表单【英文标题】:How to display the Mailchimp subscribe popup form on click 【发布时间】: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>

谁能帮帮我?

【问题讨论】:

【参考方案1】:

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

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

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

【讨论】:

以上是关于如何在单击时显示 Mailchimp 订阅弹出表单的主要内容,如果未能解决你的问题,请参考以下文章

Mailchimp - 电子邮件订阅表单的嵌入式表单

单击提交重力表单时显示加载动画

仅在单击某个按钮时显示弹出窗口

在图像单击时显示弹出窗口

如何从编辑文本中删除键盘,但单击编辑文本时显示键盘?

尝试不显示当我单击表单的 EditText 之一时显示的按钮