你想在WordPress中添加一个可滑动的联系人表单吗?如果你的业务依赖于从你的网站的联系表单中获得新的线索,那么增加你的线索来源的最好方法之一就是让你的联系表单更引人注目。在这篇文章中,我们将向你展示如何在WordPress中添加一个滑动的联系人表单而不会惹恼你的用户。
为什么在WordPress中添加滑出式联系人表单?
许多小企业主开始他们的网站,希望它能帮助他们发展业务。
这就是为什么你要添加一个联系人表单页面,这样用户就可以与你取得联系。
然而,问题是大多数可能有问题的用户会在没有联系你的情况下离开你的网站。
这就是为什么你可能会注意到许多流行的网站会添加联系人表单弹出窗口,滑动联系人表单,或者调用操作按钮来打开联系人表单。
这些动画和交互式选项将用户的注意力转移到联系表单上,并允许他们快速填写表单而无需访问其他页面。这些表单显著提高了你的转化率,这就是为什么你到处都能看到它们的原因。
让我们来看看如何在WordPress中创建一个滑出式联系人表单。
在WordPress中添加滑出联系人表单
在本教程中,您将需要WPForms。它是市场上最好的WordPress联系人表单插件。
如果你不需要所有的高级功能,你可以使用免费版本的WPForms联系人表单插件。
你还需要OptinMonster。它是最强大的转换优化软件。它可以帮助你将放弃网站的访问者转化为客户。您将需要他们的专业计划,让您访问我们将在本教程中使用的画布功能。
步骤1。在WordPress
中创建联系人表单首先你需要安装并激活WPForms插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。
激活后,您需要访问WPForms »添加New页面来创建您的联系人表单。这将启动WPForms构建器界面。
输入联系人表单的名称,然后选择‘select contact form’模板。
WPForms将加载一个简单的联系人表单。您将在右侧窗格中看到表单预览。您可以单击任何字段来编辑它或从左列添加新字段。
编辑完成后,单击save按钮保存更改。
接下来,你需要点击顶部的嵌入按钮来获取你的表单嵌入代码。
这将弹出一个显示表单’s短代码的窗口。继续复制这个短代码,因为你将在下一步中用到它。
步骤2。在OptinMonster
中创建滑出选项现在我们将创建一个滑出活动,它将显示您在第一步中创建的联系表单。
首先,你需要安装并激活OptinMonster插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。
这个插件作为您的网站和您的OptinMonster帐户之间的连接器。
激活后,点击WordPress管理栏中的OptinMonster菜单并输入您的API密钥。您可以从OptinMonster网站上的帐户获取这些信息。
输入许可密钥后,点击‘按钮在屏幕的右上角。
这将带您进入OptinMonster网站。
OptinMonster提供不同类型的动态活动。在本教程中,我们将使用滑进’运动。点击选择‘滑动到’作为你的活动类型。
接下来,你需要选择模板。OptinMonster提供了几个现成的模板,但我们需要选择‘Canvas’对于本教程。
一旦你选择了模板,你就会被要求为你的广告提供一个名字。这将帮助您轻松地在OptinMonster仪表板中找到活动。
现在OptinMonster将加载其战役构建器界面。
您将在右侧看到您的活动的实时预览。因为我们使用的是画布模板,所以它现在是完全空白的。
在左边,您会注意到不同的制表符。在’General options Settings’部分,你需要在‘Optin campaign website’选择。
接下来,您需要切换到‘Optin’选项卡。在这里你可以为你的选项选择颜色、高度和宽度。
继续选择你喜欢的颜色并调整宽度和高度,这样它可以很好地显示你的整个表单。
之后,你需要向下滚动到‘Canvas自定义HTML’节,并输入之前复制的WPForms短代码。
输入短代码不会立即将表单显示在滑入式广告中。这是因为短代码只适用于你自己的WordPress站点。
现在可以点击‘保存’按钮保存你的设置,然后点击‘发布’按钮。
在下一个屏幕上,您需要将选项状态更改为已发布。这将使您的WordPress站点可以使用该选项。
步骤3。
现在你已经创建了联系人表单和滑出活动,你准备在你的网站上显示它。
继续访问OptinMonster页面在你的WordPress管理区。你会看到你最近创建的幻灯片广告列在那里。
需要点击‘Edit output settings’链接,以决定如何在您的网站上显示。
在下一个屏幕上,确保你选中了‘选择。OptinMonster允许你选择谁可以看到这个选项。您也可以选择网站的特定区域来显示该选项。
不要忘记点击保存设置按钮来保存您的更改。
您现在可以访问您的网站来查看幻灯片弹出的联系表单。确保在浏览器中使用icognito模式,或者退出WordPress,这样你就可以看到用户看到的内容。
默认情况下,滑出活动将在页面完全加载后5秒出现。然而,OptinMonster也允许你改变这一点。
您可以创建无数的规则,以便在匹配某些条件时显示活动。
例如,当用户滚动页面的50%时,当用户即将离开页面时,等等,您可以显示滑出表单。
我们希望这篇文章能帮助你学习如何在WordPress中添加滑出联系人表单。你可能也想看看我们的可操作提示列表,以提高你的WordPress网站的流量。
和
RSS