WordPress网站通知栏工具,WooCommerce商城Notification Bar促销通知
在独立站商城添加通知栏可以帮助我们推广重要事件、产品或促销活动,同时提升用户体验和销售业绩。今天这篇文章就给大家介绍几种添加Notification Bar的方式。

建议大家根据实际需求做选择,不要一味追求花里胡哨的功能,功能越强,意味着对网站的负担越重。
视频教程
第一种. WooCommerce自带
其实WooCommerce本身是自带商店通知功能的,只是比较简单。
到网站的自定义页面,选择WooCommerce下的常规。

在最下面有个商店通告,把它打开,通过后面的小三角可以对内容进一步修改。

在框中输入要通知的内容,下面还可以对通知栏位置做调整。
如果你想给文字添加链接的话,就在框中输入下面的格式:
<a href="https://xxx" style="color: white;text-decoration: none">
Super Deal!Take Time 50% Discount😊
</a>
把https://xxx换成你想要它跳转到的网址,white替换成你要设置的颜色, Super Deal!Take Time 50% Discount😊就是你想要显示在通知栏的内容。

后面的设计里可以对通知栏的背景色做调整。

到这里基本上网站的通知栏就完成了,非常简单,方便使用。
第二种. Easy Notification Bar
这是一款非常轻量的插件,允许你在通知栏添加按钮,Sticky通知栏,调整通知栏的大小距离。

登录WordPress后台——安装新插件——搜索Easy Notification Bar,找到插件安装并启用。

然后点击插件的Settings对参数设置。

- 先把 Enable Notification Bar按钮打开。

Can be closed?意思就是在通知栏的后面有个关闭的选项,可以把通知栏关掉。

- Close Action,可以对关闭的行为和关闭按钮的样式设置。
- Enable Sticky,可以让通知栏一直固定显示在网站上。
- Display on Front Page Only,只在首页显示。
- Message就是通知栏上的内容。如果你想给文字添加链接,可以参考上面第一种方式里介绍的方法。

接着下面的Background和Text Color可以设置通知栏的背景色和文字颜色。

- Alignment,文本和按钮对齐方式。
- Displace Buton,将文字和按钮分别放到通知栏的两边。(只有选择左居中或者右居中时可用)

👉 下面为赞助粉丝专享内容 👈
为感谢🫰Youtube会员,🫰B站充电粉丝和🫰交流群成员的支持。
后面为专享内容,如果你是上面其一,可直接右边登陆账号查看(不知道账号的可联系我“bansuhy”创建)
如果你想加入,可点击下面按钮了解。