如何在WordPress中添加滑出联系人表单

如何在WordPress中添加滑出联系人表单

你想在WordPress中添加一个滑出的联系表单吗?如果你的业务依赖于从你网站的联系表单中获得新的线索,那么增长你的线索来源的最好方法之一就是让你的联系表单更加引人注目。在本文中,我们将向您展示如何在WordPress中添加滑出联系人表单而不惹恼您的用户。为什么要在WordPress中添加一个滑出的联系人表单?许多小企业主开办他们的网站,希望它能帮助他们发展业务。这就是为什么你要添加一个联系表单页面,这样用户就可以联系你了。然而,问题是大多数有问题的用户会离开你的网站而不联系你。这就是为什么你可能会注意到许多流行的网站都添加了弹出式的联系表单,滑动式的联系表单,或者调用操作按钮来打开联系表单。这些动态的和交互式的选项将用户的注意力转移到联系表单上,并允许他们快速填写表单而不需要访问另一个页面。这些形式显著提高你的转化率,这就是为什么你看到他们无处不在。让我们看一下如何在WordPress中创建一个滑出联系人表单。在WordPress

中添加一个幻灯片联系表单对于本教程,你将需要WPForms。这是市场上最好的WordPress联系表单插件。如果你不需要所有的高级功能,你可以使用WPForms联系表单插件的免费版本。

你还需要OptinMonster。它是最强大的转换优化软件。它可以帮助你将放弃网站的访问者转化为客户。你将需要他们的专业计划,让你访问画布功能,我们将在本教程中使用。

的第一步。首先,你需要安装并激活WPForms插件。要了解更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。

激活后,您需要访问WPForms:添加新页面来创建您的联系表单。这将启动WPForms builder接口。为你的联系人表单输入一个名字,然后选择“选择联系人表单”模板。

如何在WordPress中添加滑出联系人表单 WordPress 第1张

WPForms将加载一个简单的联系人表单。您将在右窗格中看到表单预览。您可以单击任何字段来编辑它或从左列添加新字段。

如何在WordPress中添加滑出联系人表单 WordPress 第2张

一旦你完成了表单的编辑,点击保存按钮保存你的更改。接下来,您需要单击顶部的嵌入按钮来获取表单的嵌入代码。这将弹出一个弹出框,显示您的表单的短代码。继续并复制这个短代码,因为您将在下一步中需要它。

步骤2。现在,我们将创建一个滑出运动,它将显示你在第一步创建的联系形式。首先,你需要安装并激活OptinMonster插件。要了解更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。这个插件充当你的网站和OptinMonster帐户之间的连接器。激活后,点击WordPress管理栏中的OptinMonster菜单,并输入你的API密钥。你可以从OptinMonster网站上的账户获得这些信息。

如何在WordPress中添加滑出联系人表单 WordPress 第3张

在输入您的许可密钥后,点击屏幕右上角的’创建新选项’按钮。

如何在WordPress中添加滑出联系人表单 WordPress 第4张

这将带你到OptinMonster网站。

OptinMonster提供不同类型的动态活动。在本教程中,我们将使用“Slide in”活动。继续并点击选择“Slide in”作为你的活动类型。

如何在WordPress中添加滑出联系人表单 WordPress 第5张

接下来,您需要选择模板。OptinMonster提供了几个现成的模板,但是我们需要在本教程中选择“Canvas”。

如何在WordPress中添加滑出联系人表单 WordPress 第6张 kds“一旦你选择模板,你将被要求为你的活动提供一个名字。这将帮助你在OptinMonster的仪表盘中轻松找到该战役。

现在OptinMonster将加载它的活动构建器界面。

如何在WordPress中添加滑出联系人表单 WordPress 第7张

你会在右边看到你的活动的实时预览。因为我们使用的是canvas模板,所以它现在是完全空白的。

在左边,你会注意到不同的选项卡。在“一般Optin设置”部分,你需要在“Optin活动网站”选项下面输入你网站的URL。

接下来,你需要切换到“选择”标签。在这里你可以选择颜色,高度和宽度为你的选择。继续,选择你喜欢的颜色,调整宽度和高度,这样它就可以很好地显示你的整个表单。在此之后,您需要向下滚动到“Canvas custom HTML”部分,并输入前面复制的WPForms短代码。

如何在WordPress中添加滑出联系人表单 WordPress 第8张

“输入短码将不会显示您的表单内的幻灯片活动马上。这是因为shortcode只适用于你自己的WordPress站点。你现在可以点击顶部的“保存”按钮来保存你的设置,然后点击“发布”按钮。

如何在WordPress中添加滑出联系人表单 WordPress 第9张1″

在下一屏中,您需要将optin的状态更改为published。这将使optin对你的WordPress站点可用。

如何在WordPress中添加滑出联系人表单 WordPress 第9张2″

步骤3。现在你已经创建了联系表单和滑出活动,你可以在你的网站上显示它了。

继续,在你的WordPress管理区访问OptinMonster页面。你会看到你最近创建的幻灯片活动列在那里。你需要点击“编辑输出设置”链接来决定你想如何在你的网站上显示。

在下一个屏幕上,确保你选中了’ Enable optin On site?”选项。OptinMonster允许你选择谁可以看到optin。您也可以选择您的网站的特定区域,以显示optin。

如何在WordPress中添加滑出联系人表单 WordPress 第11张

不要忘记点击保存设置按钮来存储您的更改。

你现在可以访问你的网站来查看幻灯片的联系方式。确保您在浏览器中使用了icognito模式或退出WordPress,这样您就可以准确地看到您的用户将看到的内容。

如何在WordPress中添加滑出联系人表单 WordPress 第12张

默认情况下,滑出运动将在页面完全加载5秒后出现。然而,OptinMonster也允许你改变这一点。您可以创建无数规则,以便在匹配特定条件时显示活动。例如,当用户滚动了50%的页面时,当用户将要离开页面时,您可以显示slide out表单。我们希望这篇文章能帮助你学习如何在WordPress中添加滑出联系人表单。你可能还想看看我们列出的可操作的技巧,以推动你的WordPress网站的流量。如果你喜欢这篇文章,那么请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

如需转载,请注明文章出处和来源网址:https://www.54u.net/2967.html

评论已关闭。