在单击 Wordpress 按钮旁边打开 Mailchimp 订阅表单

Posted

技术标签:

【中文标题】在单击 Wordpress 按钮旁边打开 Mailchimp 订阅表单【英文标题】:Open Mailchimp subscription form next to button on click Wordpress 【发布时间】:2018-03-07 12:25:07 【问题描述】:

我正在尝试在我的 Wordpress 页面上的按钮旁边打开一个 MailChimp 简单订阅表单(通过电子邮件发送并提交)。

我只想有一个简单的按钮,上面写着 Newsletter,当你点击它时,小表格会出现在它旁边或下面。

我找不到一个插件来做到这一点,我想知道是否有人知道,或者我是否必须通过编写一些 js 甚至是一个新插件来做到这一点。

提前致谢

【问题讨论】:

codepen.io/peternguyen/pen/hICga 你已经尝试过什么?请查看How do I ask a good question。 Stack Overflow 不是编码服务。您应该在发布之前研究您的问题并尝试自己编写代码。如果您遇到特定的问题,请返回并附上Minimal, Complete, and Verifiable example 和您尝试过的内容的摘要,以便我们提供帮助。 【参考方案1】:

在此处关注documentation,了解如何生成表单嵌入代码。

然后将其设置为display:none。然后你可以使用 onclick 来触发它。

$('#myButton').on('click', function()

  $('#mailChimpForm').fadeIn();

);

【讨论】:

我需要在 Wordpress 的哪个位置将此代码放在索引页中? ...在索引页中? 对不起,我只是不习惯在 Wordpress 中使用 js。您的意思是在编辑器中的 html 视图中? 不,在您的模板文件中。 我已经在我的 index.php 中添加了这个 js,并且我给了按钮 #myButto ID 和表单 #mailChimpForm ID,但似乎没有工作。

以上是关于在单击 Wordpress 按钮旁边打开 Mailchimp 订阅表单的主要内容,如果未能解决你的问题,请参考以下文章

WordPress电子邮件共享按钮无法在Outlook中打开

Wordpress:在jQuery按钮上,单击Contact Form 7菜单中的预选择选项

WooCommerce:为特定页面添加使用 WordPress 自定义字段添加到购物车旁边的自定义按钮

ReactJS Ant Design - 单击按钮时打开 DatePicker

WordPress - 将按钮添加到标题区域

单击按钮后在现有卡片旁边自动生成一张 CSS 卡片