WooCommerce商店公告设置教程

博主头像站长评测
发布于 2020/01/14(修订于 2020/01/15)原创独立站体系
WooCommerce商店公告设置教程

在WordPress上安装Woocommerce商城插件后,如果你想给自己的在线商店设置一个公告,例如发布促销优惠信息等,那么可以在主题自定义里面设置。

具体步骤:

1、WordPress后台选择主题自定义;

2、切换到WooCommerce下,选择商店通知;

3、填写通知后,勾选启用商店通知即可。

商店通知(Store Notice)的应用价值

WooCommerce 原生内置的全局“商店通知”横幅(Demo Store Notice),可以在全站所有页面的最顶部或最底部展示一条醒目的通知栏。常用于发布:

  • 全场满额包邮活动提醒
  • 节假日发货时间调整声明
  • 新客专享折扣码推送
  • 站点维护或合规条款提示

图文详细操作指南

  1. 登录控制台:进入 WordPress 仪表盘,点击左侧菜单 【外观】→【自定义】(Appearance → Customize)。
  2. 进入 WooCommerce 设置项:在左侧面板中展开 【WooCommerce】 核心配置栏。
  3. 开启商店通知:
    • 点击进入 【商店通知】(Store Notice) 子菜单;
    • 勾选 “启用商店通知”(Enable store notice);
    • 在下方文本框中输入需要向顾客展示的文案信息(支持嵌入基础 HTML 超链接标签);
  4. 发布生效:点击自定义面板顶部的 【发布】(Publish)按钮。

样式优化与避坑提示

  • 移动端遮挡排查:部分主题在移动端悬浮底栏时可能会被遮挡,可在“自定义”→“额外 CSS”中添加 .woocommerce-store-notice { top: 0; bottom: auto; } 将其置于页面顶部。
  • 访客关闭记忆:WooCommerce 会在访客点击“关闭”后自动在浏览器存储一条 Cookie,防止同一用户在浏览不同产品页面时被重复打扰。