Javascript 如何使按钮在Wordpress中填充Mailchimp弹出表单的模式
我有一个Wordpress网站,想添加一个Mailchimp模式来注册一份时事通讯。但是,我不希望它在给定的时间之后出现,这是Mailchimp提供的唯一代码。我已经搜索插件,将得到的工作完成,但无法找到一个坚实的选择。我在Github上找到了一些信息,但没有一个是专门针对Wordpress的 到目前为止,我发现了以下代码:Javascript 如何使按钮在Wordpress中填充Mailchimp弹出表单的模式,javascript,php,wordpress,modal-dialog,mailchimp,Javascript,Php,Wordpress,Modal Dialog,Mailchimp,我有一个Wordpress网站,想添加一个Mailchimp模式来注册一份时事通讯。但是,我不希望它在给定的时间之后出现,这是Mailchimp提供的唯一代码。我已经搜索插件,将得到的工作完成,但无法找到一个坚实的选择。我在Github上找到了一些信息,但没有一个是专门针对Wordpress的 到目前为止,我发现了以下代码: <!-- This is the HTML element that, when clicked, will cause the popup to appear. -
<!-- This is the HTML element that, when clicked, will cause the popup to appear. -->
<button id="open-popup">Subscribe to our mailing list</button>
<!-- This is what I have tried putting in the header. -->
<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() {
require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.usXX.list-manage.com","uuid":"YOUR_UUID_GOES_HERE","lid":"YOUR_LID_GOES_HERE"}) })
document.cookie = "MCEvilPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
};
document.getElementById("open-popup").onclick = function() {showMailingPopUp()};
</script>
订阅我们的邮件列表
函数showMailingPopUp(){
require([“mojo/signup forms/Loader”],函数(L){L.start({“baseUrl”:“mc.usXX.list manage.com”,“uuid”:“YOUR_uuid_GOES_HERE”,“lid”:“YOUR_lid_GOES_HERE”})
document.cookie=“mcevipopupclosed=;expires=Thu,1970年1月1日00:00:00 UTC”;
};
document.getElementById(“打开弹出窗口”).onclick=function(){showMailingPopUp()};
我试着将代码的第二部分放在几个不同的区域,包括标题和按钮所在的小部件,但都没有起作用。你知道我做错了什么吗?我解决了这个问题 这是我的按钮的代码,我直接输入到文本小部件中的代码:
<button id="open-mc-popup" onclick ="showMailingPopUp(); return false;">Subscribe</button>
最后,确保您已更新了
“baseUrl”“uuid”
和“lid”
,以匹配Mailchimp为弹出表单代码提供的内容。在选择一个Mailchimp列表(在Mailchimp网站上)并选择弹出表单并单击“获取代码”后,可以找到这个问题。我解决了这个问题
这是我的按钮的代码,我直接输入到文本小部件中的代码:
<button id="open-mc-popup" onclick ="showMailingPopUp(); return false;">Subscribe</button>
最后,确保您已更新了“baseUrl”“uuid”
和“lid”
,以匹配Mailchimp为弹出表单代码提供的内容。在选择一个Mailchimp列表(在Mailchimp网站上)并选择弹出表单并单击“获取代码”后可以找到