如何在 WordPress 中使用浮动按钮以及为什么
您是否正在寻找一种在 WordPress 中添加浮动按钮的简单方法? 浮动按钮是一种多功能工具,开发人员可以利用它来改进其网站的导航,甚至提高销售量。
不幸的是,浮动按钮在 WordPress 中默认不可用。 但是,就像 WordPress 中的大多数东西一样,有一个插件可以添加它。
今天,我将演示如何使用浮动按钮插件在 WordPress 中添加浮动按钮。
什么是浮动按钮?
浮动按钮是一种出现在网页顶层的按钮,因此即使向下滚动页面也始终可见。 按钮可以有多种形状,但最常见的是圆形。
您可以将它放在页面上的任何位置,甚至允许访问者移动按钮。 但是,您应该将其位置限制在页面的两侧。 把它放在中间肯定会惹恼访客。
为什么要添加浮动按钮?
因为浮动按钮在页面上始终可见,所以它可以用于很多用途。
例如,您可以创建一个浮动购物车按钮来帮助引导客户结账。 您还可以创建一个浮动主页按钮来帮助访问者返回主页。 您可以使用它们在您的网站上创建任何类型的按钮。
将其视为浮动号召性用语创建者。
这种按钮最常见的用途之一是访问实时聊天或销售团队。 您之前可能访问过使用此技术的网站。 它通常看起来像“联系我们+”,点击后会展开为一个聊天框。
这对于拥有销售团队的网站非常有效。
如何在 WordPress 中添加浮动按钮
第 1 步:安装浮动按钮
恰如其名的 浮动按钮 插件将允许用户轻松地将浮动按钮添加到他们的 WordPress 网站。 它为用户提供了 4 个可能的位置来将它们放置在帖子或页面上、多个按钮形状可供选择、颜色选项、突出显示选项以及大量其他自定义工具。
该插件使用起来非常简单,只需几分钟即可完成设置,让我们开始吧。
单击插件并选择左侧管理面板上的添加新选项。
在可用的搜索框中搜索浮动按钮。 这将提取您可能会发现有用的其他插件。
向下滚动直到找到浮动按钮插件,然后单击“立即安装”按钮并激活插件以供使用。
第 2 步:找到设置
激活后,您就可以创建自己的浮动按钮了。 幸运的是,创建过程非常简单。 但是,值得指出的是,这个插件有一个带有额外功能的 Pro 版本。
您可以通过红色小锁图标识别锁定在 Pro 版本后面的功能。 您可以在没有 Pro 版本的情况下创建功能齐全的按钮,但额外的自定义选项永远不会受到伤害。
在左侧管理面板上,单击 Wow Plugins 并选择 Floating Button Lite 选项。
单击添加新选项卡。
这将打开插件提供的所有自定义选项。 在顶部,您可以输入名称以帮助您识别按钮。
请注意,在左侧,有一个 Main、Vertical 和 Horizontal 选项。 主按钮是用户将在其页面上看到的内容。 它的功能是显示你添加到它的水平和垂直按钮。
首先,我们必须自定义主按钮。
第 3 步:自定义主按钮
您可以选择的第一个选项是主图标或按钮内的图像。 默认情况下,该插件提供了 80 个独特的图标供您选择,如果您购买 Pro 版,您将获得超过 1500 个。
浏览图标或使用搜索功能找到一个。
在图标下方,您将看到一系列下拉框。 该插件仅提供位置、按钮形状、大小、动画和按钮类型的一种选项。 如果您想要更多选择,您将需要购买专业版。
在底部,您将看到颜色选项。 您可以选择按钮、图标、工具提示背景、工具提示文本甚至悬停颜色的颜色。 不幸的是,这个插件不提供预览选项,所以第一次可能很难做到。
在右侧,您会发现一些可见性选项。 它们包括按钮是否会出现在某些屏幕尺寸(即移动设备)上,是否所有用户都可以看到它们,取决于语言选择,或者它们是否会出现在所有内容上或仅出现在其中放置了短代码的内容上它。
您现在需要添加垂直或水平按钮。
第 4 步:添加水平和垂直按钮
水平和垂直按钮的工作方式完全相同,它们是访问者单击主按钮后出现的按钮。 唯一的区别是水平按钮显示为水平,而垂直按钮显示为垂直。
很简单,对吧?
在这种情况下,我将添加一个垂直按钮,但可以随意使用水平按钮。
单击垂直或水平。
您将看到两个按钮:添加项目和删除最后一个项目。 单击“添加项目”按钮,将出现新选项。 您可以像主按钮一样选择图标、工具提示和各种按钮颜色。 但是,这一次您可以选择它是哪种按钮。
该插件提供 5 个选项,链接、登录、注销、注册和丢失密码。 在这种情况下,我将选择链接并通过输入我的主页 URL 创建一个浮动主页按钮。
您可以向任何帖子或页面添加多个垂直和水平按钮,因此可以根据需要多次重复这些步骤。
对设置满意后,单击“保存”按钮。
如果您选择在所有帖子和页面上显示它们,您的浮动按钮现在应该出现在您的网站上。 如果没有,您将需要在您希望它们出现的页面上手动输入短代码。
恭喜您在 WordPress 中添加了浮动按钮。 请记住,您可以使用浮动按钮做很多很酷的事情,例如将它们用于聊天服务、导航、改善销售体验、快速访问联系表等等。 如果您正在寻找很酷的想法,请查看比赛。
改进导航
访问一个新网站可能非常令人兴奋,或者如果该网站的导航系统不好,它可能会很糟糕。 浮动按钮是改善网站导航的好方法,它们是可用于多种功能的多功能工具。
仔细聆听访客的反馈,不要害怕进行调查和民意调查,询问客人的想法。 毕竟,如果您不收集信息,就无法改进设计或修复问题。
这可能会让游客和顾客每天都付出代价。
您创建了哪些类型的浮动按钮? 您发现浮动按钮插件使用起来有多容易?