专为流量卡、随身WiFi销售企业设计的sndowcms模板,蓝色科技风格,响应式布局。
仅限国内运营商正规渠道官方授权的流量卡、随身WiFi产品售卖展示用途
一、安装与启用
- 登录 Sndow 网站后台。
- 进入 外观 / 主题管理。
- 点击 上传主题 / 安装模板,选择压缩包
yelang-flowcard.zip,上传并安装。 - 在主题列表找到「流量卡企业官网主题」,点击 启用。
- 启用后这个主题的中心会出现「主题设置」点击之后,所有站点信息都在这里配置。
升级主题时重新上传新版 zip 覆盖即可,主题设置内容会自动保留。
二、5 步快速上线
| 步骤 | 在哪里做 | 做什么 |
|---|---|---|
| ① | 主题设置 → 公司与联系信息 | 改成你自己的公司名、电话、微信、地址 |
| ② | 后台 → 内容管理 → 分类管理 | 建"流量卡套餐、随身WiFi、企业团购"等分类 |
| ③ | 后台 →内容管理 →文章管理 →发布新文章 | 每篇文章 = 一个套餐,正文顶部粘贴产品信息块(见第四节) |
| ④ | 后台 → 外观扩展 → 菜单管理 | 新建主导航,加入分类,子分类拖成二级 |
| ⑤ | 主题设置 → 二维码/微信 | 上传你的微信客服码、公众号码 |
完成后刷新首页,即与演示站一致。
三、主题设置逐项详解
进入后台 主题设置,共 5 个分组。
1. 公司与联系信息
| 设置项 | 说明 / 显示位置 |
|---|---|
| 公司名称 | Logo 主文字、页脚公司名 |
| Logo 副标题/简介 | Logo 下方一行小字 |
| 页脚公司简介 | 一段公司介绍,显示在页脚左侧 |
| 客服电话 | 全站电话按钮自动生效;电脑端点击复制号码弹提示,手机端直接拨号(顶栏/Hero/浮动栏/详情页/页脚) |
| 服务时间 | 如 9:00-21:00(全年无休),显示在顶部信息栏 |
| 微信号 | 页脚微信号,鼠标点击可复制 |
| 联系邮箱 / 公司地址 | 页脚联系方式 |
| 「立即咨询」按钮链接 | 填企业微信客服链接 / 任意客服地址,作用于右上角"立即咨询"按钮 |
2. 首页横幅(Hero)
- Hero 背景图:留空用内置图;建议上传 1920×900 以上、深色或蓝色科技感图片。
- 主标题 / 副标题:首页大标题文字。
- 统计数据:每行一条,格式
数字|文字,建议 3~4 个,例如:
10万+|服务用户 8年|行业经验 99%|客户满意度 7×24|在线服务
3. 二维码 / 微信
- 微信客服二维码:浮动栏悬停弹窗、详情页"微信咨询"弹窗、页脚第一张码。
- 公众号二维码:页脚第二张码。
- 站点图标 favicon:浏览器标签页小图标,建议 64×64 PNG。
二维码建议正方形、400×400 以上;以上图片留空均使用内置默认图。
4. 页脚与备案
- 版权文本:支持
{year}自动显示当前年份,如© {year} 某某公司 版权所有。 - ICP 备案号 / 备案链接:填你的备案号,自动链接工信部。
- 帮助中心 / 页面链接:每行一条,格式
名称|链接,用于导航和页脚"帮助中心",需填页面真实网址;留空则不显示,不会出现死链。例如:
关于我们|https://www.你的域名.com/page/guanyu 联系我们|https://www.你的域名.com/page/lianxi 购买须知|https://www.你的域名.com/page/xuzhi
5. 产品列表
- 首页热门套餐显示数量:首页"热门套餐推荐"展示几个产品(默认 6)。
- 内页横幅背景图:产品详情页、分类列表页顶部横幅,留空用内置图。
四、添加产品(最重要)
主题里每一篇文章就是一个产品/套餐。价格、角标、规格参数通过文章正文最顶部的一段"产品信息块"配置。
操作步骤:
- 后台 → 内容管理 →文章管理 →发布新文章。
- 标题填套餐名,如:
【移动】29元200G全国流量卡 不限速 首月免费。 - 分类勾选对应套餐分类(决定出现在哪个分类页和导航里)。
- 设置封面图/缩略图(显示在产品卡片和详情页大图)一般不用管.本主题采用自动获取正文第一张图片。
- 在正文最开头粘贴下面信息块(建议用编辑器的"文本/HTML"模式),空一行再写产品图文介绍。
产品信息块模板(直接复制修改):
<!--mt price=29 origin=59 unit=月 badge=热销 operator=中国移动 data=200G/月 全国通用 speed=4G/5G 高速不限速 contract=无合约 activate=扫码自助激活 code=YD-29-200G --> 这里开始写产品详情正文:套餐介绍、套餐详情、办理须知……(可插入图片、列表)
字段说明(全部可省略,缺哪项就不显示哪项):
| 字段 | 含义 | 示例 | 用在哪里 |
|---|---|---|---|
price | 现价(数字,不带¥) | 29 | 卡片价格、详情页套餐价 |
origin | 原价(划线价) | 59 | 价格旁灰色划线价 |
unit | 计价单位 | 月 / 台 / 年 | 价格后 /月、/台 |
badge | 卡片角标 | 热销/推荐/爆款/新品 | 卡片右上角、详情页角标 |
operator | 运营商 | 中国移动 | 详情页参数、规格表 |
data | 套餐流量/内容 | 200G/月 全国通用 | 卡片标签、参数、规格表 |
speed | 网络速率 | 4G/5G 不限速 | 卡片标签、参数、规格表 |
contract | 合约期 | 无合约 / 12个月 | 卡片标签、参数、规格表 |
activate | 激活方式 | 扫码自助激活 | 详情页参数、规格表 |
code | 套餐编码 | YD-29-200G | 详情页参数、规格表 |
- 随身 WiFi 设备可填
unit=台、data=3000G/月、speed=5G 500Mbps。 - 不想填价格:删掉 price/origin/unit 三行,卡片显示"价格咨询"、详情页显示"在线咨询",引导客户加微信/打电话。
- 信息块在前台不会显示给访客,只用于读取数据;正文会显示在"产品详情"标签,参数自动汇总到"规格参数"表格。
五、产品分类管理
后台 → 分类管理,建立套餐分类,例如:流量卡套餐(子分类:移动/联通/电信/广电流量卡)、随身 WiFi 设备、企业团购方案、政策解读/资讯。
作用:
- 首页分类快捷入口:自动读取前几个顶级分类,生成 4 张分类卡片。
- 导航菜单:分类可加入导航。
- 分类列表页:点进分类显示该分类下所有产品卡片,自带分页。
- 分类图标按名称自动匹配(含"WiFi/随身/设备"→WiFi图标;含"企业/团购"→包裹图标;含"政策/资讯"→文档图标;其余→卡片图标)。
子分类要正确选择"父级分类",导航才能做成二级下拉。
六、导航菜单与二级下拉
后台 → 菜单管理:
- 新建菜单,显示位置选 顶部 / 主导航(primary)。
- 勾选要加入的分类、页面,点"添加到菜单"。
- 做二级下拉:把子项(如移动/联通/电信/广电流量卡)用鼠标向右拖动缩进,挂到父项(流量卡套餐)下面。
- 可继续添加"关于我们""联系我们"等自定义链接(填页面真实网址)。
- 保存菜单。
前台效果:电脑端鼠标悬停父菜单自动展开二级下拉;手机端点右上角菜单按钮,父项右侧 › 点击展开/收起;当前分类/页面菜单自动高亮。
若没有配置任何菜单,主题会自动用"首页 + 分类(子分类作二级)"兜底显示。
七、创建"关于我们 / 联系我们"等页面
- 后台 → 新建页面(独立页面,不是文章)。
- 标题填"关于我们",正文写公司介绍、联系方式、资质图片等,发布。
- 复制该页面的访问网址。
- 回到 主题设置 → 页脚与备案 → 帮助中心/页面链接,按
名称|链接每行一条填入。 - 同时可在 菜单管理 把这些页面加入顶部导航。
建议建立:关于我们、联系我们、购买须知、常见问题、售后保障、隐私政策。
八、评论功能
- 产品详情页是否显示评论,由 Sndow 后台 文章/评论设置 控制(是否开启评论、是否开启验证码)。
- 评论表单自带昵称、邮箱、网址、内容、验证码,样式已适配主题。
- 不想开放评论,在后台关闭即可,详情页自动不显示评论区。
九、图片素材建议
| 素材 | 建议尺寸 | 说明 |
|---|---|---|
| 产品封面图 | 800×800 或 4:3 | 卡片与详情页大图,未上传用内置默认图 |
| Hero 首页横幅 | 1920×900 以上 | 深色/蓝色科技感,避免中间太亮影响白字 |
| 内页横幅 | 1920×400 左右 | 详情页/列表页顶部 |
| 二维码 | 400×400 正方形 PNG | 微信客服码、公众号码 |
| favicon | 64×64 PNG | 浏览器标签图标 |
十、常见问题 FAQ
Q:产品卡片不显示价格?
A:检查正文最顶部信息块,price=29 是否填写、等号两边不要有空格、信息块 <!--mt 开头 --> 结尾要完整,且必须在正文第一行。
Q:信息块会被访客看到吗?
A:不会,它是 HTML 注释格式,前台自动隐藏,只用于读取价格和参数。
Q:导航没有二级菜单?
A:到"菜单管理"确认:①菜单位置选了主导航(primary);②子菜单已拖动缩进挂到父项下方;③已保存。若完全没建菜单,主题用分类层级兜底。
Q:页脚"帮助中心"是空的 / 点了 404?
A:在主题设置"帮助中心/页面链接"里填已发布页面的真实网址,格式 名称|链接,每行一条;不需要就留空。
Q:电话按钮点了不拨号?
A:电脑端点击是"复制号码 + 弹窗提示"(设计如此);手机端点击直接唤起拨号。客服电话在主题设置里改。
Q:首页想多显示几个产品?
A:主题设置 → 产品列表 → 首页热门套餐显示数量,调大即可。
Q:价格想做成"面议/加微信报价"?
A:删掉信息块里 price、origin、unit 三行,卡片和详情页会显示"价格咨询/在线咨询"。
Q:升级主题会丢设置吗?
A:不会,设置存在数据库,覆盖上传新版不影响已填内容和文章。
附:最简产品信息块(懒人版)
只想显示价格和角标,用这个即可:
<!--mt price=29 badge=热销 -->
全部评论 (0)
暂无评论,快来抢沙发吧!