浮动留言表单可以让用户轻松随时的方便留言,无论他们位于网站上的哪个位置。都可以随时留言,这不仅增加了网站的成交,还方便客户根据自己看到的内容可以及时的留言,但是很多人不知道怎么添加网站浮动留言表单,今天我们主要来讲下如何在 WordPress 中显示浮动留言表单。
什么是浮动联系留言表单,为什么要使用它?
当访客浏览网站时,浮动联系表单会停留在屏幕上,例如底角或侧面板。它通常显示为一个小按钮或图标,单击或悬停时会展开为完整形式。
以下是使用浮动联系表的一些好处:
- 可及性。 由于表单是浮动的并保持固定的,因此网站访问者可以随时从任何网页访问它。
- 最小干扰。与可能中断用户体验的弹出窗口不同,浮动表单通常破坏性较小,同时仍然引人注目。
- 号召性。浮动表单的持续存在会温和地提醒用户参与,这有助于提高转化率。
作为网站所有者,可以使用浮动联系表进行客户支持、销售查询和反馈收集。
通过允许访问者在浏览网站时立即获得帮助、在不离开页面的情况下提出问题或随时分享他们的建议,浮动联系表单可以改善您网站上的用户体验。
使用 WordPress,可以通过多种方式显示浮动联系表单。
方法 1:使用 UserFeedback 在 WordPress 中创建浮动联系表单
如果您想创建具有简单自定义选项的简单浮动联系表单,此方法适合。
UserFeedback 是一个 WordPress 插件,可以帮助创建可定制的反馈表、浮动联系表和弹出式调查。该插件带有内置模板和问题,包括网站体验和电子商务商店调查表。
通过使用 UserFeedback,可以根据实际用户输入改进您的网站,提高客户满意度,并及时解决任何问题。
首先,需要安装并激活 UserFeedback 插件。
在网站上激活 UserFeedback 后,就可以开始创建第一个调查表了。从 WordPress 仪表板中,导航到 UserFeedback » Surveys » Create New。
完成此操作后,将进入“设置”部分。
使用 UserFeedback,可以使用“从头开始”选项从空白页面开始,也可以使用预制模板。在本指南中,我们将使用 ‘Website Feedback’ 模板。
要选择模板,只需单击它。
接下来,让我们编辑副本。在此示例中,我们将“网站反馈”标签更改为“您有任何反馈吗?
然后,您可能需要单击“问题类型”下拉列表,以选择访客如何回答此问题。在此示例中,我们将使用 ‘Single Text Field’。
之后,您可以将问题更改为 ‘Name’。
现在,您需要用户的电子邮件地址的另一个 question 字段。
您可以向下滚动一点,然后单击“添加问题”按钮。完成此操作后,请继续像上一步一样设置问题类型和标题。
下一步是配置表单的设置。
在“设置”选项卡中,您可以使用 Google Analytics 和 MonsterInsights 为您的表单视图和响应激活跟踪。只需打开“启用 Google Analytics 跟踪”即可使用该功能。
之后,您可能需要向下滚动选项卡以配置定位和行为。
在 ‘Targeting’ 部分,您可以选择设备类型和将显示您的调查表的网页。
设备类型选项包括 desktop、tablet 和 mobile。如果希望表单在所有这些设备上显示,则可以选择所有三个设备。
然后,您可以选择要显示浮动表单的所有页面。我们建议选择“所有页面”选项,以便访问者可以在您网站上的任何位置访问您的表单。
完成后,让我们向下滚动并配置表单的行为。在这里,您将设置:
- 显示计时。选择表单在页面上显示的时间。
- 显示长度。定义向访客显示表单的频率。
- 调查运行时间。指定表单在指定页面上的显示时间。
现在,您已准备好继续下一步。
在“通知”选项卡中,您将输入将接收表单提交通知的电子邮件地址。您可以添加多个收件人,但需要确保使用逗号分隔每个收件人。
最后,您可能希望在完成表单之前抽出一些时间最后一次检查您的表单。
在 ‘Publish’ 选项卡的顶部,你会看到 ‘Summary of Website Feedback’。您可以逐个浏览要点,以查看表单的配置是否正确。
如果一切正常,您可以向下滚动到 ‘Publish’ 部分。
在那里,您可以将状态从“草稿”更改为“发布”。或者,您也可以通过切换“Schedule for Later”(安排稍后使用)选项并定义日期和时间来安排启动。
完成后,只需单击“保存并发布”即可显示您的表单。
就是这样!您已成功使用 UserFeedback 在 WordPress 网站上显示浮动联系表单。
方法 2:使用 WPForms 和 OptinMonster 在 WordPress 中创建浮动联系表
如果您想对浮动触点形式进行更多设计控制,那么这就是适合您的方法。我们将使用 WPForms 创建表单,并使用 OptinMonster 使其浮动在您的 WordPress 网站上。
WPForms 是一个易于使用的拖放式插件,用于构建 WordPress 表单。拥有超过 1,800 个可用模板,您只需单击几下即可快速设置表单。
要使用 WPForms 创建表单,您需要做的第一件事是在您的网站上安装并激活插件。
激活后,您可以从 WordPress 仪表板导航到 WPForms » 添加新的。
这会将您重定向到表单构建器的界面。
在那里,您需要做的就是输入您的表单名称并选择一个模板。在此示例中,让我们创建一个联系表单并将其命名为 ‘Contact Form’。
命名表单后,您可以向下滚动面板以选择模板。
在此示例中,我们将使用 ‘Simple Contact Form’ 选项。要开始构建,只需将鼠标悬停在它上面并单击“使用模板”即可。
这会将您重定向到表单构建器的 ‘Fields’ 面板。
从这里,您可能需要查看您的联系表单并调整预制内容。如果一切看起来都很好,您可以继续并单击 ‘Save’ 按钮。
创建完表单后,可以调整其设置,使其显示为浮动表单。
为此,您需要安装 OptinMonster 并将您的 WordPress 网站连接到插件。
OptinMonster 是一个强大的潜在客户生成和弹出插件。它可以帮助您创建和管理活动,将访问者转化为订阅者和付费客户。
激活后,您可以单击 WordPress 仪表板中的“OptinMonster”菜单项。
然后,您将看到欢迎屏幕,您可以在其中单击“连接您的现有帐户”以开始使用该插件。
将打开一个新窗口,在这里,您可以单击“连接到 WordPress”。
然后,OptinMonster 将询问您的帐户详细信息以完成该过程。
验证后,您就可以创建您的第一个广告活动了。
要开始使用,只需从 WordPress 仪表板导航到 OptinMonster » 活动。
到达 ‘Campaigns’ 后,您就可以创建和设置浮动表单了。
要开始使用,只需单击“创建您的第一个活动”按钮。
现在,是时候选择推广活动类型了。
OptinMonster 有多种活动类型,包括浮动条。虽然这听起来像是完美的活动类型,但浮动条的空间有限。因此,您希望将其用于其他情况,例如宣布促销活动或共享优惠券代码。
为了保持您的设计整洁,您可以选择“滑入”作为添加 WPForms 联系表的活动类型。
浮动滑入将停留在用户屏幕的右下角。因此,它可以帮助您保持内容的可读性、网页设计井井有条和用户体验良好。
您只需点击广告系列类型即可使用它。
然后,让我们向下滚动面板并选择一个模板。
要使用模板,只需将鼠标悬停在模板块上,然后单击“使用模板”即可。在这里,我们选择“订阅时事通讯 (Light)”。
选择推广活动类型和模板后,将出现一个弹出窗口。
您只需为您的广告系列命名即可。在此示例中,我们将营销活动命名为 ‘Floating Contact Form’。
确定名称后,您可以单击“开始构建”。
然后 OptinMonster 会将您重定向到活动构建器。
营销活动构建界面包含两个部分。左侧包含您可以添加到营销活动中的所有功能,右侧是实时预览。
要添加您的 WPForms 联系表单,您可以向下滚动左侧面板以找到 WPForms 块。
找到它后,只需将 WPForms 块拖放到右侧面板中的实时预览中即可。
然后,您将看到一个 ‘Form Selection’ 下拉菜单。您可以单击它,然后选择“联系表”。然后,实时预览中的块将加载表单的短代码。
提示: 如果您无法在营销活动构建器中预览表单,请不要担心。当您发布营销活动时,将显示该表单。
之后,您可能希望移至 ‘Display Rules’ 选项卡。在此选项卡中,您可以设置浮动联系人表单的显示时间和页面。
为了确保您的表单从第一秒开始浮动并保持固定,我们建议将前两个下拉列表设置为“页面停留时间”和“立即”。
然后,要在所有页面上显示表单,您可以将以下下拉列表设置为“当前 URL 路径”和“任何页面”。
完成后,您可以前往“发布”选项卡。
在此选项卡上,您要做的第一件事是将营销活动的发布状态更改为“发布”或“计划”。
下一步是使用 “Live Site Inspector” 功能来测试您的广告系列在网页上的外观。为此,只需在文本框中输入您网站的 URL,然后单击“测试”。
这会将您重定向到一个新选项卡。
如果一切看起来都符合您的要求,您可以返回 OptinMonster 活动构建器并保存您的活动。
你有它!您已成功使用 WPForms 和 OptinMonster 创建浮动联系表单。
方法 3:使用免费的浮动表单插件在 WordPress 中创建浮动联系表单
我们的最后一种方法将允许您显示一个重定向到您的联系表单页面的浮动图标。这种方法略有不同,但可能很有效。
几个免费插件允许您将浮动联系人图标添加到您的 WordPress 网站。一些流行的选项包括 Simple Floating Menu 和 Float Menu。这些插件通常要求您将 URL 嵌入到其设置中。
在本教程中,我们将演示如何使用 Simple Floating Menu 执行此操作。
在访问 Simple Floating Menu 插件的设置区域之前,让我们复制显示联系表单的页面 URL。
为此,请导航到相关页面并从 URL 栏中复制 URL。
现在,您可以从 WordPress 仪表板打开 Simple Floating Menu。
进入插件的设置区域后,您需要启用浮动表单图标。您可以通过打开 ‘Enable Floating Menu’ 滑块来执行此操作。然后它会从灰色变为绿色或从关闭变为打开。
然后,找到要将 URL 粘贴到的 ‘Button URL’ 字段。
输入按钮 URL 后,如果您的设置已成功保存,您应该会看到一条通知。
到目前为止,您的浮动图标应该在您的 WordPress 网站上。但是,您可以进一步自定义按钮的位置和外观。
在 ‘Button URL’ 字段上方,您可以将默认图标更改为更相关的图标。这个插件提供了数十个图标选项,所以如果你觉得卡住了,最好使用过滤器功能。
当网站访客将鼠标悬停在浮动图标上时,将显示“工具提示文本”。我们建议填写此字段,以便为访客提供有关图标将引导至何处的上下文。
然后,如果您想在单击图标后将访问者重定向到新页面,只需勾选“在新选项卡中打开”字段上的复选框。
您可以通过向下滚动屏幕来编辑浮动图标的颜色。您可以随意使用背景、图标和悬停效果颜色进行创意,只要它们与您的品牌或网站个性相匹配即可。
完成后,继续并单击 ‘Save Settings’。
接下来,您可以移至“设置”选项卡以获取更多自定义功能。
在此选项卡上,您可以选择表单在网站上的显示位置,例如左上角、右中部或右下角。
还有按钮方向设置。您可以选择垂直或水平。您可能还希望更改按钮样式。默认形状是矩形,但您可以选择圆形、三角形甚至星形。
您可以在面板下方找到更多自定义设置。
只需调整浮动图标的大小、阴影样式、排版等,使其更加独特。
完成后,剩下要做的就是保存,这样您就不会丢失进度。
现在,您可以继续查看浮动图标在您的网站上的外观。
以下是我们的浮动图标供您参考:
我们希望本指南能帮助您创建和显示浮动的 WordPress 联系表单。接下来,您可能想查看我们的指南精选的最佳 WordPress 联系表单插件。
原文链接:https://www.itaoda.cn/blog/15262.html,转载请注明出处。
评论0