专为工业制造、外贸出口、B2B技术服务型企业设计，每个区块都围绕“建立信任→展示实力→引导询盘”链路打磨。无需代码，在Gutenberg编辑器里像搭积木一样组合使用。
区块1：Hero 首屏横幅
区块1：Hero 首屏横幅
首屏决定访客是否继续浏览。Hero区块支持全屏背景大图+双行动按钮（如“看案例/立即询盘”），3秒内传达主营业务与价值主张，避免用户因找不到重点而离开。
什么时候用
- 网站首页/落地页第一屏
- 重要产品线/新服务首发页
为什么B2B企业需要它
首屏决定访客是否继续浏览。Hero区块支持全屏背景大图+双行动按钮（如“看案例/立即询盘”），3秒内传达主营业务与价值主张，避免用户因找不到重点而离开。
💡 最佳实践：背景用工厂实拍/设备全景，按钮文案用“获取报价”“查看样册”等强意向词。
区块2：Hero 多图轮播
区块2：Hero多图轮播
单一图片无法覆盖多业务线时，用轮播在同一位置高效展示
区块2：Hero多图轮播
基于Swiper.js，滑动流畅且支持触控，不会因多图导致加载缓慢（默认只预加载相邻片）。
什么时候用
- 需要在一屏内轮播多个产品系列/服务场景
- 展示合作客户LOGO、认证资质、展会现场
解决什么问题
单一图片无法覆盖多业务线时，用轮播在同一位置高效展示。基于Swiper.js，滑动流畅且支持触控，不会因多图导致加载缓慢（默认只预加载相邻片）。
区块3：关于我们（图文介绍）
区块3：关于我们（图文介绍）
我们是行业领先的公司，致力于为客户提供一流的解决方案，凭借多年的经验和专家团队，我们努力超越期望，在我们承担的每个项目中交付卓越。
核心优势条目1
优势描述文案，也可以不显示优势
核心优势条目2
最多支持4个核心优势描述
什么时候用
- 首页第二/三屏：公司简介+核心优势
- 独立“关于我们”页面的主体内容
对转化的作用
B2B交易依赖信任。该区块支持左右图文切换+4个核心优势条目（带图标），用“年限/产能/专利数/交付标准”等硬指标代替空泛描述，让客户快速建立对企业能力的认知。
区块4：手风琴/FAQ 折叠问答
区块4：手风琴/FAQ 折叠问答
提前过滤掉不合适的需求，节省双方时间。
最小起订量是多少？
领航主题最小起订量为1，随时可以购买。
质保政策
购买领航主题后带有6个月的售后和终身可升级保证。
什么时候用
- 产品参数说明、服务流程详解
- 客户常见疑问集中解答（付款/交期/售后）
为什么能提高询盘质量
提前过滤掉不合适的需求，节省双方时间。把“最小起订量/MOQ/质保政策/定制周期”放在FAQ里，让客户自我筛选，留下高意向线索。平滑展开动画，不影响页面整体节奏。
区块5：最新文章/资讯列表
区块5：最新文章/资讯列表
定期更新专业内容能提升搜索引擎抓取频率，同时用实际案例和技术文章证明专业度。
WordPress B2B企业官网主题推荐：领航主题 v1.3.0 发布，内置 AI 顾问建站不再迷茫
怎么把产品/产品分类添加到导航菜单
领航主题更新记录：1.3.1版发布
什么时候用
- 首页底部/新闻资讯页
- 展示“安装案例”“行业洞察”“产品应用场景”等内容
SEO与信任双重价值
定期更新专业内容能提升搜索引擎抓取频率，同时用实际案例和技术文章证明专业度。建议搭配“领航主题SEO教程”使用，让每一篇文章都成为获客入口。
区块6：联系方式卡片
13612345678
13612345678
quhenet
最佳位置
- 联系页面
- 服务页/产品页侧边栏（特定业务联系人）
减少流失的关键
让客户在最想联系时一眼看到电话/邮箱/WhatsApp。支持水平/垂直布局切换和外链图标，外贸企业可配置WhatsApp直达链接，国内用户可绑定微信二维码弹窗。
区块7：内容卡片集（经典/现代/列表）
典型用途
- 服务子项详细说明（如“精密加工/模具制造/OEM代工”）
- 技术文档/白皮书/样本册下载入口
分层引导的设计哲学
三种样式对应不同深度内容：经典款强调平等并列，现代款突出主推服务，列表款适合长目录。统一设计语言，避免页面风格割裂。
区块8：行动号召（CTA）横幅
放在哪里效果最好
- 案例展示之后（趁热打铁）
- 服务说明结尾（消除顾虑，推动下一步）
把流量变成询盘
光展示不够，还需要明确的指令。CTA区块用一句话总结价值+一个强行动按钮（如“免费评估需求→”“获取样品清单”），在决策临界点推一把，直接提升表单提交率。
区块9：联系型CTA（带电话/快捷入口）
区块9：联系型CTA（带电话/快捷入口）
该区块把电话号码放在显眼位置，配合短文案营造紧迫感，适合单价高、决策链条长的B2B业务。
+1 234 567 890
Phone
+1 234 567 890
高转化场景
- 重型设备/工程项目页（需要即时沟通）
- 价格敏感型客户（提供电话优先选项）
抓住偏好电话的客户群
有些客户不习惯填表单，更喜欢打电话确认。该区块把电话号码放在显眼位置，配合短文案营造紧迫感，适合单价高、决策链条长的B2B业务。
区块10：特色网格（服务/亮点展示）
区块10：特色网格（服务/亮点展示）
用“设备特写+短标题+一句结果描述”（如“CNC精度±0.01mm”）快速传递技术标准和质量承诺，打消客户对工艺能力的怀疑。
适用场景
- 核心工艺/独特优势的视觉化陈列
- 4-6个关键服务项的摘要展示
视觉化说服
图片比文字更容易建立印象。用“设备特写+短标题+一句结果描述”（如“CNC精度±0.01mm”）快速传递技术标准和质量承诺，打消客户对工艺能力的怀疑。
区块11：项目案例网格
区块11：项目案例网格
悬停遮罩效果引导点击详情，用真实交付记录证明可靠性，尤其适合工程/定制类企业。
必备页面
- 独立案例页 / 首页成功案例专区
- 按行业/地区/产品线分类展示
B2B成交的关键证据
“别人用过且满意”是最强的销售话术。悬停遮罩效果引导点击详情，用真实交付记录证明可靠性，尤其适合工程/定制类企业。建议搭配“数据统计区块”展示累计交付数量。
区块12：服务列表（带图标版）
标准用法
- 服务页主体内容 / 首页服务概览
- 多业务线的标准化表述（每项配独立图标）
结构化展示能力边界
避免客户因“不知道你们到底做什么”而流失。支持6-12项服务，每项可配外链跳转到详细说明页，形成“总览→细节→询盘”的浏览路径，适合业务复杂的中大型B2B企业。
区块13：数据统计动画
行业客户
出口国家
工程师
历史
信任背书位
- 关于我们之后 / 案例之前
- 用数字替代主观形容词（如“经验丰富”→“成立15年+”）
量化实力，建立壁垒
滚动数字动画天然抓眼球。展示“年产能/出口国家数/工程师人数/良品率”等硬数据，让中小企业在同行对比中脱颖而出。支持自定义单位与后缀，适配不同行业指标。
区块14：团队展示
区块14：团队展示
B2B交易最终是人与人之间的信任。
名称
职位
名称
职位
名称
职位
适用对象
- 技术型/咨询型公司（工程师/专家团队）
- 外贸业务员实名展示（方便客户指定联系人）
把公司还原成“人”
B2B交易最终是人与人之间的信任。展示核心成员姓名、职位及LinkedIn链接，让客户感觉自己在和一个专业团队合作，而不是冷冰冰的公司，尤其利于跨境业务的跨文化信任建设。
区块15：客户评价轮播
区块15：客户评价轮播
自卖自夸不如客户一句话。
轮播展示带真人头像/公司LOGO的评价，有效消除最后的决策顾虑，尤其适合新客户占比较高的企业。
轮播展示带真人头像/公司LOGO的评价，有效消除最后的决策顾虑，尤其适合新客户占比较高的企业。
轮播展示带真人头像/公司LOGO的评价，有效消除最后的决策顾虑，尤其适合新客户占比较高的企业。
社会证明位
- 首页倒数第二屏（临门一脚）
- 产品详情页侧边栏/底部
用别人的嘴夸自己
自卖自夸不如客户一句话。轮播展示带真人头像/公司LOGO的评价，有效消除最后的决策顾虑，尤其适合新客户占比较高的企业。建议选取有具体场景的描述（如“解决了某技术难题”）。
区块16：为什么选择我们（差异化卖点）
区块16：为什么选择我们（差异化卖点）
可选颜色还是图片背景
更短的交付周期
描述
更好的售后体系
描述
更灵活的定制能力
描述
决策助推位
- 服务页结尾 / 询盘表单前
- 与竞品对比不明显时需要突出差异
回答客户的隐性疑问
当客户犹豫选哪家时，用3-4条“更短的交付周期/更好的售后体系/更灵活的定制能力”直接给出理由。这相当于在你开口前就回答了“凭什么是你”的问题。
🚀 16个区块 = 一套完整的B2B官网转化系统
从首屏吸引力（Hero）→ 能力证明（案例/数据）→ 信任加固（评价/团队）→ 行动引导（CTA），领航主题把复杂的建站逻辑封装成简单的拖拽操作，你只需要聚焦自己的业务内容。
