这样做的好处是，每次用户点击联系按钮或链接，而不是去一个新的页面，联系表单将作为弹出窗口打开，这将增加表单的提交.在本文中，我们将向您展示如何在不影响用户体验的情况下逐步在您的 WordPress 网站中创建联系表单弹出窗口。
在 WordPress 中轻松创建联系表单弹出窗口
使用 WordPress，可以轻松创建联系表单弹出窗口。要开始，您只需要两件事：
- 一个强大的弹出式插件
- 强大的 Form Builder 插件
为了获得最佳效果，我们建议您使用 WP Forms 来创建您的联系表。它是一个功能强大的表单构建器插件，可让您在不到 5 分钟的时间内构建几乎任何类型的表单。在此处了解有关 WPForms 的更多信息。
插件会在那一刻弹出，我们认为没有比 OptionMonster 更好的选择了。它是最受欢迎的强大潜在客户生成插件，因此您可以吸引访问者的注意力并鼓励他们以惊人的选择在您的网站上采取行动。使用此插件，您可以提高用户参与度并增加转化率和销售额。
了解更多OptinMonster有关更多信息，请阅读我们详细的 OptinMonster 评论。
第一步：安装WPForms和OptinMonster插件
首先下载WP Form Insert。然后，安装并激活它。不确定如何？没问题。您可以跳到我们的指南，了解如何安装 WordPress 插件以进行排序。我们会等。
完成了吗？完全的。
按照相同的过程激活 OptinMonster 插件。但是仅仅安装插件是不够的。您也必须创建一个帐户才能使用 OptinMonster 应用程序。此插件仅充当将您的 WordPress 网站与 OptinMonster 应用程序连接起来的媒介。因此，要使其正常工作，您必须安装插件并使用该应用程序创建一个帐户。
第 2 步：使用 WPForms 为弹出窗口创建联系表单
我们将首先使用 WPForms 插件创建联系表单。但是，如果您一直在使用 WPForms 并且已经使用它创建了联系表单，则可以跳过此步骤。
如果您没有联系表格，请转到您的仪表板并单击 WPForms » 添加新的。
这会带你到另一个页面，这里您可以选择表单模板并为表单添加名称。选择 Simple Contact Form 模板，并为表单命名。
完成流程后，表单生成器将启动，它允许您轻松设计表单。您可以使用拖放构建器轻松添加或删除文件。
可以添加你认为必不可少的表单的所有字段都用 less。全部完成后，单击“保存”按钮以保存您的更改。您的联系表现已准备就绪。
现在单击“保存”按钮旁边的“嵌入”选项卡并复制短代码。
第三步：使用OptinMonster创建WordPress弹窗
下一步是在您的网站上创建一个弹出窗口。我们将使用 OptinMonster 创建一个模态弹出窗口。因此，转到您的 WordPress 仪表板并单击 OptinMonster » 创建新活动。
这将打开一个新屏幕，您可以在其中在那里，选择一个活动类型，然后选择一个你喜欢的模板。对于活动类型，我们将选择弹出选项。
模板的话，我们来看看帆布。它是一块空白画布，支持所有形式的简码。因此，您可以在此处插入任何 HTML、CSS、JavaScript 甚至 WordPress 简码。
选择模板后，会进入一个新屏幕，您可以在其中命名您的广告系列。
接下来点击构建选项卡。您现在将被引导至拖放构建器。您会注意到画布在设计上是空白的。您可以使用此画布创建任何弹出窗口并从头开始设计它们。您可以使用“设计”选项卡下的选项来执行此操作。
完成后，单击“设计”选项卡下的“添加块”选项卡。向下滚动以找到“元素块”选项。在此下方，您将看到一个 HTML 块。将其拖放到设计区域。
这里可以输入联系方式代码以及您可能想要添加的任何其他自定义 HTML。因此，让我们添加以下短代码：
您有任何问题吗？
想进一步了解我们的服务？只需填写表格，我们会尽快与您联系。
这里是如何做的预览。
请注意我们之前创建的表单简码也嵌入代码中。您可以改用简码。立即保存您的更改。之后，转到“显示规则”选项卡并将时间设置为零，如屏幕截图所示。
向下滚动这个屏幕，你会发现更多选项。如果您想在特定页面或帖子上显示此表单，则可以使用它们。完成后单击“保存”按钮。
第 4 步：发布弹出式表单
完成更改后，单击顶部的“是/否”选项，然后单击“激活”选项卡。
最后，转到发布选项卡，然后将状态切换为实时。
完成后返回WordPress 仪表板并转到 OptinMonster » 活动。在这里，您会看到您的广告系列。在其下方单击“编辑输出设置”链接。它将展开以显示一些选项。选中“在网站上启用广告系列”选项旁边的框。
最后点击最后的“保存”页面设置选项。
第 5 步：添加一个链接以触发联系表单弹出窗口
首先复制 OptinMonster 活动项目符号。您可以在广告系列名称旁边找到它。
现在，在WordPress中新建一个页面，或编辑要添加联系表单弹出链接或按钮的帖子或页面。我们将在这里创建一个新的。转到您的文本编辑器并添加以下代码。别忘了用自己的弹头替换弹头。
联系我们
完成后，单击右侧的“发布”按钮。您的表格现已上线。从前端访问您的网站，您会看到它。
希望这篇文章对你有所帮助。如果您想了解有关使用 WPForms 创建联系表单的更多信息，请参阅此处的详细指南。
