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”创建)

如果你想加入,可点击下面按钮了解。

留下评论

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