【发布时间】：2016-12-26 10:11:21
【问题描述】：
我正在为 wordpress 页面使用 Contact Form 7 插件创建自定义表单： 单击“按钮”时，我想在弹出窗口中显示该表单。
谢谢
【问题讨论】：
标签： php wordpress contact contact-form-7
【发布时间】：2016-12-26 10:11:21
【问题描述】：
您需要带有 Canvas 表单的 OptinMonster 专业计划 类型。 OptinMonster 是 WordPress 最好的弹出插件。您也可以使用其他免费插件。
在选项中，在“自定义 HTML”框中，您将输入您的联系表单短代码以及您可能想要添加的任何其他自定义 HTML。 这是我们用于为本教程创建模式弹出窗口的示例 HTML。
<h3>Do You Have Any Questions?</h3>
2
<p class="tagline">Want to ask us more about our services? Simply fill out this form and we will get back to you as soon as possible. </p>
3
[wpforms id="119"]
切换回您的 WordPress 管理区域并单击 OptinMonster。您将看到您的选项列表。如果您没有看到您的选项，请单击刷新选项按钮。 单击您的选择下方的“编辑输出设置”链接。这将带您进入弹出窗口的输出设置。
首先，您需要选中“启用现场选择”和“全局加载选择”选项旁边的框。如果您不检查这些，则弹出窗口将不会出现在您的网站上。 在页面上向下滚动，您将看到“解析短代码内容”选项。确保它被选中，否则 OptinMonster 将不会解析弹出窗口中的短代码。 接下来，您需要输入已包含在弹出窗口中的简码。这是您的联系表格简码。 单击保存设置以存储您的更改。
在 WordPress 中创建一个新页面或编辑您想要添加联系表单弹出链接或按钮的帖子或页面。在帖子编辑器中切换到文本编辑器并添加您的弹出链接，如下所示： 1
<a href="#" class="manual-optin-trigger" data-optin-slug="mw7pzo63ch6wpfzi">contact us</a>
别忘了用你自己的 optin slug 替换 data-optin-slug。 保存您的更改并访问您的帖子/页面。单击链接以查看您的联系表单弹出窗口。
如果您想增加您的电子邮件列表但又不想为 OptinMonster 付费，那么 PopupAlly 是一款适合您的简洁的免费 WordPress 弹出插件。借助内置的高级功能，此灯箱弹出插件可让您在人们即将退出您的网站时建立您的列表。 就像 OptinMonster 一样，它也提供了 Exit-intent 技术。退出意图弹出窗口可让您捕获丢失的访问者，并且已显示可将转化率提高 300% 以上。 使用 PopupAlly，您无需了解编码技能，而且您仍然可以在 5 分钟内创建高级弹出式注册表单。 PopupAlly 的可视化编辑器允许您通过即时预览自定义弹出窗口的外观，从而为您节省大量时间。 WordPress Plugin Repository
【讨论】：
-
谢谢，我试试这个。
-
我必须在菜单栏（右侧）中添加一个按钮，然后单击该按钮，应该会在弹出窗口中打开。
-
检查更新的答案