Question

我有一个Wordpress网站，想添加一个Mailchimp模式来注册简报。但是，我不希望它只在给定时间后出现，这是Mailchimp提供的唯一代码。我已经搜索了可以完成工作但无法找到可靠选择的插件。我在Github上找到了一些信息，但没有一个特定于Wordpress。

到目前为止，我找到了这段代码：

<!-- 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>

我已经尝试将代码的第二部分放在几个不同的区域，包括按钮所在的标题和小部件，没有一个有效。关于我做错了什么的想法？

Answer 1

我解决了这个问题。

这是我的按钮的代码，我直接输入文本小部件的代码：

<button id="open-mc-popup" onclick ="showMailingPopUp(); return false;">Subscribe</button>

下一节我将介绍主题的标题。如果您是wordpress的新手，或者不知道如何到达，请按照以下步骤操作。 Appearance > Editor > Theme Header (header.php)如果主题继承自父主题，则必须先单击该父级的链接。一旦你在那里，你可以把这段代码放在<head> </head>部分之间，但要注意不要删除任何现有的代码。

<!-- This is the Mailchimp Modal. -->

  <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_HERE",
      "lid":"YOUR_LID_HERE"}) })
    document.cookie = "MCEvilPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
  };</script>

最后确保您更新了"baseUrl" "uuid"＆amp; "lid"匹配Mailchimp为弹出窗体代码提供的内容。在选择一个Mailchimp列表（在Mailchimp网站上）并选择弹出窗体并单击获取代码后，即可找到。

如何在Wordpress中为Mailchimp弹出窗体创建一个按钮填充模式

1 个答案: