Contact Form 7 WordPress 弹出窗口显示
Contact Form 7 WordPress Popup Display
我正在使用 Contact Form 7 插件为 wordpress 页面创建自定义表单：
我想在单击 "Button" 时在弹出窗口中显示该表单。
谢谢
you need OptinMonster’s pro plan which comes with the Canvas form
type. OptinMonster is the best popup plugin for WordPress. you can use alternate free plugin also.
并在“自定义 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。您将看到您的选择列表。如果您没有看到您的选择，请单击刷新选择按钮。
点击您选择下方的“编辑输出设置”link。这将带您进入弹出窗口的输出设置。
首先，您需要选中“现场启用选择”和“全局加载选择”选项旁边的框。如果您不检查这些，则弹出窗口将不会出现在您的网站上。
在页面上向下滚动，您将看到“解析简码内容”选项。确保选中它，否则 OptinMonster 将不会解析弹出窗口中的简码。
接下来，您需要输入您在弹出窗口中包含的简码。这是您的联系表格简码。
单击保存设置以存储您的更改。
在 WordPress 中创建一个新页面或编辑一个 post 或要添加联系表单弹出窗口 link 或按钮的页面。在 post 编辑器中切换到文本编辑器并像这样添加弹出窗口 link：
1
<a href="#" class="manual-optin-trigger" data-optin-slug="mw7pzo63ch6wpfzi">contact us</a>
不要忘记将 data-optin-slug 替换为您自己的 optin slug。
保存您的更改并访问您的 post/page。单击 link 以查看正在运行的联系表单弹出窗口。
如果您想增加电子邮件列表但还不想为 OptinMonster 付费，那么 PopupAlly 是适合您的免费 WordPress 弹出插件。凭借内置的高级功能，此灯箱弹出插件允许您在人们即将退出您的网站时构建您的列表。
就像 OptinMonster 一样，它也提供了 Exit-intent 技术。退出意图弹出窗口可让您捕获丢失的访客，并已证明可将转化率提高 300% 以上。
使用 PopupAlly，您永远不需要了解编码技能，而且您仍然可以在 5 分钟内创建高级弹出式注册表单。
PopupAlly 的可视化编辑器允许您通过即时预览自定义弹出窗口的外观，从而节省大量时间。
WordPress Plugin Repository
我正在使用 Contact Form 7 插件为 wordpress 页面创建自定义表单： 我想在单击 "Button" 时在弹出窗口中显示该表单。
谢谢
you need OptinMonster’s pro plan which comes with the Canvas form type. OptinMonster is the best popup plugin for WordPress. you can use alternate free plugin also.
并在“自定义 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。您将看到您的选择列表。如果您没有看到您的选择，请单击刷新选择按钮。 点击您选择下方的“编辑输出设置”link。这将带您进入弹出窗口的输出设置。
首先，您需要选中“现场启用选择”和“全局加载选择”选项旁边的框。如果您不检查这些，则弹出窗口将不会出现在您的网站上。 在页面上向下滚动，您将看到“解析简码内容”选项。确保选中它，否则 OptinMonster 将不会解析弹出窗口中的简码。 接下来，您需要输入您在弹出窗口中包含的简码。这是您的联系表格简码。 单击保存设置以存储您的更改。
在 WordPress 中创建一个新页面或编辑一个 post 或要添加联系表单弹出窗口 link 或按钮的页面。在 post 编辑器中切换到文本编辑器并像这样添加弹出窗口 link： 1
<a href="#" class="manual-optin-trigger" data-optin-slug="mw7pzo63ch6wpfzi">contact us</a>
不要忘记将 data-optin-slug 替换为您自己的 optin slug。 保存您的更改并访问您的 post/page。单击 link 以查看正在运行的联系表单弹出窗口。
如果您想增加电子邮件列表但还不想为 OptinMonster 付费，那么 PopupAlly 是适合您的免费 WordPress 弹出插件。凭借内置的高级功能，此灯箱弹出插件允许您在人们即将退出您的网站时构建您的列表。 就像 OptinMonster 一样，它也提供了 Exit-intent 技术。退出意图弹出窗口可让您捕获丢失的访客，并已证明可将转化率提高 300% 以上。 使用 PopupAlly，您永远不需要了解编码技能，而且您仍然可以在 5 分钟内创建高级弹出式注册表单。 PopupAlly 的可视化编辑器允许您通过即时预览自定义弹出窗口的外观，从而节省大量时间。 WordPress Plugin Repository