在单击 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 自定义字段添加到购物车旁边的自定义按钮