联系表格7 WordPress弹出显示

时间:2016-12-26 10:11:22

标签: php wordpress contact contact-form-7

我正在使用Contact Form 7插件为wordpress页面创建自定义表单: 我想在点击“按钮”时在弹出窗口中显示该表单。

由于

1 个答案:

答案 0 :(得分:0)

  

你需要OptinMonster的专业计划,它附带Canvas表格   类型。 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。您将看到您的选择列表。如果您没有看到您的optin,请单击“刷新选择”按钮。 点击您的optin下方的“修改输出设置”链接。这将带您进入弹出窗口的输出设置。

首先,您需要选中“在网站上启用optin”和“全局加载OPtin”选项旁边的复选框。如果您不检查这些,则弹出窗口不会显示在您的网站上。 向下滚动页面,您将看到“为短代码解析内容”选项。确保选中它,否则OptinMonster将不会解析弹出窗口中的短代码。 接下来,您需要输入弹出窗口中包含的短代码。这是您的联系表格短代码。 单击保存设置以存储更改。

在WordPress中创建新页面或编辑要添加联系表单弹出链接或按钮的帖子或页面。在帖子编辑器中切换到文本编辑器并添加如下弹出链接: 1

<a href="#" class="manual-optin-trigger" data-optin-slug="mw7pzo63ch6wpfzi">contact us</a>

不要忘记用自己的optin slug替换data-optin-slug。 保存更改并访问您的帖子/页面。单击链接以查看您的联系表单弹出窗口。

check link

如果你想增加你的电子邮件列表但又不想为OptinMonster付费,那么PopupAlly就是免费的免费WordPress弹出插件。借助内置的高级功能,此灯箱弹出式插件可让您在人们即将退出网站时构建列表。 就像OptinMonster一样,它也提供了Exit-intent技术。退出意图弹出窗口允许您捕获丢失的访问者,并且已经证明可以将转换率提高300%以上。 使用PopupAlly,您永远不需要了解编码技巧,仍然可以在5分钟内创建高级弹出注册表单。 PopupAlly的可视化编辑器允许您通过即时预览自定义弹出窗口的外观,从而节省大量时间。 WordPress Plugin Repository