spot_img
HomeDTC品牌出海独立站教程如何在 WordPress 中使用浮动按钮以及为什么

如何在 WordPress 中使用浮动按钮以及为什么

JasperAI 10000字免费额度试用

您是否正在寻找一种在 WordPress 中添加浮动按钮的简单方法? 浮动按钮是多功能工具,开发人员可以利用这些工具来改进其网站上的导航,甚至提高销量。

不幸的是,浮动按钮在 WordPress 中默认不可用。 然而,就像 WordPress 中的大多数东西一样,有一个插件可以添加它。

今天,我将演示如何使用 Floating Button 插件在 WordPress 中添加一个浮动按钮。

什么是浮动按钮?

浮动按钮是一种出现在网页顶层的按钮,因此即使您向下滚动页面,它也始终可见。 按钮可以有多种形状,但最常见的是圆形。

您可以将其放置在页面上的任何位置,甚至允许访问者四处移动按钮。 但是,您应该将其放置在页面的两侧。 把它放在中间肯定会惹恼访客。

谷歌SEO优化服务

为什么要添加浮动按钮?

因为浮动按钮在页面上始终可见,所以它可以用于多种用途。

例如,您可以创建一个浮动购物车按钮来帮助引导客户结账。 您还可以创建一个浮动主页按钮,以帮助访问者返回主页。 您可以使用它们在您的网站上创建任何类型的按钮。

将其视为浮动的号召性用语创建者。

这种按钮最常见的用途之一是访问实时聊天或销售团队。 您之前可能访问过使用此技术的网站。 它通常看起来像“联系我们+”,点击后会展开成一个聊天框。

它对于拥有销售团队的网站非常有效。

WordPress divi主题

如何在 WordPress 中添加浮动按钮

第 1 步:安装浮动按钮

恰当命名的浮动按钮插件将允许用户轻松地将浮动按钮添加到他们的 WordPress 网站。 它为用户提供了 4 个可能的位置以将它们放置在帖子或页面上、多个按钮形状可供选择、颜色选项、突出显示选项以及大量其他自定义工具。

该插件使用起来非常简单,只需几分钟即可完成设置,让我们开始吧。

单击插件并选择左侧管理面板上的添加新选项。

添新

在可用的搜索框中搜索浮动按钮。 这将拉出您可能会觉得有用的其他插件。

浮动按钮

向下滚动直到找到浮动按钮插件,然后单击“立即安装”按钮并激活插件以供使用。

现在安装

第 2 步:找到设置

激活后,您就可以创建自己的浮动按钮了。 幸运的是,创建过程非常简单。 但是,值得指出的是,这个插件有一个具有额外功能的专业版。

您可以通过小红锁图标识别锁定在 Pro 版本后面的功能。 您可以在没有 Pro 版本的情况下创建功能齐全的按钮,但额外的自定义选项不会有任何坏处。

在左侧的管理面板上,单击 Wow Plugins 并选择 Floating Button Lite 选项。

浮动按钮精简版

单击添加新选项卡。

添新

这将打开插件提供的所有自定义选项。 在顶部,您可以输入名称以帮助您识别按钮。

H10的年终大促

请注意,在左侧,有 Main、Vertical 和 Horizo​​ntal 选项。 主按钮是用户将在其页面上看到的内容。 它的作用是显示你添加到它上面的水平和垂直按钮。

首先,我们必须自定义主按钮。

第 3 步:自定义主按钮

您可以选择的第一个选项是按钮内的主图标或图像。 默认情况下,该插件提供 80 个独特的图标供您选择,如果您购买专业版,您将获得超过 1500 个。

浏览图标或使用搜索功能查找图标。

选择图标

在图标下方,您会看到一系列下拉框。 该插件仅提供位置、按钮形状、大小、动画和按钮类型的一个选项。 如果您想要更多选项,则需要购买专业版。

在底部,您将看到颜色选项。 您可以为按钮、图标、工具提示背景、工具提示文本甚至悬停颜色选择颜色。 不幸的是,此插件不提供预览选项,因此可能很难在第一时间获得正确的结果。

自定义按钮

在右侧,您会找到一些可见性选项。 它们包括按钮是否会出现在某些屏幕尺寸(即移动设备)上,是否所有用户都可以看到它们,具体取决于语言选择,或者它们是否会出现在所有内容或仅包含短代码的内容上它。

您现在需要添加垂直或水平按钮。

第 4 步:添加水平和垂直按钮

水平和垂直按钮的工作方式完全相同,它们是访问者单击主按钮后出现的按钮。 唯一的区别是水平按钮显示为水平,而垂直按钮显示为垂直。

很简单,对吧?

高质量外链购买

在这种情况下,我将添加一个垂直按钮,但您可以随意使用水平按钮。

单击垂直或水平。

垂直或水平

您将看到两个按钮:添加项目和删除最后一项。 单击“添加项目”按钮,将出现新选项。 您可以像主按钮一样选择图标、工具提示和各种按钮颜色。 但是,这次您可以选择它是哪种按钮。

该插件提供 5 个选项,链接、登录、注销、注册和丢失密码。 在这种情况下,我将选择链接并通过输入我的主页 URL 创建一个浮动主页按钮。

按钮类型

您可以向任何帖子或页面添加多个垂直和水平按钮,因此请根据需要多次重复这些步骤。

JasperAI 10000字免费额度试用

对设置满意后,单击“保存”按钮。

节省

如果您选择在所有帖子和页面上显示浮动按钮,您的浮动按钮现在应该会出现在您的网站上。 如果没有,您将需要在您希望它们出现的页面上手动输入简码。

浮动按钮

恭喜您在 WordPress 中添加了一个浮动按钮。 请记住,您可以使用浮动按钮做很多很酷的事情,例如将它们用于聊天服务、导航、改善销售体验、快速访问联系表等等。 如果您正在寻找很酷的想法,请查看比赛。

在 WordPress 中添加浮动按钮的附加插件

虽然上面的插件很棒,但有些用户可能需要替代品,而这正是我要提供的。 这是另外三个插件,您可能要考虑将其用于浮动按钮。

粘滞按钮 – 浮动按钮生成器

粘滞按钮

我不会向您介绍专门用于单一类型浮动按钮的插件,而是向您介绍 Sticky Buttons,它允许您构建自己的浮动按钮。

您将可以访问超过 1500 个图标,能够选择按钮的放置位置,以及无数其他自定义选项。 这个插件是关于自由的,它在提供自由方面做得很好。

如果你想更进一步,你甚至可以升级到插件的高级版本,它提供了更多的自定义选项。 如果您正在寻找完全控制,这是适合您的插件。

社交媒体分享按钮和社交分享图标

社交媒体分享按钮

浮动按钮最常见的用途之一是推广您的社交媒体帐户。 它们越容易访问,访问者就越有可能点击它们并帮助您扩大影响力。

这就是 Social Media Share Buttons & Social Sharing Icons 插件的用武之地。该插件专门为几乎所有社交媒体平台(包括 Facebook、Twitter、Instagram、YouTube 等)创建浮动按钮。

您总共可以访问 200 多个不同的社交媒体平台。 每个图标都有多个设计选项,并使用官方符号。 总的来说,这是一个简单但有效的工具,可以真正帮助您提高在社交媒体上的影响力。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

智能浮动/粘滞按钮

智能浮动/粘性按钮

重要的是,客户可以在接到通知后立即联系您的支持或销售团队。 这可能意味着进行销售和失去客户之间的区别。 实现该系统的最佳方式之一是使用浮动按钮。

Smart Floating/Sticky Buttons 插件很好地解决了这个问题。 它允许您在您的网站上添加通信表单作为点击或可点击的元素。 这包括 WhatsApp 聊天、电子邮件、短信、电话等。

当然,您也可以将其用于推广社交媒体。 它带有适用于最流行平台的按钮选项。 无论您如何使用它,这个插件都将成为任何商业网站的重要补充。

改进导航

访问一个新网站可能会非常令人兴奋,但如果该网站的导航系统不佳,则可能会很糟糕。 浮动按钮是改善网站导航的好方法,它们是可用于多种功能的多功能工具。

仔细聆听游客的反馈,不要害怕进行调查和民意调查,询问游客的想法。 毕竟,如果不收集信息,就无法改进设计或修复问题。

这每天都会让访客和顾客付出代价。

您创建了哪些类型的浮动按钮? 您觉得 Floating Button 插件使用起来有多容易?

5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES