如何在 WordPress 中创建“粘性”浮动页脚栏

你是否正在寻找一种在 WordPress 中创建粘性浮动页脚栏的方法呢?

即使用户滚动浏览页面,粘性浮动页脚栏也会一直显示在网站底部。这样,你可以利用它来推广优惠活动或社交媒体账号,吸引用户停留更久,提高转化率。接下来,我们会一步步教你如何在WordPress上轻松创建一个这样的粘性浮动页脚栏。

如何在 WordPress 中创建“粘性”浮动页脚栏

WordPress 中的浮动页脚栏是什么?

粘性浮动页脚栏可让你向用户显着地显示重要内容和新闻。

如何在 WordPress 中创建“粘性”浮动页脚栏

你可以使用浮动页脚栏来:

  • 为其他博客文章带来更多点击。
  • 生成潜在客户并建立您的电子邮件列表。
  • 注意特殊优惠券或折扣优惠/销售。
  • 推广您的社交媒体帐户。
  • 建立品牌认知度。
  • 提供对WordPress 网站上重要资源的访问。

让我们看看如何在 WordPress 中轻松创建粘性浮动页脚栏。主要有两种方法:

方法 1:使用 OptinMonster 创建粘性浮动页脚栏(推荐)

可以使用OptinMonster轻松创建粘性浮动页脚栏。它是市场上最好的潜在客户开发和转化优化工具,可以非常轻松地将你的网站访问者转化为订阅者。

OptinMonster 附带拖放构建器和预制模板,允许你创建浮动页脚栏、滑入式弹出窗口和横幅,而无需使用任何代码。

推荐这种方法,因为 OptinMonster 非常易于使用,并且比免费插件方法提供更多的自定义选项。

第 1 步:在您的网站上安装 OptinMonster

首先,你需要点击“立即获取 OptinMonster”按钮在OptinMonster网站上注册。

如何在 WordPress 中创建“粘性”浮动页脚栏

接下来,在你的网站上安装并激活免费的 OptinMonster 连接器插件。激活后,OptinMonster 设置向导将在你的屏幕上打开,在其中单击“连接你的现有帐户”按钮。这会将你的 WordPress 网站和你的 OptinMonster 帐户连接起来。

如何在 WordPress 中创建“粘性”浮动页脚栏

完成此操作后,屏幕上将打开一个新窗口。

在这里,单击“连接到 WordPress”按钮继续。

如何在 WordPress 中创建“粘性”浮动页脚栏

第 2 步:创建并自定义浮动粘性页脚栏

现在已将 OptinMonster 与你的网站连接起来,就可以创建一个粘性浮动页脚栏了。需要从 WordPress 管理侧边栏访问OptinMonster » 模板页面,然后选择“浮动栏”作为活动类型。

完成操作后,浮动栏的所有预制模板都将加载到屏幕上。从这里,你可以单击要使用的模板上的“使用模板”按钮。

如何在 WordPress 中创建“粘性”浮动页脚栏

这将在屏幕上打开“创建营销活动”提示,可以在其中为要创建的浮动页脚栏添加名称。它可以是你喜欢的任何名称,因为该名称不会向你网站的访问者显示。

之后,只需单击“开始构建”按钮。

如何在 WordPress 中创建“粘性”浮动页脚栏

OptinMonster 的拖放构建器现在将在你的屏幕上启动,你可以在其中开始自定义浮动页脚栏。在这里,你会注意到右侧有一个浮动栏预览,左栏中有块。

如果你的浮动页脚栏正在促销折扣优惠,可以使用倒数计时器块。这将有助于在用户中产生紧迫感并鼓励他们采取行动。还可以将 CTA、视频或社交媒体块添加到页脚栏。

如何在 WordPress 中创建“粘性”浮动页脚栏

你还可以通过单击页脚栏上的文本来编辑它。这将打开左栏中的块设置,可以在其中根据自己的喜好进行调整。

例如,想更改模板中的折扣优惠,则可以更改按钮文本。之后,你可以选择“重定向到 URL”选项,并添加你希望用户在单击按钮后被定向到的页面链接。

如何在 WordPress 中创建“粘性”浮动页脚栏

步骤 3:配置浮动页脚栏的显示规则

当你对页脚栏的自定义设置满意后,只需点击页面顶部的“显示规则”选项卡就可以了。

在这里,你可以设置页脚栏在什么情况下显示。如果你想让浮动页脚栏一直显示,就从左边的下拉菜单里选“页面停留时间”。

然后,在右边的下拉菜单里选“立即”就行了。这样,页脚栏就会始终出现在页面上,方便用户随时查看。

如何在 WordPress 中创建“粘性”浮动页脚栏

如果只想在特定的页面上显示浮动页脚栏,你需要从右侧的下拉菜单中选择“页面定位”这个选项。

接着,在中间的下拉菜单里选“完全匹配”,然后输入你想要显示页脚栏的页面的网址。这样设置之后,浮动页脚栏就只会出现在你指定的页面上了。

如何在 WordPress 中创建“粘性”浮动页脚栏

另外,你还可以选择“退出意图”这个选项,这样当用户快要离开你的网站时,粘性浮动页脚栏就会自动显示出来。可以设置这个功能的灵敏度,并选择在哪些设备上显示页脚栏。如果想减少用户离开你网站的情况,这个功能会非常有用。

如果只希望桌面设备的访问者看到浮动页脚栏,你可以选择“访问者设备”这个选项。这样,你就可以根据访问者的设备类型来灵活调整页脚栏的显示方式了。

如何在 WordPress 中创建“粘性”浮动页脚栏

还可以通过从左栏中选择“何时”选项来根据日期、时间或滚动距离配置显示规则。

第 4 步:发布浮动页脚栏

定义页脚栏的显示条件后,从顶部切换到“发布”选项卡。

在这里,只需单击“发布”按钮即可。

如何在 WordPress 中创建“粘性”浮动页脚栏

之后,不要忘记单击“保存”以使更改生效。

方法 2:使用免费插件创建粘性浮动页脚栏

如果你想找一种免费的方法来创建粘性浮动页脚栏,那么Firebox Popup Builder这个插件可以达到你的要求,安装并激活Firebox Popup Builder插件。

激活后,从 WordPress 仪表板访问Firebox » 营销活动页面,然后单击“+ 新营销活动”按钮。

如何在 WordPress 中创建“粘性”浮动页脚栏

点击后,你将看到 Firebox 活动库,里面有许多预先设计好的粘性浮动栏模板供你选择。

找到你喜欢的浮动页脚栏模板后,只需点击它下方的“插入”链接就可以了。但请注意,如果你选的是标题栏模板,那么它的位置可能就无法修改了。所以,一定要确保你选的模板适合用在页脚栏上。

如何在 WordPress 中创建“粘性”浮动页脚栏

现在,块编辑器会在屏幕上打开,你可以开始给浮动栏起个名字。

要编辑页脚里的文字,只需点一下它。如果想加点新内容,可以点击“+”按钮,这样就会弹出一个块菜单。在菜单里,可以加图片、标题、段落、视频、引用或者列表。

比如说,想加社交媒体账号的话,就选一个“社交图标”块。然后,在块面板里输入你的社交媒体账号和链接就行了。

如何在 WordPress 中创建“粘性”浮动页脚栏

还可以更改按钮块中的文本,并通过单击块工具栏中的链接图标添加指向要引导用户的页面的链接。

之后,输入你选择的 URL 并按“Enter”。

如何在 WordPress 中创建“粘性”浮动页脚栏

接下来,可以向下滚动到“Firebox 设置”部分。

在这里,可以更改浮动页脚栏的背景颜色、文本颜色、对齐方式、大小、填充和边距。

如何在 WordPress 中创建“粘性”浮动页脚栏

从左栏切换到“行为”选项卡,然后选择“页面加载”作为浮动条触发点。

然后,使用“延迟”滑块选择浮动条的延迟时间。例如,如果你将滑块拖动到 15 秒,那么一旦用户在你的网站上停留了 15 秒,就会显示浮动页脚栏。

如果你希望立即显示粘性浮动页脚栏,则可以将滑块保持为 0。

如何在 WordPress 中创建“粘性”浮动页脚栏

接下来,你可以保留其他设置不变或根据你的喜好进行配置。

完成后,不要忘记单击顶部的“发布”按钮。

如何在 WordPress 中创建“粘性”浮动页脚栏

现在访问的 WordPress 网站就可以查看正在运行的粘性浮动页脚栏了。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/7897/

(0)
上一篇 2024年 4月 17日 下午5:51
下一篇 2024年 4月 17日 下午5:53

相关推荐

  • WordPress加速网站 图片转webp格式

    很多时候,我们的WordPress打开速度很慢,是由于网页中的图片太多,本身服务器的带宽也不足导致这种情况,后来一查,网页中的图片太大了,每个图片都是大几百K,甚至1-2M,打开网页要网站加载这些图片,大大的降低网页打开速度,所以这个时候,我们选择优化图片,减小图片体积的方式,加速网站。 这里我们要介绍一个新的图片格式,webp格式, WebP是一种由Goo…

    5天前 WordPress自学建站
    0017
  • WordPress网站发布指南:如何发布产品、视频、案例和下载资料

    B2B企业一旦买好域名和服务器,接下来的步骤就是安装WordPress和启用模板,这样第一阶段的工作基本上就完成了。紧接着的任务是整理并发布内容,包括文章、产品、视频、案例和下载资料等。这些内容对于B2B企业在搜索引擎优化(SEO)和关键词排名上起着重要的作用。 但是,WordPress默认的内容管理系统只支持页面和文章,并不直接支持产品、视频、案例、下载资…

    2024年 3月 22日 WordPress自学建站
    0043
  • 在WordPress网站上添加社交媒体图标的简易指南

    在网站上添加社交媒体图标很重要,因为它能帮助访客轻松地在他们常用的社交平台上找到并关注您。如果您的网站没有这些图标,比如在页脚或页眉,访客可能就找不到它们,这就好比您没有提供一种方法让人们在社交媒体上联系您一样,实在是不可思议! 在这篇文章里,我们会简单介绍社交媒体图标的重要性,并指导您如何把它们加到您的网站侧边栏、页眉或页脚。 在 WordPress 网站…

    2024年 3月 25日 WordPress自学建站
    0036
  • 在编写适用于电子商务的WordPress主题时应该注意的最佳实践和示例代码片段,以帮助您开始编写您自己的主题

    快速的页面加载速度对于电子商务网站至关重要。因此,我们可以通过以下方法来确保页面加载速度快: // 移除 jQuery 库的版本参数function remove_jquery_version_parameter( $src ) {if ( strpos( $src, ‘jquery’ ) ) {$src = remove_query…

    2023年 3月 3日
    00439
  • 如何修改WordPress的用户ID

    在WordPress使用过程中,有些用户被删除了,ID就被空出来了,那么想后面注册的用户,使用这些未占用的ID,我们要怎么去修改呢?那么本文,将介绍以下如果修改WordPress用户的ID。 只需要在funtions文件里添加代码就可以搞定了。 将下面的代码添加到当前主题 functions.php 文件中(路径 /wp-content/themes/你的主…

    2024年 4月 16日
    0013

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
亲爱的用户们:随着五一劳动节的临近。根据国家规定和我司实际情况,现将2024年五一劳动节放假安排通知如下:放假时间:2024年5月1日(星期三)至2024年5月5日(星期日),共计5天。2024年5月6日(星期一)正常上班。放假期间不处理工单业务。祝大家假期愉快,安全健康!