fix(官网): 桌面导航仅保留一个留资 CTA 并重新上线
宽屏不再注入移动端克隆按钮，并加固 CSS 与缓存版本号，避免顶栏出现两个「领取资料并咨询」。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Manus AI
229
官网/api.html
229
官网/api.html
@@ -3,186 +3,169 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>接口体系 · 存客宝开放对接 | API 全量索引</title>
|
||||
<meta name="description" content="存客宝接口体系：8 大模块、统一认证、六大业务板块、工作手机 BFF 52 条接口、开放线索上报与内容库接口。面向集成、二开与生态对接的开发者文档导览。" />
|
||||
<meta property="og:title" content="存客宝接口体系 · 开放对接" />
|
||||
<meta property="og:description" content="8 大模块 + 工作手机 BFF 52 条 + 开放接口，存客宝接口体系一页看清。" />
|
||||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
<title>AI 赋能 · 存客宝智能私域运营</title>
|
||||
<meta name="description" content="存客宝 AI 赋能：智能应答、内容生成、客户分层、自动加人养号、运营洞察与数智员工，让私域运营更聪明、更安全、更省力。" />
|
||||
<meta name="keywords" content="存客宝,AI私域,AI数智员工,智能应答,客户分层,健康分养号,场景获客API,私域自动化" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="存客宝 AI 赋能" />
|
||||
<meta property="og:description" content="AI + 私域全链路：从获客到成交，存客宝把 AI 能力写进每一个运营环节。" />
|
||||
<meta property="og:image" content="assets/img/matrix-aistaff.png" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{"@type":"Question","name":"AI 数智员工是怎么工作的？","acceptedAnswer":{"@type":"Answer","text":"基于企业知识库与内容库，7×24 自动应答访客咨询、识别意向并沉淀线索，按客户分层优先服务高价值客户。"}},
|
||||
{"@type":"Question","name":"AI 回复会不会乱编内容？","acceptedAnswer":{"@type":"Answer","text":"回复基于企业已绑定的知识库/内容库，按 companyId 严格隔离；无命中时走固定话术并引导留资，不跨企业、不杜撰敏感信息。"}},
|
||||
{"@type":"Question","name":"支持和我现有系统对接吗？","acceptedAnswer":{"@type":"Answer","text":"企业版开放线索上报、内容库推送等 HTTP 接口，支持 apiKey + 签名鉴权，可做系统集成与二次开发。"}},
|
||||
{"@type":"Question","name":"其他平台（落地页/小程序）能复用吗？","acceptedAnswer":{"@type":"Answer","text":"可以。同一套开放 API 可嵌入落地页、小程序 H5，推荐经服务端代签调用，apiKey 不落浏览器，安全合规。"}}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- 导航 -->
|
||||
<nav class="nav">
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="index.html#features">核心功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">行业方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">产品矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">接口体系</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用手册</a></li>
|
||||
<li><a class="nav-link" href="pricing.html">价格</a></li>
|
||||
<li><a class="nav-link" href="index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="index.html#contact">联系我们</a>
|
||||
<a class="btn btn-primary" href="pricing.html">免费试用</a>
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero -->
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow" style="background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff">开发者 · 开放对接</span>
|
||||
<h1>存客宝接口体系</h1>
|
||||
<p>统一的 RESTful 接口，覆盖认证、六大业务板块、工作手机 BFF（52 条）与开放生态接口。无论你要做系统集成、二次开发还是把存客宝能力嵌入自己的业务，这里是你的起点。</p>
|
||||
<div style="margin-top:26px;display:flex;gap:12px;flex-wrap:wrap">
|
||||
<span class="trust-chip">生产 Base：ckbapi.quwanzhi.com</span>
|
||||
<span class="trust-chip">REST + JWT</span>
|
||||
<span class="trust-chip">开放签名鉴权</span>
|
||||
<span class="eyebrow">AI 赋能</span>
|
||||
<h1>AI 写进私域运营的<br />每一个环节</h1>
|
||||
<p>存客宝不只是自动化工具，更是一套「AI + 真机 + 算法」的私域增长系统。智能应答、内容生成、客户分层、健康分护航——让团队少用人、多出结果。</p>
|
||||
<div class="cta-actions" style="margin-top:22px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，7 天看到获客增长</button>
|
||||
<a class="btn btn-ghost btn-lg" href="#" data-lead="consult">领取资料</a>
|
||||
</div>
|
||||
<p class="hero-trust-line" style="margin-top:12px">免费试用 7 天 · 每天送 300 算力</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 模块总览 -->
|
||||
<!-- AI 核心能力 -->
|
||||
<section class="section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">模块总览</span>
|
||||
<h2 class="section-title reveal">8 大接口模块，各司其职</h2>
|
||||
<p class="section-sub reveal">按产品与职责划分的接口分组，前缀清晰、权限分明。</p>
|
||||
<span class="eyebrow reveal">核心 AI 能力</span>
|
||||
<h2 class="section-title reveal">存客宝内置的 <span class="gradient-text">六大 AI 模块</span></h2>
|
||||
<p class="section-sub reveal">面向运营场景设计，不是空泛的概念，而是每天能帮你省时间、提转化的能力。</p>
|
||||
</div>
|
||||
<div class="container api-modules">
|
||||
<div class="api-mod reveal d1"><span class="pre">/v1/auth · /v1/attachment</span><h3>common 共用</h3><p>登录、验证码、用户信息、Token 刷新与附件，所有产品共享的基础能力。</p></div>
|
||||
<div class="api-mod reveal d2"><span class="pre">/v1/*</span><h3>cunkebao 存客宝</h3><p>核心运营接口：设备、微信、计划、工作台、流量池、内容库（JWT）。</p></div>
|
||||
<div class="api-mod reveal d3"><span class="pre">/v1/kefu/*</span><h3>chukebao 触客宝</h3><p>客服端：好友、消息、群聊、AI 问答与快捷回复（JWT）。</p></div>
|
||||
<div class="api-mod reveal d1"><span class="pre">/v1/api/*</span><h3>api 遗留</h3><p>设备端 / 商户遗留接口，逐步迁移至工作手机 SDK。</p></div>
|
||||
<div class="api-mod reveal d2"><span class="pre">/v1/store/*</span><h3>store 门店</h3><p>门店端业务接口（JWT）。</p></div>
|
||||
<div class="api-mod reveal d3"><span class="pre">/v1/admin/*</span><h3>superadmin 超管</h3><p>超级管理后台：用户、配置、AI 中心、对接方案切换（JWT）。</p></div>
|
||||
<div class="api-mod reveal d1"><span class="pre">/v1/ai/*</span><h3>ai 网关</h3><p>全平台 AI Gateway：统一补全、配置、算力计费与失败转移（JWT）。</p></div>
|
||||
<div class="api-mod reveal d2"><span class="pre">/v1/cozeai/*</span><h3>cozeai 工作区</h3><p>Coze AI 工作区对接接口（JWT）。</p></div>
|
||||
<div class="container features-grid">
|
||||
<div class="feature-card reveal d1"><div class="feature-icon"><img src="assets/img/icon-ai-bot.svg" alt="" width="40" height="40" /></div><h3>AI 智能应答</h3><p>7×24 辅助回复客户消息，直播后海量私信也能兜住，高意向客户优先提醒人工跟进。</p><div class="tags"><span>私信应答</span><span>意向识别</span><span>不掉线</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">✍️</div><h3>AI 内容生成</h3><p>朋友圈文案、群发话术、活动海报文案一键生成，结合内容库统一风格，团队输出更一致。</p><div class="tags"><span>话术改写</span><span>素材扩写</span><span>多版本</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">🎯</div><h3>客户智能分层</h3><p>按最近互动、频次、价值自动给客户打分分层，让营销资源投在最值得的人身上。</p><div class="tags"><span>自动分层</span><span>高价值优先</span><span>精准触达</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">🛡️</div><h3>健康分算法</h3><p>动态评估账号状态，自动控制加人频次与群发节奏，最大限度降低封号风险。</p><div class="tags"><span>控频养号</span><span>风险预警</span><span>安全运营</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">📊</div><h3>运营洞察报告</h3><p>获客、转化、设备、团队多维数据 AI 解读，帮负责人快速看懂业务、做出决策。</p><div class="tags"><span>数据解读</span><span>趋势分析</span><span>决策辅助</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">🤝</div><h3>AI 数智员工</h3><p>把知识库、SOP 与日常运营动作装进系统，像多一个永不疲倦的运营搭子。</p><div class="tags"><span>知识库</span><span>SOP 执行</span><span>协同运营</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 认证 -->
|
||||
<!-- 业务 AI 场景 -->
|
||||
<section class="section pain">
|
||||
<div class="container">
|
||||
<div class="center"><span class="eyebrow reveal">统一认证</span><h2 class="section-title reveal">认证接口 <span style="font-weight:600;font-size:.5em;color:var(--c-ink-3)">common · /v1/auth</span></h2></div>
|
||||
<table class="api-table reveal">
|
||||
<thead><tr><th>方法</th><th>路径</th><th>说明</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/auth/login</code></td><td>密码登录（account, password, typeId）</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/auth/mobile-login</code></td><td>验证码登录</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/auth/code</code></td><td>发送验证码</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/auth/info</code></td><td>获取用户信息（JWT）</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/auth/refresh</code></td><td>刷新 Token</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 业务板块 -->
|
||||
<section class="section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">核心业务</span>
|
||||
<h2 class="section-title reveal">六大业务板块接口</h2>
|
||||
<p class="section-sub reveal">存客宝核心能力，全部以 RESTful 接口开放给运营前端与生态对接。</p>
|
||||
<span class="eyebrow reveal">业务场景</span>
|
||||
<h2 class="section-title reveal">AI 如何帮你跑通私域全链路</h2>
|
||||
</div>
|
||||
<div class="container api-modules">
|
||||
<div class="api-mod reveal d1"><span class="pre">/v1/plan · open/api</span><h3>场景获客</h3><p>多渠道获客计划、场景码、线索上报与统计。</p></div>
|
||||
<div class="api-mod reveal d2"><span class="pre">/v1/workbench</span><h3>工作台</h3><p>自动建群、消息群发、朋友圈同步与任务调度。</p></div>
|
||||
<div class="api-mod reveal d3"><span class="pre">/v1/devices</span><h3>设备管理</h3><p>设备纳管、状态监控、在线率与健康分。</p></div>
|
||||
<div class="api-mod reveal d1"><span class="pre">/v1/wechats</span><h3>微信号管理</h3><p>微信号、好友、群聊管理与自动加人养号。</p></div>
|
||||
<div class="api-mod reveal d2"><span class="pre">/v1/traffic/pool</span><h3>流量池</h3><p>流量标签、RFM 分层与智能分发。</p></div>
|
||||
<div class="api-mod reveal d3"><span class="pre">/v1/content/library</span><h3>内容库</h3><p>素材管理、AI 改写、采集与外部接口推送。</p></div>
|
||||
<div class="api-mod reveal d1"><h3>场景获客</h3><p>多渠道线索自动入池，智能分配至合适账号，减少撞单与漏跟。</p></div>
|
||||
<div class="api-mod reveal d2"><h3>自动加人养号</h3><p>健康分护航下的自动加人、通过验证、标签管理，百号矩阵也能稳跑。</p></div>
|
||||
<div class="api-mod reveal d3"><h3>智能群发 / 朋友圈</h3><p>内容 AI 改写 + 定时调度 + 去重限频，触达更高效、更自然。</p></div>
|
||||
<div class="api-mod reveal d1"><h3>流量池分层</h3><p>标签 + 客户分层双层运营，高价值客户专属服务，沉睡客户自动唤醒。</p></div>
|
||||
<div class="api-mod reveal d2"><h3>社群自动化</h3><p>自动建群、入群欢迎、活动提醒，社群从「手动拉」变「系统建」。</p></div>
|
||||
<div class="api-mod reveal d3"><h3>AI 数智员工</h3><p>AI 指令直达终端执行，消息、好友、群聊、朋友圈全场景 7×24 可控。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 工作手机 BFF -->
|
||||
<!-- 算法 -->
|
||||
<section class="section algo">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">设备能力底座</span>
|
||||
<h2 class="section-title reveal" style="color:#fff">工作手机 BFF · <span class="gradient-text">52 条接口</span></h2>
|
||||
<p class="section-sub reveal">前缀 <code style="color:var(--brand-3)">/v1/workphone</code>，把真机控制能力统一封装，覆盖消息、好友、群聊、标签、朋友圈、AI 全场景。</p>
|
||||
<span class="eyebrow reveal">智能算法</span>
|
||||
<h2 class="section-title reveal">看得见的结果，<span class="gradient-text">看不见的算法护航</span></h2>
|
||||
</div>
|
||||
<div class="container bff-grid">
|
||||
<div class="bff-cat reveal d1"><div class="cnt gradient-text">14</div><h4>总览 / 连接 / Hook</h4><p>status · health · connection · hook/*</p></div>
|
||||
<div class="bff-cat reveal d2"><div class="cnt gradient-text">8</div><h4>设备 UI</h4><p>devices · click · screenshot</p></div>
|
||||
<div class="bff-cat reveal d3"><div class="cnt gradient-text">3</div><h4>消息</h4><p>message/send · batch-send</p></div>
|
||||
<div class="bff-cat reveal d1"><div class="cnt gradient-text">6</div><h4>好友 / 通讯录</h4><p>contacts · friends/*</p></div>
|
||||
<div class="bff-cat reveal d2"><div class="cnt gradient-text">9</div><h4>群聊</h4><p>groups/*</p></div>
|
||||
<div class="bff-cat reveal d3"><div class="cnt gradient-text">6</div><h4>标签</h4><p>tags/*</p></div>
|
||||
<div class="bff-cat reveal d1"><div class="cnt gradient-text">4</div><h4>朋友圈</h4><p>moments/*</p></div>
|
||||
<div class="bff-cat reveal d2"><div class="cnt gradient-text">7</div><h4>AI / Agent</h4><p>ai/* · agent/*</p></div>
|
||||
<div class="bff-cat reveal d3"><div class="cnt gradient-text">2</div><h4>其他</h4><p>comment/reply · sdk/proxy</p></div>
|
||||
<div class="container algo-grid">
|
||||
<div class="algo-card reveal d1"><div class="ic">🛡️</div><h3>健康分算法</h3><p>动态评估账号状态，自动控制每日加人频次，保护账号安全。</p></div>
|
||||
<div class="algo-card reveal d2"><div class="ic">🎯</div><h3>客户分层</h3><p>三维评分识别高价值客户，营销不再大水漫灌。</p></div>
|
||||
<div class="algo-card reveal d3"><div class="ic">⚖️</div><h3>流量分发</h3><p>线索智能分配至最合适账号，负载均衡、避免浪费。</p></div>
|
||||
<div class="algo-card reveal d1"><div class="ic">📤</div><h3>群发调度</h3><p>去重、限频、时间打散，批量触达更自然更安全。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 开放接口 -->
|
||||
<section class="section pain">
|
||||
<div class="container">
|
||||
<div class="center"><span class="eyebrow reveal">开放生态</span><h2 class="section-title reveal">开放接口（线索 / 内容库）</h2><p class="section-sub reveal">把你的渠道线索和内容，安全地推进存客宝。</p></div>
|
||||
<table class="api-table reveal">
|
||||
<thead><tr><th>方法</th><th>路径</th><th>鉴权</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/open/auth/token</code></td><td>开放 Token</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/open/scenarios</code></td><td>JWT 线索上报</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/api/scenarios</code></td><td>apiKey + sign 签名</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/open/content-library/health</code></td><td>公开</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/open/content-library/push-item</code></td><td>X-API-KEY（库级）</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/open/content-library/items</code></td><td>X-API-KEY</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- AI 智能助手 + 网关 -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="center"><span class="eyebrow reveal">AI 能力</span><h2 class="section-title reveal">AI 智能助手 + 全平台网关</h2><p class="section-sub reveal">让 LLM 直接调用存客宝能力，流式对话、运营洞察、算力计费一体化。</p></div>
|
||||
<table class="api-table reveal">
|
||||
<thead><tr><th>方法</th><th>路径</th><th>说明</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/ai-assistant/send-message-stream</code></td><td>SSE 流式对话（session / delta / done）</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/ai-assistant/confirm-actions</code></td><td>确认执行写操作</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/ai-assistant/analysis-report</code></td><td>运营洞察报告</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/ai-assistant/tools</code></td><td>LLM 可调用的存客宝工具目录</td></tr>
|
||||
<tr><td><span class="method post">POST</span></td><td><code>/v1/ai/chat/completions</code></td><td>统一补全网关（多 Provider failover）</td></tr>
|
||||
<tr><td><span class="method get">GET</span></td><td><code>/v1/ai/gateway/config</code></td><td>脱敏网关配置（档位 / 策略）</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">企业版专属</span>
|
||||
<h2 class="section-title reveal">开放对接，嵌入你的业务系统</h2>
|
||||
<p class="section-sub reveal">企业版提供线索上报、内容库推送等开放能力，支持与现有 CRM、ERP、数据中台集成。基础版 / 专业版 / 免费试用不含开放接口。</p>
|
||||
</div>
|
||||
<div class="container features-grid" style="grid-template-columns:repeat(auto-fit,minmax(280px,1fr))">
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">🔗</div><h3>线索上报</h3><p>官网、广告、第三方渠道线索安全写入存客宝，自动进入流量池与获客计划。</p></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">📚</div><h3>内容库推送</h3><p>外部系统推送素材与话术，存客宝统一管理与分发。</p></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">🏗️</div><h3>二开对接</h3><p>专属客户成功 + 技术协助，按需定制集成方案。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">AI 赋能与对接，常见疑问</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">AI 数智员工是怎么工作的？<span class="pm">+</span></div><div class="faq-a">基于企业知识库与内容库，7×24 自动应答访客咨询、识别意向并沉淀线索，按客户分层优先服务高价值客户。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">AI 回复会不会乱编内容？<span class="pm">+</span></div><div class="faq-a">回复基于企业已绑定的知识库/内容库，按 companyId 严格隔离；无命中时走固定话术并引导留资，不跨企业、不杜撰敏感信息。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">支持和我现有系统对接吗？<span class="pm">+</span></div><div class="faq-a">企业版开放线索上报、内容库推送等 HTTP 接口，支持 apiKey + 签名鉴权，可做系统集成与二次开发。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">其他平台（落地页/小程序）能复用吗？<span class="pm">+</span></div><div class="faq-a">可以。同一套开放 API 可嵌入落地页、小程序 H5，推荐经服务端代签调用，apiKey 不落浏览器，安全合规。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="section cta">
|
||||
<div class="container cta-inner">
|
||||
<h2 class="reveal">想把存客宝接进你的系统？</h2>
|
||||
<p class="reveal">企业版开放接口与二开对接，专人协助你完成集成。</p>
|
||||
<h2 class="reveal">想体验 AI 赋能的私域运营？</h2>
|
||||
<p class="reveal">免费试用 7 天，或预约产品演示。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<a class="btn btn-outline btn-lg" href="index.html#pricing">了解企业版</a>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html#contact">联系技术对接</a>
|
||||
<a class="btn btn-outline btn-lg" href="#" data-lead="trial">免费试用</a>
|
||||
<a class="btn btn-ghost btn-lg" href="#" data-lead="consult">领取资料</a>
|
||||
<a class="btn btn-primary btn-lg" href="#" data-lead="enterprise">了解企业版开放对接</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div>
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a>
|
||||
<p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p>
|
||||
</div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">接口体系</a><a href="index.html#pricing">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="index.html#solutions">私域操盘手</a><a href="index.html#solutions">连锁 / 门店</a><a href="index.html#solutions">电商商家</a><a href="index.html#solutions">网红 / 明星</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact">技术支持微信：<b>28533368</b><br />电话：<b>15880802661</b><br />生产 Base：ckbapi.quwanzhi.com</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="solutions.html#private">私域操盘手</a><a href="solutions.html#chain">连锁 / 门店</a><a href="solutions.html#ecom">电商商家</a><a href="solutions.html#kol">网红 / 明星</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact"><button type="button" class="btn btn-primary" data-lead="consult" style="margin-top:8px">领取资料</button></p></div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 Cunkebao · 私域运营自动化系统</span>
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<span>AI + 私域 · 让流量自己增长、自己成交</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -4,44 +4,63 @@
|
||||
============================================================ */
|
||||
|
||||
:root {
|
||||
--c-bg: #0a0c1b;
|
||||
--c-bg-soft: #11142a;
|
||||
--c-bg: #0f172a;
|
||||
--c-bg-soft: #f8fafc;
|
||||
--c-surface: #ffffff;
|
||||
--c-surface-soft: #f6f7fb;
|
||||
--c-ink: #0d1023;
|
||||
--c-ink-2: #3a3f5c;
|
||||
--c-ink-3: #6b7090;
|
||||
--c-line: #e7e9f3;
|
||||
--c-surface-soft: transparent;
|
||||
--c-ink: var(--kir-text-primary, #0f172a);
|
||||
--c-ink-2: var(--kir-text-secondary, #475569);
|
||||
--c-ink-3: var(--kir-text-muted, #94a3b8);
|
||||
--c-line: var(--kir-border-soft, #eef2f7);
|
||||
|
||||
--brand-1: #5b6cff;
|
||||
--brand-2: #8b3fff;
|
||||
--brand-3: #00e0c6;
|
||||
--brand-4: #ff8a3d;
|
||||
--brand-1: #3b82f6;
|
||||
--brand-2: #8b5cf6;
|
||||
--brand-3: #f59e0b;
|
||||
--brand-4: #f97316;
|
||||
|
||||
--grad-brand: linear-gradient(120deg, #5b6cff 0%, #8b3fff 100%);
|
||||
--grad-brand-soft: linear-gradient(120deg, rgba(91,108,255,.14), rgba(139,63,255,.14));
|
||||
--grad-hero: radial-gradient(1200px 600px at 15% -10%, rgba(91,108,255,.45), transparent 60%),
|
||||
radial-gradient(900px 500px at 95% 10%, rgba(139,63,255,.40), transparent 55%),
|
||||
radial-gradient(700px 600px at 60% 110%, rgba(0,224,198,.22), transparent 60%),
|
||||
#070818;
|
||||
--grad-brand: var(--kir-gradient-cta, linear-gradient(90deg, #3b82f6, #8b5cf6));
|
||||
--grad-brand-soft: linear-gradient(120deg, rgba(59,130,246,.1), rgba(139,92,246,.1));
|
||||
--grad-hero: var(--kir-gradient-hero);
|
||||
|
||||
--radius: 18px;
|
||||
--radius-lg: 26px;
|
||||
--shadow-sm: 0 6px 20px rgba(13,16,35,.08);
|
||||
--shadow-md: 0 18px 50px rgba(13,16,35,.12);
|
||||
--shadow-glow: 0 24px 80px rgba(91,108,255,.35);
|
||||
--radius: var(--kir-radius-lg, 16px);
|
||||
--radius-lg: var(--kir-radius-xl, 20px);
|
||||
--shadow-sm: var(--kir-glass-shadow);
|
||||
--shadow-md: var(--kir-glass-shadow-hover);
|
||||
--shadow-glow: 0 16px 48px rgba(59, 130, 246, .22);
|
||||
|
||||
--container: 1200px;
|
||||
--space: clamp(64px, 9vw, 120px);
|
||||
--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
--font: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
/* ---------- KIR 光晕背景层 ---------- */
|
||||
.kir-orbs { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
|
||||
.kir-orbs i { position: absolute; border-radius: 50%; filter: blur(88px); opacity: 1; }
|
||||
.kir-orbs i:nth-child(1) { width: 520px; height: 520px; top: -160px; right: -120px; background: var(--kir-orb-blue); }
|
||||
.kir-orbs i:nth-child(2) { width: 420px; height: 420px; bottom: 10%; left: -140px; background: var(--kir-orb-purple); }
|
||||
.kir-orbs i:nth-child(3) { width: 320px; height: 320px; top: 42%; right: 8%; background: var(--kir-orb-gold); }
|
||||
body > .nav, body > header, body > section, body > footer { position: relative; z-index: 1; }
|
||||
|
||||
/* ---------- 玻璃卡片（KIR 统一） ---------- */
|
||||
.kir-card {
|
||||
background: var(--kir-glass-bg);
|
||||
backdrop-filter: blur(var(--kir-glass-blur));
|
||||
-webkit-backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border: 1px solid var(--kir-glass-border);
|
||||
box-shadow: var(--kir-glass-shadow);
|
||||
transition: transform .35s var(--kir-ease-out), box-shadow .35s var(--kir-ease-out), border-color .35s;
|
||||
}
|
||||
.kir-card:hover { box-shadow: var(--kir-glass-shadow-hover); border-color: rgba(59, 130, 246, 0.22); }
|
||||
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
|
||||
#features, #matrix, #device, #pricing, #plans, #pricing-cards, #cases, #contact {
|
||||
scroll-margin-top: 88px;
|
||||
}
|
||||
body {
|
||||
font-family: var(--font);
|
||||
color: var(--c-ink);
|
||||
background: var(--c-surface);
|
||||
background: var(--kir-gradient-page, #f8fafc);
|
||||
line-height: 1.65;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
overflow-x: hidden;
|
||||
@@ -81,9 +100,9 @@ ul { list-style: none; }
|
||||
white-space: nowrap;
|
||||
}
|
||||
.btn-primary { background: var(--grad-brand); color: #fff; box-shadow: var(--shadow-glow); }
|
||||
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 30px 90px rgba(91,108,255,.5); }
|
||||
.btn-ghost { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.25); backdrop-filter: blur(8px); }
|
||||
.btn-ghost:hover { background: rgba(255,255,255,.16); transform: translateY(-3px); }
|
||||
.btn-primary:hover { transform: translateY(-2px); background: var(--kir-gradient-cta-hover, var(--grad-brand)); box-shadow: 0 20px 50px rgba(59,130,246,.28); }
|
||||
.btn-ghost { background: var(--kir-glass-bg); color: var(--c-ink); border-color: var(--c-line); backdrop-filter: blur(12px); }
|
||||
.btn-ghost:hover { background: var(--kir-glass-solid); transform: translateY(-2px); }
|
||||
.btn-dark { background: var(--c-ink); color: #fff; }
|
||||
.btn-dark:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
|
||||
.btn-outline { background: #fff; color: var(--c-ink); border-color: var(--c-line); }
|
||||
@@ -96,99 +115,339 @@ ul { list-style: none; }
|
||||
.nav {
|
||||
position: fixed; inset: 0 0 auto 0; z-index: 100;
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 16px clamp(16px, 4vw, 40px);
|
||||
padding: 14px clamp(16px, 4vw, 40px);
|
||||
transition: .3s ease;
|
||||
background: var(--kir-glass-bg);
|
||||
backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border-bottom: 1px solid rgba(255,255,255,.5);
|
||||
}
|
||||
.nav-clear {
|
||||
padding: 12px clamp(20px, 4vw, 48px);
|
||||
background: rgba(255,255,255,.92);
|
||||
border-bottom: 1px solid var(--kir-border-soft);
|
||||
box-shadow: 0 1px 0 rgba(15,23,42,.04);
|
||||
}
|
||||
.nav-clear .brand-logo { width: 40px; height: 40px; }
|
||||
.nav-clear .nav-links { gap: 28px; }
|
||||
@media (max-width: 1100px) {
|
||||
.nav-clear .nav-links { gap: 20px; }
|
||||
.nav-cta-text { padding: 8px 14px; font-size: 13px; }
|
||||
}
|
||||
.nav-clear .nav-link { font-size: 14px; font-weight: 600; color: var(--c-ink-2); letter-spacing: .02em; }
|
||||
.nav-clear .nav-link:hover { color: var(--brand-1); }
|
||||
.nav-cta-text {
|
||||
padding: 10px 20px; font-size: 14px; font-weight: 700; border-radius: 999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.nav.scrolled {
|
||||
background: rgba(255,255,255,.82); backdrop-filter: blur(16px);
|
||||
box-shadow: 0 1px 0 rgba(13,16,35,.06);
|
||||
background: var(--kir-glass-solid);
|
||||
box-shadow: var(--kir-glass-shadow);
|
||||
}
|
||||
.nav.scrolled .nav-link, .nav.scrolled .brand-name { color: var(--c-ink); }
|
||||
.brand { display: flex; align-items: center; gap: 11px; }
|
||||
.brand-mark {
|
||||
width: 38px; height: 38px; border-radius: 11px; background: var(--grad-brand);
|
||||
display: grid; place-items: center; color: #fff; font-weight: 900; font-size: 19px;
|
||||
box-shadow: var(--shadow-glow);
|
||||
.brand { display: flex; align-items: center; gap: 10px; }
|
||||
.brand-logo { width: 44px; height: 44px; border-radius: 12px; object-fit: contain; background: transparent; box-shadow: none; flex-shrink: 0; }
|
||||
.lead-mascot { object-fit: contain; background: transparent; }
|
||||
.ind-art img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); }
|
||||
.hero-float .ic img { display: block; }
|
||||
.brand-mark { display: none; }
|
||||
.brand-name { font-weight: 800; font-size: 20px; color: var(--c-ink); transition: color .3s; letter-spacing: -.01em; }
|
||||
.brand-name small { display: none; }
|
||||
.nav-links { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
|
||||
.nav-links li { list-style: none; margin: 0; padding: 0; }
|
||||
.nav-link { color: var(--c-ink-2); font-weight: 600; font-size: 15px; transition: color .25s; }
|
||||
.nav-link:hover { color: var(--brand-1); }
|
||||
.nav-cta { display: flex; align-items: center; gap: 12px; flex-shrink: 0; position: relative; z-index: 102; }
|
||||
/* 桌面端不展示菜单内克隆 CTA（main.js 宽屏会移除节点；此处兜底） */
|
||||
@media (min-width: 721px) {
|
||||
.nav-links .nav-mobile-cta {
|
||||
display: none !important;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
.brand-name { font-weight: 800; font-size: 19px; color: #fff; transition: color .3s; letter-spacing: -.01em; }
|
||||
.brand-name small { display: block; font-size: 10px; font-weight: 600; letter-spacing: .22em; color: var(--brand-3); }
|
||||
.nav-links { display: flex; align-items: center; gap: 30px; }
|
||||
.nav-link { color: rgba(255,255,255,.86); font-weight: 600; font-size: 15px; transition: color .25s; }
|
||||
.nav-link:hover { color: var(--brand-3); }
|
||||
.nav-cta { display: flex; align-items: center; gap: 12px; }
|
||||
.nav-toggle { display: none; background: none; border: 0; cursor: pointer; flex-direction: column; gap: 5px; }
|
||||
.nav-toggle span { width: 24px; height: 2px; background: currentColor; color: #fff; border-radius: 2px; transition: .3s; }
|
||||
.nav.scrolled .nav-toggle span { background: var(--c-ink); }
|
||||
.nav-toggle {
|
||||
display: none; background: none; border: 0; cursor: pointer; flex-direction: column;
|
||||
justify-content: center; align-items: center; gap: 5px;
|
||||
width: 44px; height: 44px; padding: 10px; border-radius: 10px;
|
||||
-webkit-tap-highlight-color: transparent; touch-action: manipulation;
|
||||
}
|
||||
.nav-toggle span { width: 22px; height: 2px; background: var(--c-ink); border-radius: 2px; transition: .25s ease; display: block; }
|
||||
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
|
||||
.nav-toggle.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
|
||||
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
|
||||
.nav-backdrop {
|
||||
display: none; position: fixed; inset: 0; z-index: 98;
|
||||
background: rgba(15, 23, 42, .42); backdrop-filter: blur(2px);
|
||||
}
|
||||
.nav-backdrop.show { display: block; }
|
||||
body.nav-menu-open { overflow: hidden; }
|
||||
|
||||
/* ============================================================
|
||||
Hero
|
||||
Hero · 三版（06 · 实色字 · 真实截图）
|
||||
============================================================ */
|
||||
.hero {
|
||||
position: relative; background: var(--grad-hero); color: #fff;
|
||||
padding: clamp(140px, 18vh, 200px) 0 clamp(80px, 12vh, 130px);
|
||||
position: relative; background: var(--kir-gradient-hero); color: var(--kir-hero-title);
|
||||
padding: clamp(100px, 14vh, 120px) 0 clamp(64px, 8vh, 88px);
|
||||
overflow: hidden;
|
||||
}
|
||||
.hero::after {
|
||||
content: ""; position: absolute; inset: 0; pointer-events: none;
|
||||
background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
|
||||
background-size: 28px 28px; mask-image: linear-gradient(180deg, #000, transparent 80%);
|
||||
.hero::before {
|
||||
content: ""; position: absolute; width: 480px; height: 480px; top: -100px; right: -80px;
|
||||
background: radial-gradient(circle, rgba(59,130,246,.08), transparent 72%); pointer-events: none;
|
||||
}
|
||||
.hero::after { display: none; }
|
||||
.hero-grid {
|
||||
position: relative; z-index: 2;
|
||||
display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center;
|
||||
display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 4vw, 40px); align-items: center;
|
||||
}
|
||||
.hero-badge {
|
||||
display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600;
|
||||
padding: 7px 15px; border-radius: 999px; background: rgba(255,255,255,.1);
|
||||
border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(8px); margin-bottom: 22px;
|
||||
padding: 6px 14px; border-radius: 999px; background: var(--kir-hero-badge-bg);
|
||||
border: 1px solid var(--kir-border-soft); margin-bottom: 16px;
|
||||
color: var(--kir-hero-muted); box-shadow: none;
|
||||
}
|
||||
.hero-badge b { color: var(--brand-3); }
|
||||
.hero-badge b { color: var(--kir-hero-accent); }
|
||||
.hero-social-line {
|
||||
margin-top: 20px; font-size: 14px; font-weight: 600; color: var(--kir-hero-muted);
|
||||
}
|
||||
.hero-social-line strong { color: var(--kir-hero-accent); font-weight: 800; font-size: 15px; }
|
||||
.hero-stats {
|
||||
display: flex; flex-wrap: wrap; gap: clamp(20px, 4vw, 40px);
|
||||
margin: 8px 0 28px; padding: 20px 0 4px;
|
||||
border-top: 1px solid var(--kir-border-soft);
|
||||
}
|
||||
.hero-stat { display: flex; flex-direction: column; gap: 4px; min-width: 100px; }
|
||||
.hero-stat-num {
|
||||
font-size: clamp(32px, 4vw, 42px); font-weight: 800; line-height: 1;
|
||||
color: var(--kir-hero-title); letter-spacing: -.03em;
|
||||
}
|
||||
.hero-stat-growth .hero-stat-num {
|
||||
font-size: clamp(36px, 4.5vw, 48px);
|
||||
background: linear-gradient(135deg, #4f46e5 0%, #2563eb 45%, #7c3aed 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
filter: drop-shadow(0 2px 8px rgba(79, 70, 229, .18));
|
||||
}
|
||||
.hero-stat-growth .hero-stat-label { color: var(--kir-hero-accent); font-weight: 700; }
|
||||
/* 移动端菜单内 CTA：桌面端隐藏，避免与 nav-cta 重复 */
|
||||
.nav-mobile-cta { display: none !important; }
|
||||
.hero-stat-label { font-size: 13px; font-weight: 600; color: var(--kir-hero-muted); }
|
||||
/* Hero 主图 · 悬浮漂移动效 */
|
||||
.hero-float-wrap {
|
||||
position: relative;
|
||||
margin-left: auto;
|
||||
max-width: min(520px, 48vw);
|
||||
padding: 12px 16px 20px 8px;
|
||||
perspective: 1200px;
|
||||
}
|
||||
.hero-orb {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
pointer-events: none;
|
||||
filter: blur(48px);
|
||||
z-index: 0;
|
||||
}
|
||||
.hero-orb-1 {
|
||||
width: 55%; height: 45%;
|
||||
top: 8%; right: -6%;
|
||||
background: radial-gradient(circle, rgba(99, 102, 241, .35) 0%, transparent 70%);
|
||||
animation: hero-orb-drift 9s ease-in-out infinite;
|
||||
}
|
||||
.hero-orb-2 {
|
||||
width: 48%; height: 40%;
|
||||
bottom: 6%; left: -8%;
|
||||
background: radial-gradient(circle, rgba(59, 130, 246, .28) 0%, transparent 72%);
|
||||
animation: hero-orb-drift 11s ease-in-out infinite reverse;
|
||||
}
|
||||
.hero-float-card {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
animation: hero-card-float 5.5s ease-in-out infinite;
|
||||
transition:
|
||||
transform .45s cubic-bezier(.22, 1, .36, 1),
|
||||
box-shadow .45s ease;
|
||||
will-change: transform;
|
||||
}
|
||||
.hero-float-wrap:hover .hero-float-card {
|
||||
animation-play-state: paused;
|
||||
transform: translateY(-14px) scale(1.025) rotateX(2deg) rotateY(-1deg);
|
||||
box-shadow:
|
||||
0 40px 100px rgba(15, 23, 42, .18),
|
||||
0 16px 40px rgba(99, 102, 241, .15),
|
||||
0 0 0 1px rgba(148, 163, 184, .25);
|
||||
}
|
||||
.hero-chip {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
padding: 12px 16px;
|
||||
border-radius: 16px;
|
||||
background: rgba(255, 255, 255, .96);
|
||||
backdrop-filter: blur(12px);
|
||||
border: 1px solid rgba(99, 102, 241, .22);
|
||||
box-shadow: 0 16px 40px rgba(79, 70, 229, .18);
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: var(--c-ink-2);
|
||||
pointer-events: none;
|
||||
animation: hero-chip-float 4.2s ease-in-out infinite;
|
||||
}
|
||||
.hero-chip b {
|
||||
font-size: 20px;
|
||||
font-weight: 900;
|
||||
letter-spacing: -.02em;
|
||||
background: linear-gradient(135deg, #4f46e5, #2563eb, #7c3aed);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.hero-chip-1 { top: 14%; left: -4%; animation-delay: 0s; }
|
||||
.hero-chip-2 { bottom: 12%; right: -2%; animation-delay: -2.1s; }
|
||||
@keyframes hero-card-float {
|
||||
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||
35% { transform: translateY(-10px) rotate(.4deg); }
|
||||
70% { transform: translateY(-5px) rotate(-.25deg); }
|
||||
}
|
||||
@keyframes hero-orb-drift {
|
||||
0%, 100% { transform: translate(0, 0) scale(1); opacity: .75; }
|
||||
50% { transform: translate(12px, -16px) scale(1.08); opacity: 1; }
|
||||
}
|
||||
@keyframes hero-chip-float {
|
||||
0%, 100% { transform: translateY(0); }
|
||||
50% { transform: translateY(-8px); }
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.hero-float-card, .hero-orb, .hero-chip { animation: none !important; }
|
||||
.hero-float-wrap:hover .hero-float-card { transform: none; }
|
||||
}
|
||||
.hero-device-frame {
|
||||
border-radius: 20px; overflow: hidden;
|
||||
box-shadow:
|
||||
0 32px 80px rgba(15, 23, 42, .14),
|
||||
0 8px 24px rgba(59, 130, 246, .08),
|
||||
0 0 0 1px rgba(148, 163, 184, .2);
|
||||
background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
|
||||
padding: 6px;
|
||||
}
|
||||
.hero-device-frame .hero-scene-main {
|
||||
border: 0; box-shadow: none; border-radius: 14px;
|
||||
max-height: 380px; width: 100%; object-fit: cover; object-position: top center;
|
||||
}
|
||||
.hero-growth-frame .hero-scene-main {
|
||||
object-fit: contain; object-position: center;
|
||||
max-height: min(440px, 52vh); width: 100%; background: #fff;
|
||||
}
|
||||
.btn-split { display: inline-flex; align-items: baseline; gap: 6px; }
|
||||
.btn-split .cta-micro { font-size: 12px; font-weight: 600; color: var(--c-ink-3); letter-spacing: .02em; }
|
||||
.btn-split .cta-main { font-size: 17px; font-weight: 700; }
|
||||
.hero h1 {
|
||||
font-size: clamp(36px, 6vw, 66px); line-height: 1.08; font-weight: 900; letter-spacing: -.03em;
|
||||
font-size: clamp(40px, 5.5vw, 52px); line-height: 1.12; font-weight: 800;
|
||||
letter-spacing: -.02em; color: var(--kir-hero-title); max-width: 14em;
|
||||
}
|
||||
.hero h1 .gradient-text {
|
||||
background: linear-gradient(120deg, #8be7ff, #b69bff 45%, #00e0c6);
|
||||
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
|
||||
.hero h1 .gradient-text { color: inherit; background: none; -webkit-text-fill-color: inherit; }
|
||||
.hero p.lead {
|
||||
font-size: clamp(18px, 2vw, 20px); color: var(--kir-text-secondary);
|
||||
margin-block: 18px 22px; max-width: 28em; line-height: 1.6; font-weight: 500;
|
||||
}
|
||||
.hero p.lead { font-size: clamp(16px, 2.2vw, 21px); color: rgba(255,255,255,.82); margin-block: 24px 34px; max-width: 560px; }
|
||||
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
|
||||
.hero-stats { display: flex; gap: 36px; margin-top: 46px; flex-wrap: wrap; }
|
||||
.hero-stat .num { font-size: 34px; font-weight: 900; letter-spacing: -.02em; }
|
||||
.hero-stat .lbl { font-size: 13px; color: rgba(255,255,255,.6); }
|
||||
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
|
||||
.hero-cta-block { margin-top: 4px; }
|
||||
.hero-cta-block .hero-trust-line { margin-top: 12px; text-align: left; }
|
||||
.hero-microcopy { font-size: 13px; color: var(--kir-text-muted); margin-top: 12px; font-weight: 500; }
|
||||
|
||||
.hero-visual { position: relative; }
|
||||
.hero-visual img {
|
||||
width: 100%; border-radius: var(--radius-lg);
|
||||
box-shadow: 0 40px 120px rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.12);
|
||||
.hero-visual {
|
||||
position: relative; max-width: min(560px, 50vw); margin-left: auto;
|
||||
overflow: visible; padding: 0;
|
||||
}
|
||||
.hero-scene-main {
|
||||
width: 100%; height: auto; max-height: 420px; object-fit: contain; object-position: center;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 12px 40px rgba(15,23,42,.08); border: 1px solid var(--kir-border-soft);
|
||||
display: block;
|
||||
}
|
||||
.hero-float {
|
||||
position: absolute; background: rgba(255,255,255,.95); color: var(--c-ink);
|
||||
border-radius: 16px; padding: 14px 18px; box-shadow: var(--shadow-md);
|
||||
display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 14px;
|
||||
position: absolute; background: var(--kir-glass-solid); color: var(--c-ink);
|
||||
border: 1px solid var(--kir-border-soft);
|
||||
border-radius: 12px; padding: 10px 14px; box-shadow: 0 8px 24px rgba(15,23,42,.06);
|
||||
display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 13px;
|
||||
animation: floaty 4s ease-in-out infinite;
|
||||
}
|
||||
.hero-float .ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; font-size: 20px; }
|
||||
.hero-float small { display: block; font-weight: 600; color: var(--c-ink-3); font-size: 12px; }
|
||||
.hero-float.f1 { top: 8%; left: -6%; }
|
||||
.hero-float.f2 { bottom: 12%; right: -4%; animation-delay: 1.5s; }
|
||||
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
|
||||
.hero-float .ic { width: 36px; height: 36px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
|
||||
.hero-float .ic img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.hero-float small { display: block; font-weight: 600; color: var(--kir-hero-muted); font-size: 11px; }
|
||||
.hero-float.f1 { top: 10%; left: 0; max-width: 190px; }
|
||||
.hero-float.f2 { display: none; }
|
||||
@media (max-width: 900px) {
|
||||
.hero-visual { max-width: 100%; padding: 0 8px; margin: 0 auto; }
|
||||
.hero-float-wrap { max-width: 100%; margin: 0 auto; padding: 8px; }
|
||||
.hero-chip { display: none; }
|
||||
.hero-float { display: none; }
|
||||
.hero-scene-main { max-height: none; }
|
||||
}
|
||||
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
|
||||
|
||||
/* 单设备硬件专题（13） */
|
||||
.device-topic { background: linear-gradient(180deg, #fff, rgba(248,250,252,.9)); }
|
||||
.device-grid {
|
||||
display: grid; grid-template-columns: minmax(260px, 340px) 1fr; gap: 40px; align-items: center; margin-top: 40px;
|
||||
}
|
||||
.device-frame {
|
||||
position: relative; margin: 0 auto; width: min(280px, 100%);
|
||||
padding: 12px; border-radius: 40px; background: linear-gradient(145deg, #1e293b, #334155);
|
||||
box-shadow: 0 20px 50px rgba(15,23,42,.15), inset 0 0 0 2px rgba(255,255,255,.08);
|
||||
}
|
||||
.device-frame::before {
|
||||
content: ""; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
|
||||
width: 72px; height: 6px; border-radius: 99px; background: rgba(0,0,0,.35);
|
||||
}
|
||||
.device-screen.img-fallback {
|
||||
display: block; width: 100%; aspect-ratio: 9/19.5; object-fit: cover; object-position: top;
|
||||
border-radius: 28px; background: #0f172a;
|
||||
}
|
||||
.device-flow-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
|
||||
.device-flow-steps .flow-step { padding: 18px 16px; text-align: left; }
|
||||
.device-flow-steps .flow-step h3 { font-size: 15px; margin-bottom: 6px; }
|
||||
.device-flow-steps .flow-step p { font-size: 13px; }
|
||||
.device-features-mini {
|
||||
display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px;
|
||||
}
|
||||
.device-feat {
|
||||
padding: 14px; border-radius: 12px; background: var(--kir-glass-bg);
|
||||
border: 1px solid var(--kir-border-soft); font-size: 13px; font-weight: 600; text-align: center;
|
||||
}
|
||||
.device-feat span { display: block; font-size: 22px; margin-bottom: 6px; }
|
||||
@media (max-width: 900px) {
|
||||
.device-grid { grid-template-columns: 1fr; }
|
||||
.device-flow-steps { grid-template-columns: 1fr; }
|
||||
.device-features-mini { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
/* ---------- 信任条 ---------- */
|
||||
.trust { background: var(--c-bg-soft); color: #fff; padding-block: 30px; }
|
||||
.trust { background: rgba(255,255,255,.55); color: var(--c-ink); backdrop-filter: blur(12px); border-bottom: 1px solid var(--c-line); padding-block: 30px; }
|
||||
.trust-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 30px; }
|
||||
.trust-row .tlabel { color: rgba(255,255,255,.5); font-size: 14px; font-weight: 600; }
|
||||
.trust-row .tlabel { color: var(--c-ink-3); font-size: 14px; font-weight: 600; }
|
||||
.trust-chip {
|
||||
font-size: 14px; font-weight: 700; padding: 8px 16px; border-radius: 999px;
|
||||
background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
|
||||
background: var(--kir-glass-bg); border: 1px solid var(--kir-glass-border);
|
||||
color: var(--c-ink-2); box-shadow: var(--kir-shadow-card);
|
||||
transition: transform .25s var(--kir-ease-out), box-shadow .25s;
|
||||
}
|
||||
.trust-chip:hover { transform: translateY(-2px); box-shadow: var(--kir-glass-shadow-hover); color: var(--brand-1); }
|
||||
|
||||
/* ============================================================
|
||||
痛点
|
||||
============================================================ */
|
||||
.pain { background: var(--c-surface-soft); }
|
||||
.pain { background: transparent; }
|
||||
.pain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 22px; margin-top: 50px; }
|
||||
.pain-card {
|
||||
background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius);
|
||||
background: var(--kir-glass-bg); backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border: 1px solid var(--kir-glass-border); border-radius: var(--radius);
|
||||
padding: 28px 26px; box-shadow: var(--shadow-sm); transition: .3s;
|
||||
}
|
||||
.pain-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(91,108,255,.35); }
|
||||
@@ -202,7 +461,8 @@ ul { list-style: none; }
|
||||
============================================================ */
|
||||
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 24px; margin-top: 54px; }
|
||||
.feature-card {
|
||||
position: relative; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg);
|
||||
position: relative; background: var(--kir-glass-bg); backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border: 1px solid var(--kir-glass-border); border-radius: var(--radius-lg);
|
||||
padding: 32px 30px; overflow: hidden; transition: .35s; box-shadow: var(--shadow-sm);
|
||||
}
|
||||
.feature-card::before {
|
||||
@@ -223,19 +483,18 @@ ul { list-style: none; }
|
||||
/* ============================================================
|
||||
算法 / 技术
|
||||
============================================================ */
|
||||
.algo { background: var(--c-bg); color: #fff; }
|
||||
.algo .section-sub { color: rgba(255,255,255,.65); }
|
||||
.algo { background: linear-gradient(180deg, rgba(239,246,255,.5), rgba(255,255,255,.8)); color: var(--c-ink); }
|
||||
.algo .section-sub { color: var(--c-ink-3); }
|
||||
.algo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 20px; margin-top: 52px; }
|
||||
.algo-card {
|
||||
background: linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
|
||||
border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); padding: 28px 26px;
|
||||
transition: .3s;
|
||||
background: var(--kir-glass-bg); backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border: 1px solid var(--kir-glass-border); border-radius: var(--radius); padding: 28px 26px;
|
||||
transition: .3s; box-shadow: var(--shadow-sm);
|
||||
}
|
||||
.algo-card:hover { border-color: rgba(91,108,255,.6); transform: translateY(-6px); background: linear-gradient(160deg, rgba(91,108,255,.14), rgba(139,63,255,.06)); }
|
||||
.algo-card .ic { font-size: 26px; margin-bottom: 14px; }
|
||||
.algo-card h3 { font-size: 19px; font-weight: 800; margin-bottom: 8px; }
|
||||
.algo-card p { color: rgba(255,255,255,.66); font-size: 14px; }
|
||||
.algo-card code { display: inline-block; margin-top: 14px; font-size: 12.5px; color: var(--brand-3); background: rgba(0,224,198,.1); padding: 6px 12px; border-radius: 8px; font-family: "SF Mono", Menlo, monospace; }
|
||||
.algo-card:hover { border-color: rgba(59,130,246,.35); transform: translateY(-6px); box-shadow: var(--shadow-md); }
|
||||
.algo-card h3 { font-size: 19px; font-weight: 800; margin-bottom: 8px; color: var(--c-ink); }
|
||||
.algo-card p { color: var(--c-ink-3); font-size: 14px; }
|
||||
.algo-card code { display: inline-block; margin-top: 14px; font-size: 12.5px; color: var(--brand-1); background: rgba(59,130,246,.08); padding: 6px 12px; border-radius: 8px; font-family: "SF Mono", Menlo, monospace; }
|
||||
|
||||
/* ============================================================
|
||||
行业方案 Tab
|
||||
@@ -273,18 +532,55 @@ ul { list-style: none; }
|
||||
产品矩阵
|
||||
============================================================ */
|
||||
.matrix { background: var(--c-surface-soft); }
|
||||
.matrix-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 24px; margin-top: 50px; }
|
||||
.matrix-card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 34px 30px; box-shadow: var(--shadow-sm); transition: .3s; }
|
||||
.matrix-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); gap: 28px; margin-top: 50px; }
|
||||
.matrix-card {
|
||||
background: var(--kir-glass-bg);
|
||||
backdrop-filter: blur(var(--kir-glass-blur));
|
||||
border: 1px solid var(--kir-glass-border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 0 0 28px;
|
||||
box-shadow: var(--kir-glass-shadow);
|
||||
transition: .35s var(--kir-ease-out);
|
||||
overflow: hidden;
|
||||
}
|
||||
.matrix-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-md); }
|
||||
.matrix-card .tag { font-size: 12px; font-weight: 700; color: var(--brand-2); letter-spacing: .1em; }
|
||||
.matrix-shot {
|
||||
margin: 0;
|
||||
border-bottom: 1px solid var(--kir-glass-border);
|
||||
background: linear-gradient(145deg, rgba(59,130,246,.06), rgba(139,92,246,.08));
|
||||
overflow: hidden;
|
||||
}
|
||||
.matrix-shot img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
aspect-ratio: 16 / 10;
|
||||
object-fit: cover;
|
||||
object-position: top center;
|
||||
transition: transform .45s var(--kir-ease-out);
|
||||
}
|
||||
.matrix-shot-contain img {
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
padding: 12px 16px;
|
||||
background: linear-gradient(160deg, #f5f3ff, #eef2ff 50%, #f8fafc);
|
||||
}
|
||||
.matrix-card:hover .matrix-shot img { transform: scale(1.03); }
|
||||
.matrix-card .tag,
|
||||
.matrix-card h3,
|
||||
.matrix-card p { padding-left: 26px; padding-right: 26px; }
|
||||
.matrix-card .tag { font-size: 12px; font-weight: 700; color: var(--brand-2); letter-spacing: .1em; margin-top: 20px; }
|
||||
.matrix-card h3 { font-size: 24px; font-weight: 800; margin: 8px 0 10px; }
|
||||
.matrix-card p { color: var(--c-ink-3); font-size: 15px; }
|
||||
.matrix-card p { color: var(--c-ink-3); font-size: 15px; line-height: 1.65; padding-bottom: 26px; }
|
||||
.matrix-card-featured { border: 2px solid rgba(99,102,241,.35); box-shadow: 0 12px 36px rgba(99,102,241,.12); }
|
||||
.matrix-card-featured .tag { color: var(--kir-indigo); }
|
||||
|
||||
/* ============================================================
|
||||
流程
|
||||
============================================================ */
|
||||
.flow-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 18px; margin-top: 54px; counter-reset: step; }
|
||||
.flow-step { position: relative; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow-sm); }
|
||||
.flow-step { position: relative; background: var(--kir-glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--kir-glass-border); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--kir-shadow-card); transition: .3s; }
|
||||
.flow-step:hover { transform: translateY(-4px); box-shadow: var(--kir-glass-shadow-hover); }
|
||||
.flow-step::before { counter-increment: step; content: "0" counter(step); font-size: 44px; font-weight: 900; background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: .9; }
|
||||
.flow-step h3 { font-size: 18px; font-weight: 800; margin: 8px 0 6px; }
|
||||
.flow-step p { color: var(--c-ink-3); font-size: 14px; }
|
||||
@@ -292,17 +588,81 @@ ul { list-style: none; }
|
||||
/* ============================================================
|
||||
数据条
|
||||
============================================================ */
|
||||
.metrics { background: var(--grad-hero); color: #fff; }
|
||||
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 30px; }
|
||||
.metric { text-align: center; }
|
||||
.metric .num { font-size: clamp(40px, 6vw, 64px); font-weight: 900; letter-spacing: -.03em; background: linear-gradient(120deg,#8be7ff,#b69bff,#00e0c6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
|
||||
.metric .lbl { color: rgba(255,255,255,.72); font-size: 15px; margin-top: 4px; }
|
||||
.metrics { background: var(--kir-gradient-page); color: var(--c-ink); }
|
||||
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 22px; }
|
||||
.kir-metric-card {
|
||||
text-align: center; padding: 28px 20px; border-radius: var(--radius-lg);
|
||||
background: var(--kir-glass-bg); backdrop-filter: blur(12px);
|
||||
border: 1px solid var(--kir-glass-border); box-shadow: var(--kir-shadow-card);
|
||||
transition: transform .35s var(--kir-ease-out), box-shadow .35s;
|
||||
}
|
||||
.kir-metric-card:hover { transform: translateY(-6px); box-shadow: var(--kir-glass-shadow-hover); }
|
||||
.metric-icon {
|
||||
width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 14px;
|
||||
display: grid; place-items: center; font-size: 24px; color: #fff;
|
||||
}
|
||||
.metric-icon.grad-blue { background: linear-gradient(135deg, #3b82f6, #06b6d4); }
|
||||
.metric-icon.grad-purple { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
|
||||
.metric-icon.grad-green { background: linear-gradient(135deg, #22c55e, #10b981); }
|
||||
.metric-icon.grad-orange { background: linear-gradient(135deg, #f97316, #ef4444); }
|
||||
.metric .num { font-size: clamp(36px, 5vw, 52px); font-weight: 900; letter-spacing: -.03em; background: linear-gradient(120deg,#8be7ff,#b69bff,#00e0c6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
|
||||
.metric .lbl { color: var(--c-ink-3); font-size: 14px; margin-top: 6px; font-weight: 600; }
|
||||
|
||||
/* 方案对比表 */
|
||||
.compare { background: linear-gradient(180deg, rgba(248,250,252,.8), rgba(255,255,255,.9)); }
|
||||
.compare-wrap { margin-top: 40px; overflow-x: auto; }
|
||||
.compare-table { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 14.5px; }
|
||||
.compare-table th, .compare-table td { padding: 14px 16px; border-bottom: 1px solid var(--c-line); text-align: center; }
|
||||
.compare-table th:first-child, .compare-table td:first-child { text-align: left; font-weight: 700; color: var(--c-ink); }
|
||||
.compare-table thead th { background: var(--kir-glass-bg); font-size: 13px; font-weight: 800; color: var(--c-ink-2); }
|
||||
.compare-table .col-us { background: rgba(239,246,255,.85); color: var(--brand-1); font-weight: 700; }
|
||||
.compare-table tbody tr:hover td { background: rgba(248,250,252,.6); }
|
||||
.compare-table tbody tr:hover .col-us { background: rgba(219,234,254,.9); }
|
||||
.compare-cta { text-align: center; margin-top: 28px; }
|
||||
|
||||
.roi { background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(239,246,255,.4)); }
|
||||
.roi-panel {
|
||||
margin-top: 44px; padding: 36px 32px; border-radius: var(--radius-lg);
|
||||
background: var(--kir-glass-bg); backdrop-filter: blur(16px);
|
||||
border: 1px solid var(--kir-glass-border); box-shadow: var(--kir-glass-shadow);
|
||||
}
|
||||
.roi-controls { display: grid; gap: 18px; max-width: 420px; margin: 0 auto 32px; }
|
||||
.roi-controls label { font-weight: 700; font-size: 14px; color: var(--c-ink-2); }
|
||||
.roi-controls input[type="range"] { width: 100%; accent-color: var(--brand-2); }
|
||||
.roi-controls input[type="number"] {
|
||||
width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--c-line);
|
||||
font-size: 16px; font-weight: 600;
|
||||
}
|
||||
.roi-compare { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; }
|
||||
.roi-col { text-align: center; padding: 24px 16px; border-radius: var(--radius); background: rgba(255,255,255,.65); border: 1px solid var(--c-line); }
|
||||
.roi-col.auto { border-color: rgba(59,130,246,.35); background: rgba(239,246,255,.7); }
|
||||
.roi-col h3 { font-size: 16px; font-weight: 800; margin-bottom: 8px; }
|
||||
.roi-head { font-size: 14px; color: var(--c-ink-3); margin-bottom: 10px; }
|
||||
.roi-amt { font-size: clamp(28px, 4vw, 38px); font-weight: 900; letter-spacing: -.02em; }
|
||||
.roi-amt.highlight { background: var(--grad-brand); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
|
||||
.roi-note { font-size: 12px; color: var(--c-ink-3); margin-top: 8px; }
|
||||
.roi-vs { font-weight: 900; color: var(--c-ink-3); font-size: 14px; }
|
||||
.roi-result { text-align: center; margin-top: 28px; padding-top: 24px; border-top: 1px dashed var(--c-line); }
|
||||
.roi-result span { display: block; font-size: 14px; color: var(--c-ink-3); margin-bottom: 6px; }
|
||||
.roi-result strong { display: block; font-size: clamp(32px, 5vw, 48px); font-weight: 900; color: var(--brand-4); margin-bottom: 18px; }
|
||||
|
||||
/* 移动端 Sticky CTA */
|
||||
.sticky-cta {
|
||||
display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
|
||||
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
|
||||
background: rgba(255,255,255,.92); backdrop-filter: blur(12px);
|
||||
border-top: 1px solid var(--kir-glass-border); box-shadow: 0 -8px 32px rgba(15,23,42,.08);
|
||||
transform: translateY(110%); transition: transform .35s var(--kir-ease-out);
|
||||
}
|
||||
.sticky-cta.visible { transform: translateY(0); }
|
||||
.sticky-cta .btn { width: 100%; min-height: 48px; font-size: 16px; }
|
||||
@media (max-width: 768px) { .sticky-cta { display: block; } .roi-compare { grid-template-columns: 1fr; } .roi-vs { display: none; } }
|
||||
|
||||
/* ============================================================
|
||||
价格
|
||||
============================================================ */
|
||||
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap: 22px; margin-top: 54px; align-items: stretch; }
|
||||
.price-card { position: relative; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 34px 28px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: .3s; }
|
||||
.price-card { position: relative; background: var(--kir-glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--kir-glass-border); border-radius: var(--radius-lg); padding: 34px 28px; box-shadow: var(--kir-glass-shadow); display: flex; flex-direction: column; transition: .35s var(--kir-ease-out); }
|
||||
.price-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-md); }
|
||||
.price-card.popular { border: 2px solid transparent; background: linear-gradient(#fff,#fff) padding-box, var(--grad-brand) border-box; box-shadow: var(--shadow-glow); transform: scale(1.03); }
|
||||
.price-card.popular .ribbon { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--grad-brand); color: #fff; font-size: 12px; font-weight: 800; padding: 6px 16px; border-radius: 999px; letter-spacing: .08em; }
|
||||
@@ -313,15 +673,22 @@ ul { list-style: none; }
|
||||
.price-card ul.pfeat { flex: 1; margin-bottom: 22px; }
|
||||
.price-card ul.pfeat li { display: flex; gap: 10px; font-size: 14.5px; padding: 7px 0; color: var(--c-ink-2); border-bottom: 1px dashed var(--c-line); }
|
||||
.price-card ul.pfeat li .chk { color: var(--brand-3); font-weight: 900; }
|
||||
.price-card ul.pfeat li.is-off { color: var(--c-ink-3); }
|
||||
.price-card ul.pfeat li .no { color: #94a3b8; font-weight: 800; flex-shrink: 0; }
|
||||
.price-card.trial-tier { border-style: dashed; background: linear-gradient(180deg, rgba(248,250,252,.95), rgba(255,255,255,.92)); }
|
||||
.pricing-note { max-width: 720px; margin: 20px auto 0; font-size: 13px; line-height: 1.65; color: var(--c-ink-3); text-align: center; }
|
||||
.pricing-note b { color: var(--c-ink-2); }
|
||||
|
||||
/* ============================================================
|
||||
案例 / 评价
|
||||
============================================================ */
|
||||
.cases { background: var(--c-surface-soft); }
|
||||
.cases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); gap: 24px; margin-top: 50px; }
|
||||
.case-card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 30px 28px; box-shadow: var(--shadow-sm); transition: .3s; }
|
||||
.case-card { background: var(--kir-glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--kir-glass-border); border-radius: var(--radius-lg); padding: 30px 28px; box-shadow: var(--kir-glass-shadow); transition: .35s var(--kir-ease-out); }
|
||||
.case-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
|
||||
.case-card .quote { font-size: 16px; line-height: 1.7; color: var(--c-ink-2); }
|
||||
.case-card .case-result { margin-top: 14px; font-size: 14px; color: var(--brand-3); font-weight: 600; }
|
||||
.case-card .case-result b { color: var(--brand-2); }
|
||||
.case-card .meta { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
|
||||
.case-card .avatar { width: 46px; height: 46px; border-radius: 50%; background: var(--grad-brand); color: #fff; display: grid; place-items: center; font-weight: 800; }
|
||||
.case-card .meta b { display: block; font-size: 15px; } .case-card .meta span { font-size: 13px; color: var(--c-ink-3); }
|
||||
@@ -334,29 +701,64 @@ ul { list-style: none; }
|
||||
.cta-inner { text-align: center; position: relative; z-index: 2; }
|
||||
.cta h2 { font-size: clamp(28px,4.5vw,48px); font-weight: 900; letter-spacing: -.02em; }
|
||||
.cta p { color: rgba(255,255,255,.85); font-size: 18px; margin: 16px auto 30px; max-width: 600px; }
|
||||
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
|
||||
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; align-items: center; }
|
||||
.cta-secondary { font-size: 15px; font-weight: 700; color: var(--c-ink-2); text-decoration: underline; text-underline-offset: 3px; }
|
||||
.cta-secondary:hover { color: var(--brand-2); }
|
||||
.cta .btn-outline { background: #fff; color: var(--brand-2); }
|
||||
.cta::before, .cta::after { content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: rgba(255,255,255,.12); }
|
||||
.cta::before { top: -200px; left: -120px; } .cta::after { bottom: -240px; right: -120px; }
|
||||
|
||||
.footer { background: #070818; color: rgba(255,255,255,.7); padding-block: 60px 30px; }
|
||||
.footer { background: linear-gradient(180deg, rgba(248,250,252,.95), rgba(239,246,255,.9)); color: var(--c-ink-2); padding-block: 60px 30px; border-top: 1px solid var(--c-line); }
|
||||
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; }
|
||||
.footer h4 { color: #fff; font-size: 15px; margin-bottom: 16px; }
|
||||
.footer h4 { color: var(--c-ink); font-size: 15px; margin-bottom: 16px; }
|
||||
.footer a { display: block; padding: 6px 0; font-size: 14px; transition: color .2s; }
|
||||
.footer a:hover { color: var(--brand-3); }
|
||||
.footer .desc { font-size: 14px; max-width: 320px; margin-top: 14px; }
|
||||
.footer a:hover { color: var(--brand-1); }
|
||||
.footer .desc { font-size: 14px; max-width: 320px; margin-top: 14px; color: var(--c-ink-3); }
|
||||
.footer .contact { font-size: 14px; line-height: 1.9; }
|
||||
.footer .contact b { color: #fff; }
|
||||
.footer-bottom { margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; color: rgba(255,255,255,.5); }
|
||||
.footer .contact b { color: var(--c-ink); }
|
||||
.footer-bottom { margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--c-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--c-ink-3); }
|
||||
|
||||
/* ============================================================
|
||||
Hero 信任微文案（转化优化 OPT-1）
|
||||
============================ */
|
||||
.hero-trust-line {
|
||||
margin: 10px 0 0;
|
||||
font-size: 13px;
|
||||
color: var(--muted, #64748b);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px 0;
|
||||
}
|
||||
|
||||
/* 为什么选存客宝（OPT-7 差异化三点） */
|
||||
.why-ckb .why-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 20px;
|
||||
margin-top: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
.why-ckb .why-card {
|
||||
background: var(--kir-glass-bg, rgba(255,255,255,.7));
|
||||
border: 1px solid var(--kir-glass-border, rgba(99,102,241,.14));
|
||||
border-radius: var(--radius, 16px);
|
||||
padding: 26px 24px;
|
||||
box-shadow: var(--kir-glass-shadow, 0 10px 30px rgba(15,23,42,.06));
|
||||
transition: .35s var(--kir-ease-out, ease);
|
||||
}
|
||||
.why-ckb .why-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md, 0 16px 40px rgba(15,23,42,.12)); }
|
||||
.why-ckb .why-card .ic { font-size: 30px; }
|
||||
.why-ckb .why-card h3 { margin: 12px 0 8px; font-size: 18px; font-weight: 800; }
|
||||
.why-ckb .why-card p { color: var(--c-ink-2, #475569); font-size: 14px; line-height: 1.7; }
|
||||
|
||||
/* ============================
|
||||
接口体系页 (api.html)
|
||||
============================================================ */
|
||||
.page-hero { background: var(--grad-hero); color: #fff; padding: clamp(140px,16vh,180px) 0 70px; }
|
||||
.page-hero { background: var(--grad-hero); color: var(--c-ink); padding: clamp(140px,16vh,180px) 0 70px; }
|
||||
.page-hero h1 { font-size: clamp(32px,5vw,52px); font-weight: 900; letter-spacing: -.02em; }
|
||||
.page-hero p { color: rgba(255,255,255,.78); font-size: 18px; margin-top: 14px; max-width: 640px; }
|
||||
.page-hero p { color: var(--c-ink-2); font-size: 18px; margin-top: 14px; max-width: 640px; }
|
||||
.api-modules { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 18px; margin-top: 50px; }
|
||||
.api-mod { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); transition: .3s; }
|
||||
.api-mod { background: var(--kir-glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--kir-glass-border); border-radius: var(--radius); padding: 24px; box-shadow: var(--kir-glass-shadow); transition: .35s var(--kir-ease-out); }
|
||||
.api-mod:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
|
||||
.api-mod .pre { font-family: "SF Mono", Menlo, monospace; font-size: 13px; color: var(--brand-1); background: rgba(91,108,255,.08); padding: 4px 10px; border-radius: 8px; display: inline-block; }
|
||||
.api-mod h3 { font-size: 19px; font-weight: 800; margin: 12px 0 6px; }
|
||||
@@ -376,7 +778,7 @@ ul { list-style: none; }
|
||||
|
||||
/* ---------- FAQ ---------- */
|
||||
.faq { max-width: 820px; margin: 50px auto 0; }
|
||||
.faq-item { background: #fff; border: 1px solid var(--c-line); border-radius: 14px; margin-bottom: 12px; overflow: hidden; }
|
||||
.faq-item { background: var(--kir-glass-bg); backdrop-filter: blur(8px); border: 1px solid var(--kir-glass-border); border-radius: 14px; margin-bottom: 12px; overflow: hidden; box-shadow: var(--kir-shadow-card); }
|
||||
.faq-q { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; cursor: pointer; font-weight: 700; font-size: 16px; }
|
||||
.faq-q .pm { font-size: 22px; color: var(--brand-2); transition: transform .3s; }
|
||||
.faq-item.open .faq-q .pm { transform: rotate(45deg); }
|
||||
@@ -404,13 +806,58 @@ ul { list-style: none; }
|
||||
.hero-float.f1 { left: 2%; } .hero-float.f2 { right: 2%; }
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
.nav-links, .nav-cta .btn-ghost { display: none; }
|
||||
.nav { z-index: 100; }
|
||||
body.nav-menu-open .nav { z-index: 10001; }
|
||||
body.nav-menu-open .nav-backdrop { z-index: 10000; }
|
||||
body.nav-menu-open .ckb-ai-root { pointer-events: none; }
|
||||
.nav-cta-text { display: none !important; }
|
||||
.nav-toggle { display: flex; }
|
||||
.nav-links.open {
|
||||
display: flex; flex-direction: column; position: absolute; top: 70px; right: 16px; left: 16px;
|
||||
background: #fff; border-radius: var(--radius); padding: 18px; gap: 6px; box-shadow: var(--shadow-md);
|
||||
.nav-links {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
position: fixed;
|
||||
top: 62px;
|
||||
left: 12px;
|
||||
right: 12px;
|
||||
margin: 0;
|
||||
padding: 10px 8px 16px;
|
||||
gap: 2px;
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 16px 48px rgba(15, 23, 42, .18);
|
||||
border: 1px solid var(--c-line);
|
||||
z-index: 101;
|
||||
max-height: calc(100dvh - 80px);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.nav-links.open { display: flex; animation: navDrop .22s ease; }
|
||||
@keyframes navDrop {
|
||||
from { opacity: 0; transform: translateY(-8px); }
|
||||
to { opacity: 1; transform: none; }
|
||||
}
|
||||
.nav-links.open .nav-link {
|
||||
display: block;
|
||||
color: var(--c-ink);
|
||||
padding: 14px 12px;
|
||||
font-size: 16px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.nav-links.open .nav-link:active { background: rgba(59, 130, 246, .08); }
|
||||
.nav-links.open .nav-mobile-cta {
|
||||
display: block !important;
|
||||
margin-top: 8px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px solid var(--c-line);
|
||||
}
|
||||
.nav-mobile-cta .btn {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
padding: 14px 16px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.nav-links.open .nav-link { color: var(--c-ink); padding: 10px 6px; width: 100%; }
|
||||
.hero-stats { gap: 24px; } .hero-float { display: none; }
|
||||
.footer-grid { grid-template-columns: 1fr; }
|
||||
.price-card.popular { transform: none; }
|
||||
|
||||
@@ -2,6 +2,14 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
/* ---- KIR 光晕背景 ---- */
|
||||
if (!document.querySelector('.kir-orbs')) {
|
||||
const orbs = document.createElement('div');
|
||||
orbs.className = 'kir-orbs';
|
||||
orbs.innerHTML = '<i></i><i></i><i></i>';
|
||||
document.body.prepend(orbs);
|
||||
}
|
||||
|
||||
/* ---- 导航滚动态 ---- */
|
||||
const nav = document.querySelector('.nav');
|
||||
const onScroll = () => {
|
||||
@@ -11,14 +19,121 @@
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
onScroll();
|
||||
|
||||
/* ---- 移动端菜单 ---- */
|
||||
/* ---- 页内锚点：点击导航直达区块（价格直达四档卡片） ---- */
|
||||
const NAV_OFFSET = 76;
|
||||
const ANCHOR_TARGETS = {
|
||||
pricing: '#pricing-cards',
|
||||
plans: '#pricing-cards',
|
||||
features: '#features',
|
||||
matrix: '#matrix',
|
||||
device: '#device',
|
||||
cases: '#cases',
|
||||
contact: '#contact',
|
||||
faq: '#faq',
|
||||
};
|
||||
|
||||
function scrollToSection(hash, behavior) {
|
||||
if (!hash || hash.charAt(0) !== '#') return false;
|
||||
const id = hash.slice(1);
|
||||
const sel = ANCHOR_TARGETS[id] || '#' + id;
|
||||
const el = document.querySelector(sel);
|
||||
if (!el) return false;
|
||||
const top = el.getBoundingClientRect().top + window.scrollY - NAV_OFFSET;
|
||||
window.scrollTo({ top: Math.max(0, top), behavior: behavior || 'smooth' });
|
||||
return true;
|
||||
}
|
||||
|
||||
document.querySelectorAll('a[href^="#"]').forEach((a) => {
|
||||
const href = a.getAttribute('href');
|
||||
if (!href || href.length < 2) return;
|
||||
a.addEventListener('click', (e) => {
|
||||
if (!scrollToSection(href, 'smooth')) return;
|
||||
e.preventDefault();
|
||||
history.pushState(null, '', href);
|
||||
if (links) links.classList.remove('open');
|
||||
});
|
||||
});
|
||||
|
||||
function handlePageHash() {
|
||||
const hash = window.location.hash;
|
||||
if (hash) scrollToSection(hash, 'auto');
|
||||
}
|
||||
window.addEventListener('hashchange', handlePageHash);
|
||||
if (document.readyState === 'complete') handlePageHash();
|
||||
else window.addEventListener('load', handlePageHash);
|
||||
|
||||
/* ---- 移动端菜单（汉堡展开 · 含留资 CTA） ---- */
|
||||
const toggle = document.querySelector('.nav-toggle');
|
||||
const links = document.querySelector('.nav-links');
|
||||
const navEl = document.querySelector('.nav');
|
||||
const desktopCta = document.querySelector('.nav-cta-text');
|
||||
|
||||
function setNavOpen(open) {
|
||||
if (!links || !toggle) return;
|
||||
links.classList.toggle('open', open);
|
||||
toggle.classList.toggle('open', open);
|
||||
navEl?.classList.toggle('mobile-open', open);
|
||||
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
|
||||
document.body.classList.toggle('nav-menu-open', open);
|
||||
const backdrop = document.querySelector('.nav-backdrop');
|
||||
if (backdrop) backdrop.classList.toggle('show', open);
|
||||
}
|
||||
|
||||
const mqMobileNav = window.matchMedia('(max-width: 720px)');
|
||||
|
||||
function syncMobileNavCta() {
|
||||
if (!links || !desktopCta) return;
|
||||
const existing = links.querySelector('.nav-mobile-cta');
|
||||
if (!mqMobileNav.matches) {
|
||||
if (existing) existing.remove();
|
||||
return;
|
||||
}
|
||||
if (existing) return;
|
||||
const li = document.createElement('li');
|
||||
li.className = 'nav-mobile-cta';
|
||||
const btn = desktopCta.cloneNode(true);
|
||||
btn.classList.remove('nav-cta-text');
|
||||
btn.classList.add('btn', 'btn-primary');
|
||||
li.appendChild(btn);
|
||||
links.appendChild(li);
|
||||
btn.addEventListener('click', () => {
|
||||
setTimeout(() => setNavOpen(false), 0);
|
||||
});
|
||||
}
|
||||
|
||||
syncMobileNavCta();
|
||||
if (typeof mqMobileNav.addEventListener === 'function') {
|
||||
mqMobileNav.addEventListener('change', syncMobileNavCta);
|
||||
} else if (typeof mqMobileNav.addListener === 'function') {
|
||||
mqMobileNav.addListener(syncMobileNavCta);
|
||||
}
|
||||
|
||||
if (!document.querySelector('.nav-backdrop')) {
|
||||
const backdrop = document.createElement('div');
|
||||
backdrop.className = 'nav-backdrop';
|
||||
backdrop.setAttribute('aria-hidden', 'true');
|
||||
document.body.appendChild(backdrop);
|
||||
backdrop.addEventListener('click', () => setNavOpen(false));
|
||||
}
|
||||
|
||||
if (toggle && links) {
|
||||
toggle.addEventListener('click', () => links.classList.toggle('open'));
|
||||
links.querySelectorAll('a').forEach((a) =>
|
||||
a.addEventListener('click', () => links.classList.remove('open'))
|
||||
);
|
||||
toggle.setAttribute('aria-expanded', 'false');
|
||||
toggle.setAttribute('aria-controls', 'site-nav-links');
|
||||
links.id = 'site-nav-links';
|
||||
toggle.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
setNavOpen(!links.classList.contains('open'));
|
||||
});
|
||||
links.querySelectorAll('a').forEach((a) => {
|
||||
a.addEventListener('click', () => setNavOpen(false));
|
||||
});
|
||||
window.addEventListener('resize', () => {
|
||||
if (window.matchMedia('(min-width: 721px)').matches) setNavOpen(false);
|
||||
});
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') setNavOpen(false);
|
||||
});
|
||||
}
|
||||
|
||||
/* ---- 滚动入场 ---- */
|
||||
@@ -95,4 +210,24 @@
|
||||
/* ---- 年份 ---- */
|
||||
const yr = document.getElementById('year');
|
||||
if (yr) yr.textContent = new Date().getFullYear();
|
||||
|
||||
/* ---- 移动端 Sticky CTA（滚动过 Hero 后显示） ---- */
|
||||
const sticky = document.getElementById('sticky-cta');
|
||||
if (sticky) {
|
||||
const hero = document.querySelector('.hero');
|
||||
const toggleSticky = () => {
|
||||
const mobile = window.matchMedia('(max-width: 768px)').matches;
|
||||
if (!mobile) {
|
||||
sticky.classList.remove('visible');
|
||||
sticky.setAttribute('aria-hidden', 'true');
|
||||
return;
|
||||
}
|
||||
sticky.setAttribute('aria-hidden', 'false');
|
||||
const past = hero ? hero.getBoundingClientRect().bottom < 0 : window.scrollY > 400;
|
||||
sticky.classList.toggle('visible', past);
|
||||
};
|
||||
window.addEventListener('scroll', toggleSticky, { passive: true });
|
||||
window.addEventListener('resize', toggleSticky, { passive: true });
|
||||
toggleSticky();
|
||||
}
|
||||
})();
|
||||
|
||||
247
官网/device.html
Normal file
247
官网/device.html
Normal file
@@ -0,0 +1,247 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI 数智员工 · 一台手机一个数字员工 | 存客宝</title>
|
||||
<meta name="description" content="存客宝 AI 数智员工：一台手机即一个 7×24 在线的数字员工，扫码绑定即用，自动应答、场景获客、线索入池分层，与存客宝/触客宝同一数据底座。" />
|
||||
<meta name="keywords" content="AI数智员工,数字员工,私域AI硬件,一台手机,扫码绑定,7x24应答,场景获客,存客宝设备" />
|
||||
<meta property="og:type" content="product" />
|
||||
<meta property="og:title" content="存客宝 AI 数智员工 · 一台手机一个数字员工" />
|
||||
<meta property="og:description" content="扫码绑定即激活，AI 数智员工 7×24 主动触达客户，从首次咨询到长期复购全程陪伴。" />
|
||||
<meta property="og:image" content="assets/img/aistaff-phone-card.png" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/device-phone.css" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "存客宝 AI 数智员工",
|
||||
"image": "https://www.quwanzhi.com/assets/img/aistaff-phone-card.png",
|
||||
"description": "一台手机即一个 7×24 在线数字员工，扫码绑定即用，自动应答、场景获客、线索入池分层，与存客宝/触客宝同一数据底座。",
|
||||
"brand": { "@type": "Brand", "name": "存客宝" },
|
||||
"category": "私域运营 AI 硬件",
|
||||
"offers": {
|
||||
"@type": "AggregateOffer",
|
||||
"priceCurrency": "CNY",
|
||||
"lowPrice": "6980",
|
||||
"highPrice": "98000",
|
||||
"offerCount": "4",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{"@type":"Question","name":"一台手机就是一个 AI 数智员工吗？","acceptedAnswer":{"@type":"Answer","text":"是。每台绑定的手机即一个独立的 AI 数智员工终端，7×24 在线应答与触达，归属一个项目，集中纳管。"}},
|
||||
{"@type":"Question","name":"怎么绑定激活？","acceptedAnswer":{"@type":"Answer","text":"在存客宝「添加设备」生成设备码，手机扫码即归属对应项目并激活，绑定后即可接收场景获客线索与 AI 应答任务。"}},
|
||||
{"@type":"Question","name":"会不会封号？","acceptedAnswer":{"@type":"Answer","text":"内置健康分算法动态控制每日加人频次与群发节奏（去重、限频、时间打散），最大限度降低风控风险。"}},
|
||||
{"@type":"Question","name":"和存客宝、触客宝是什么关系？","acceptedAnswer":{"@type":"Answer","text":"三端同一数据底座：AI 数智员工负责终端应答与获客，线索自动进存客宝流量池分层，触客宝可人工接管高价值客户。"}}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow">AI 数智员工 · 硬件终端</span>
|
||||
<h1>一台手机，<br />一个 7×24 的数字员工</h1>
|
||||
<p>扫码绑定即激活。AI 数智员工主动应答客户、自动获客、线索入池分层——从首次咨询到长期复购，全程陪伴增长，与存客宝、触客宝共享同一客户资产。</p>
|
||||
<div class="cta-actions" style="margin-top:20px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用</button>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html#matrix">查看三端矩阵 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 设备展示 -->
|
||||
<section class="section" id="device">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">设备即员工</span>
|
||||
<h2 class="section-title reveal">扫码绑定即激活，AI 全程陪伴</h2>
|
||||
<p class="section-sub reveal">一台手机归属一个项目，AI 数智员工 7×24 在线主动触达，线索自动进存客宝流量池分层。</p>
|
||||
</div>
|
||||
<div class="container device-grid reveal">
|
||||
<div class="device-frame" aria-label="AI 数智员工手机界面示意">
|
||||
<div class="device-screen device-screen-ui">
|
||||
<div class="phone-ui">
|
||||
<div class="phone-ui-top">
|
||||
<span class="title">AI 助理</span>
|
||||
<span class="phone-ui-badge">7×24 在线</span>
|
||||
</div>
|
||||
<div class="phone-ui-hero">
|
||||
<img class="phone-ui-avatar" src="assets/img/aistaff-avatar.png" alt="AI 数智员工小智" width="40" height="40" onerror="this.onerror=null;this.src='assets/img/logo-mascot.png'" />
|
||||
<div>
|
||||
<h3>小智 <span class="tag">AI 数智员工</span></h3>
|
||||
<p>私域问答 · 知识库 · 场景获客，一台手机替你 7×24 应答。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone-ui-chat">
|
||||
<div class="phone-bubble user">你们专业版适合连锁门店吗？大概什么价？</div>
|
||||
<div class="phone-bubble ai">
|
||||
<strong>适合。</strong> 专业版含 3 台 AI 数智员工 + 场景获客，年费约 <strong>¥19,800</strong>，支持多店流量池统一分层。
|
||||
<ul>
|
||||
<li>健康分控频，降低封号风险</li>
|
||||
<li>线索自动进存客宝流量池</li>
|
||||
</ul>
|
||||
<div class="phone-ui-chips">
|
||||
<button type="button" class="phone-chip-cta" data-lead="trial">领取资料</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone-ui-suggest">
|
||||
<button type="button">怎么开通 7 天试用？</button>
|
||||
<button type="button">门店扫码绑定流程？</button>
|
||||
</div>
|
||||
<p class="phone-ui-foot">内容由 AI 生成，重要决策请人工确认</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="device-flow-steps" id="device-flow">
|
||||
<div class="flow-step"><h3>① 扫码绑定</h3><p>扫存客宝设备码，一台手机归属一个项目</p></div>
|
||||
<div class="flow-step"><h3>② AI 终端</h3><p>AI 数智员工 7×24 在线，卡若AI 草稿应答</p></div>
|
||||
<div class="flow-step"><h3>③ 场景获客</h3><p>海报/计划线索自动进流量池</p></div>
|
||||
<div class="flow-step"><h3>④ 入池分层</h3><p>存客宝客户分层 · 触客宝可人工接管</p></div>
|
||||
</div>
|
||||
<div class="device-features-mini">
|
||||
<div class="device-feat"><span>🔲</span>扫码绑定</div>
|
||||
<div class="device-feat"><span>💬</span>AI 对话</div>
|
||||
<div class="device-feat"><span>📋</span>场景获客</div>
|
||||
<div class="device-feat"><span>📊</span>数据中心</div>
|
||||
<div class="device-feat"><span>⚡</span>算力商城</div>
|
||||
<div class="device-feat"><span>📱</span>设备状态</div>
|
||||
</div>
|
||||
<div style="margin-top:24px;display:flex;flex-wrap:wrap;gap:12px">
|
||||
<button type="button" class="btn btn-primary" data-lead="trial">免费试用</button>
|
||||
<a class="btn btn-ghost" href="pricing.html">查看价格方案 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 海报样板（REQ-WEB-52 · 竖版 9:16 示意） -->
|
||||
<section class="section device-poster-section" id="device-poster">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">到店扫码即用</span>
|
||||
<h2 class="section-title reveal">竖版海报样板 · 一键激活数字员工</h2>
|
||||
<p class="section-sub reveal">门店台卡、展会展架、包裹卡均可张贴 · 顾客扫码即可体验 AI 应答与场景获客</p>
|
||||
</div>
|
||||
<div class="container poster-strip reveal" aria-label="海报样板展示">
|
||||
<article class="poster-card">
|
||||
<div class="poster-mock poster-mock--store" role="img" aria-label="门店台卡海报样板">
|
||||
<div class="poster-mock-head">
|
||||
<img src="assets/img/logo-mascot.png" alt="" width="32" height="32" />
|
||||
<span>存客宝 · AI 数智员工</span>
|
||||
</div>
|
||||
<div class="poster-mock-body">
|
||||
<strong>扫码绑定</strong>
|
||||
<p>一台手机 · 一个 7×24 数字员工</p>
|
||||
<picture>
|
||||
<source srcset="assets/img/aistaff-phone-card.webp" type="image/webp" />
|
||||
<img src="assets/img/aistaff-phone-card.png" alt="" loading="lazy" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="poster-mock-foot">微信扫码 · 免费试用 7 天</div>
|
||||
</div>
|
||||
<h3>门店台卡</h3>
|
||||
<p>收银台 / 导购区张贴 · 到店即绑</p>
|
||||
</article>
|
||||
<article class="poster-card">
|
||||
<div class="poster-mock poster-mock--event" role="img" aria-label="活动展架海报样板">
|
||||
<div class="poster-mock-head">
|
||||
<img src="assets/img/logo-mascot.png" alt="" width="32" height="32" />
|
||||
<span>私域增长 · 现场获客</span>
|
||||
</div>
|
||||
<div class="poster-mock-body">
|
||||
<strong>7×24 AI 应答</strong>
|
||||
<p>展会 / 沙龙 · 线索自动入池</p>
|
||||
<picture>
|
||||
<source srcset="assets/img/matrix-aistaff.webp" type="image/webp" />
|
||||
<img src="assets/img/aistaff-phone-card.png" alt="" loading="lazy" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="poster-mock-foot">扫码体验 · 专人协助开通</div>
|
||||
</div>
|
||||
<h3>活动展架</h3>
|
||||
<p>9:16 竖版 · 适合易拉宝 / 朋友圈</p>
|
||||
</article>
|
||||
</div>
|
||||
<div class="container center" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary" data-lead="trial">领取海报素材包</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">关于 AI 数智员工，常见疑问</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">一台手机就是一个 AI 数智员工吗？<span class="pm">+</span></div><div class="faq-a">是。每台绑定的手机即一个独立的 AI 数智员工终端，7×24 在线应答与触达，归属一个项目，集中纳管。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">怎么绑定激活？<span class="pm">+</span></div><div class="faq-a">在存客宝「添加设备」生成设备码，手机扫码即归属对应项目并激活，绑定后即可接收场景获客线索与 AI 应答任务。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">会不会封号？<span class="pm">+</span></div><div class="faq-a">内置健康分算法动态控制每日加人频次与群发节奏（去重、限频、时间打散），最大限度降低风控风险。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">和存客宝、触客宝是什么关系？<span class="pm">+</span></div><div class="faq-a">三端同一数据底座：AI 数智员工负责终端应答与获客，线索自动进存客宝流量池分层，触客宝可人工接管高价值客户。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section cta">
|
||||
<div class="container cta-inner">
|
||||
<h2 class="reveal">想让一台手机替你 7×24 获客？</h2>
|
||||
<p class="reveal">免费试用 7 天，专人协助扫码绑定与场景配置。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用</button>
|
||||
<a class="btn btn-ghost btn-lg" href="#" data-lead="consult">领取资料</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div>
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a>
|
||||
<p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p>
|
||||
</div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="solutions.html#private">私域操盘手</a><a href="solutions.html#chain">连锁 / 门店</a><a href="solutions.html#ecom">电商商家</a><a href="solutions.html#kol">网红 / 明星</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact"><button type="button" class="btn btn-primary" data-lead="consult" style="margin-top:8px">领取资料</button></p></div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<span>一台手机，一个数字员工</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
529
官网/index.html
529
官网/index.html
@@ -3,102 +3,228 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>存客宝 · AI + 私域 全自动获客与客户运营系统</title>
|
||||
<meta name="description" content="存客宝是面向企业的私域运营自动化系统。AI 全自动加人、养号、群发、建群、客户分层与转化，帮私域团队、连锁门店、电商、网红达人降本增效，把流量变成可复购的私域资产。" />
|
||||
<meta name="keywords" content="存客宝,私域运营,私域获客,微信自动化,SCRM,客户运营,私域SaaS,自动加人,智能群发" />
|
||||
<title>存客宝 · 企业私域增长系统 | AI 驱动用户资产沉淀与持续增长</title>
|
||||
<meta name="description" content="存客宝是面向企业的私域增长系统。AI 驱动客户分层、用户资产沉淀、场景精准获客与全程复购促活，帮助企业将私域流量变成可持续增长的核心资产。" />
|
||||
<meta name="keywords" content="存客宝,私域增长,企业用户资产,AI私域,客户分层,私域复购,场景获客,私域银行,RFM客户价值" />
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="存客宝 · AI + 私域 全自动获客系统" />
|
||||
<meta property="og:description" content="AI 全自动加人、养号、群发、客户分层与转化。让你的私域流量自己增长、自己成交。" />
|
||||
<meta property="og:image" content="assets/img/hero.png" />
|
||||
<meta property="og:title" content="存客宝 · 企业私域增长系统" />
|
||||
<meta property="og:description" content="把用户变资产，让增长不停歇。AI 驱动客户分层、精准获客与全程复购，私域即企业增长引擎。" />
|
||||
<meta property="og:image" content="assets/img/hero-meeting-scene.jpg" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/device-phone.css" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<link rel="stylesheet" href="assets/css/ai-chat-widget.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "存客宝",
|
||||
"applicationCategory": "BusinessApplication",
|
||||
"operatingSystem": "Web",
|
||||
"description": "企业私域增长系统——AI 驱动客户分层、用户资产沉淀与持续复购增长",
|
||||
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "CNY", "description": "7 天免费试用（不含工作手机）" }
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{"@type":"Question","name":"私域能成为企业的持续资产吗？","acceptedAnswer":{"@type":"Answer","text":"存客宝通过统一流量池、RFM 客户分层和 AI 全程触达，帮助企业将私域变成持续增值的客户资产。"}},
|
||||
{"@type":"Question","name":"AI 数智员工能提升多少增长？","acceptedAnswer":{"@type":"Answer","text":"AI 数智员工 7×24 陪伴触达，结合客户分层优先服务高价值客户，帮助企业私域复购率平均提升 3 倍以上。"}},
|
||||
{"@type":"Question","name":"免费试用包含什么？","acceptedAnswer":{"@type":"Answer","text":"免费试用 7 天，每天送 300 算力，可体验后台与数据看板，不含工作手机，不支持加好友；升级基础版后开放设备管理与自动加人。"}},
|
||||
{"@type":"Question","name":"专业版适合什么规模的企业？","acceptedAnswer":{"@type":"Answer","text":"专业版含 3 台 AI 数智员工，年费 19800 元，适合有私域基础、希望系统化驱动增长的中型团队。"}}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ============ 导航 ============ -->
|
||||
<nav class="nav">
|
||||
<!-- ============ 导航 · 全站统一：功能 / 方案 / 矩阵 / AI / 价格 ============ -->
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html">
|
||||
<span class="brand-mark">存</span>
|
||||
<span class="brand-name">存客宝<small>CUNKEBAO</small></span>
|
||||
<img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" />
|
||||
<span class="brand-name">存客宝</span>
|
||||
</a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="#features">核心功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">行业方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">产品矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">接口体系</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用手册</a></li>
|
||||
<li><a class="nav-link" href="pricing.html">价格</a></li>
|
||||
<li><a class="nav-link" href="index.html#cases">客户案例</a></li>
|
||||
<li><a class="nav-link" href="#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="index.html#contact">联系我们</a>
|
||||
<a class="btn btn-primary" href="pricing.html">免费试用</a>
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ============ Hero ============ -->
|
||||
<header class="hero">
|
||||
<!-- ============ Hero · 文案 + 大图 ============ -->
|
||||
<header class="hero" id="hero">
|
||||
<div class="container hero-grid">
|
||||
<div class="hero-copy">
|
||||
<span class="hero-badge">🚀 AI + 私域 · 已服务 <b>1200+</b> 企业私域团队</span>
|
||||
<h1>让私域流量<br /><span class="gradient-text">自己增长、自己成交</span></h1>
|
||||
<p class="lead">
|
||||
存客宝用 AI 把「加人 · 养号 · 群发 · 建群 · 客户分层 · 转化」全流程自动化。
|
||||
一个人，管理上百个微信号，把每一份流量都沉淀成可复购的私域资产。
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a class="btn btn-primary btn-lg" href="pricing.html">免费试用 7 天 →</a>
|
||||
<a class="btn btn-ghost btn-lg" href="#features">看看能帮我什么</a>
|
||||
</div>
|
||||
<div class="hero-stats">
|
||||
<div class="hero-stat"><div class="num"><span data-count="98" data-suffix="%">0</span></div><div class="lbl">设备在线率</div></div>
|
||||
<div class="hero-stat"><div class="num"><span data-count="3" data-suffix="倍">0</span></div><div class="lbl">转化效率提升</div></div>
|
||||
<div class="hero-stat"><div class="num"><span data-count="80" data-suffix="%">0</span></div><div class="lbl">人力成本节省</div></div>
|
||||
<span class="hero-badge">私域资产 · 企业增长引擎</span>
|
||||
<h1>把用户变资产，<br class="hero-br" />让增长不停歇</h1>
|
||||
<p class="lead">存客宝帮企业把私域流量变成可复购的用户资产——精准获客、AI 客户分层、7×24 自动触达，平均<strong>获客成本降低 45%、私域复购提升 3 倍</strong>。</p>
|
||||
<div class="hero-stats reveal" aria-label="核心数据">
|
||||
<div class="hero-stat"><span class="hero-stat-num">1200+</span><span class="hero-stat-label">企业正在使用</span></div>
|
||||
<div class="hero-stat hero-stat-growth"><span class="hero-stat-num">+128%</span><span class="hero-stat-label">用户资产增长</span></div>
|
||||
<div class="hero-stat hero-stat-growth"><span class="hero-stat-num">3×</span><span class="hero-stat-label">私域复购提升</span></div>
|
||||
<div class="hero-stat hero-stat-growth"><span class="hero-stat-num">−45%</span><span class="hero-stat-label">获客成本降低</span></div>
|
||||
</div>
|
||||
<p class="hero-social-line reveal"><strong>1200+</strong> 家企业已将私域变成持续增长的核心资产</p>
|
||||
</div>
|
||||
<div class="hero-visual reveal">
|
||||
<img src="assets/img/hero.png" alt="存客宝 AI 私域运营控制台" loading="eager" />
|
||||
<div class="hero-float f1">
|
||||
<span class="ic" style="background:rgba(0,224,198,.15)">🤖</span>
|
||||
<div>自动加人中<small>健康分护航 · 0 封号</small></div>
|
||||
</div>
|
||||
<div class="hero-float f2">
|
||||
<span class="ic" style="background:rgba(255,138,61,.15)">📈</span>
|
||||
<div>今日成交 +38<small>RFM 高价值客户优先</small></div>
|
||||
<div class="hero-float-wrap" aria-hidden="false">
|
||||
<span class="hero-orb hero-orb-1" aria-hidden="true"></span>
|
||||
<span class="hero-orb hero-orb-2" aria-hidden="true"></span>
|
||||
<div class="hero-device-frame hero-growth-frame hero-float-card">
|
||||
<picture>
|
||||
<source srcset="assets/img/hero-meeting-scene.webp" type="image/webp" />
|
||||
<img class="hero-scene-main" src="assets/img/hero-meeting-scene.jpg" alt="企业团队会议讲解数据大屏：私域业务持续增长" loading="eager" fetchpriority="high" width="1536" height="1024" />
|
||||
</picture>
|
||||
</div>
|
||||
<span class="hero-chip hero-chip-1" aria-hidden="true"><b>+128%</b><small>用户资产增长</small></span>
|
||||
<span class="hero-chip hero-chip-2" aria-hidden="true"><b>3×</b><small>私域复购提升</small></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ============ 信任条 ============ -->
|
||||
<section class="trust">
|
||||
<div class="container trust-row">
|
||||
<span class="tlabel">适配行业</span>
|
||||
<span class="trust-chip">私域操盘手</span>
|
||||
<span class="trust-chip">连锁企业</span>
|
||||
<span class="trust-chip">实体门店</span>
|
||||
<span class="trust-chip">电商商家</span>
|
||||
<span class="trust-chip">网红达人</span>
|
||||
<span class="trust-chip">游戏明星 / 主播</span>
|
||||
<span class="trust-chip">自动化增长团队</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 痛点 ============ -->
|
||||
<section class="section pain">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">你是不是也这样</span>
|
||||
<h2 class="section-title reveal">私域做不大，往往不是不努力，而是<span class="gradient-text">方法被卡住了</span></h2>
|
||||
<p class="section-sub reveal">存客宝把每一个让你头疼的环节，都换成了「系统自动做」。</p>
|
||||
<span class="eyebrow reveal">企业增长痛点</span>
|
||||
<h2 class="section-title reveal">私域流量没有变成资产，增长就永远靠投流</h2>
|
||||
<p class="section-sub reveal">存客宝把每一个增长卡点，都转化为可积累、可复用的企业资产能力。</p>
|
||||
<div class="pain-grid">
|
||||
<div class="pain-card reveal d1"><div class="ic">💸</div><h3>流量越来越贵</h3><p class="old">投流烧钱，加来的人留不住</p><p class="fix"><span>→</span>多渠道场景获客，线索自动入私域</p></div>
|
||||
<div class="pain-card reveal d2"><div class="ic">😮💨</div><h3>人力扛不住</h3><p class="old">几十个号靠人手发，累还容易漏</p><p class="fix"><span>→</span>一人管百号，群发/朋友圈一键同步</p></div>
|
||||
<div class="pain-card reveal d3"><div class="ic">🚫</div><h3>动不动就封号</h3><p class="old">操作太频繁，账号说没就没</p><p class="fix"><span>→</span>健康分算法控频，自动养号护航</p></div>
|
||||
<div class="pain-card reveal d4"><div class="ic">🤷</div><h3>客户分不清</h3><p class="old">谁是高价值客户全靠猜</p><p class="fix"><span>→</span>RFM 自动分层，高价值客户优先触达</p></div>
|
||||
<div class="pain-card reveal d1"><div class="ic">💸</div><h3>流量投完即消耗</h3><p class="old">反复投流，客户不复购，流量无法沉淀</p><p class="fix"><span>→</span>多渠道精准获客入私域，建立可持续用户资产池</p></div>
|
||||
<div class="pain-card reveal d2"><div class="ic">📉</div><h3>客户价值无法识别</h3><p class="old">不知道哪些客户值得重点投入，资源被稀释</p><p class="fix"><span>→</span>AI 客户分层，高价值客户自动识别与优先触达</p></div>
|
||||
<div class="pain-card reveal d3"><div class="ic">🔄</div><h3>复购依赖人工跟进</h3><p class="old">靠销售手动维系，规模大了就跟不上</p><p class="fix"><span>→</span>AI 数智员工 7×24 触达，节奏化促活让复购自动发生</p></div>
|
||||
<div class="pain-card reveal d4"><div class="ic">📦</div><h3>私域沉淀不成体系</h3><p class="old">各渠道线索分散，没有统一的客户资产台账</p><p class="fix"><span>→</span>统一流量池 + 数据看板，私域资产可量化、可增值</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 为什么选存客宝（差异化 · OPT-7） ============ -->
|
||||
<section class="section why-ckb">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">为什么选存客宝</span>
|
||||
<h2 class="section-title reveal">不只是 SCRM，而是会自动获客的增长系统</h2>
|
||||
<p class="section-sub reveal">三个别人难以复制的底层能力，让私域真正跑起来。</p>
|
||||
<div class="why-grid">
|
||||
<div class="why-card reveal d1"><div class="ic">📱</div><h3>真机执行，不只记录</h3><p>加人、养号、群发、朋友圈定时自动跑，把「手动做」变成「系统跑」，单人可管上百号。</p></div>
|
||||
<div class="why-card reveal d2"><div class="ic">🛡️</div><h3>健康分养号，更稳更安全</h3><p>健康分动态控频 + 去重限频 + 时间打散，模拟真人节奏，最大限度降低封号风险。</p></div>
|
||||
<div class="why-card reveal d3"><div class="ic">🔗</div><h3>三端同一数据底座</h3><p>存客宝 + 触客宝 + AI 数智员工共享客户资产，获客、应答、人工接管、复购形成闭环。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 方案对比（高意向 CVR 7.5%+） ============ -->
|
||||
<section class="section compare" id="compare">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">为何选择存客宝</span>
|
||||
<h2 class="section-title reveal">企业增长，需要的不只是工具</h2>
|
||||
<p class="section-sub reveal">存客宝提供的是一套完整的私域资产增长体系，而不仅是自动化工具。</p>
|
||||
</div>
|
||||
<div class="container compare-wrap reveal">
|
||||
<table class="compare-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>增长能力</th>
|
||||
<th>分散工具堆叠</th>
|
||||
<th>通用 SCRM</th>
|
||||
<th class="col-us">存客宝</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>用户资产统一沉淀</td><td>❌ 数据分散孤岛</td><td>⚠️ 部分支持</td><td class="col-us"><b>✅ 统一流量池</b></td></tr>
|
||||
<tr><td>AI 驱动客户分层</td><td>❌ 手工 Excel 打标</td><td>⚠️ 标签为主</td><td class="col-us"><b>✅ RFM 自动评分</b></td></tr>
|
||||
<tr><td>高价值客户主动触达</td><td>❌ 全量群发无差别</td><td>⚠️ 基础筛选</td><td class="col-us"><b>✅ 精准分层触达</b></td></tr>
|
||||
<tr><td>复购全程 AI 陪伴</td><td>❌ 靠销售手动跟</td><td>⚠️ 插件级 AI</td><td class="col-us"><b>✅ AI 数智员工 7×24</b></td></tr>
|
||||
<tr><td>账号安全与规模化</td><td>❌ 靠经验，风险高</td><td>⚠️ 部分控频</td><td class="col-us"><b>✅ 健康分算法</b></td></tr>
|
||||
<tr><td>增长数据可量化</td><td>❌ 无统一报表</td><td>⚠️ 基础看板</td><td class="col-us"><b>✅ 全链路数据中心</b></td></tr>
|
||||
<tr><td>开放 API 对接业务系统</td><td>❌</td><td>⚠️ 企业版</td><td class="col-us"><b>✅ 企业版全开放</b></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="compare-cta">
|
||||
<a class="btn btn-primary btn-lg" href="#" data-lead="trial">免费试用，亲自体验增长 →</a>
|
||||
<p class="hero-microcopy">免费试用 7 天 · 每天送 300 算力 · 专业版含 3 台 AI 数智员工</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ AI 数智员工 · 单设备硬件（13） ============ -->
|
||||
<section class="section device-topic" id="device">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">AI 数智员工 · 企业增长伙伴</span>
|
||||
<h2 class="section-title reveal">AI 全程陪伴，让每个用户都感受到被重视</h2>
|
||||
<p class="section-sub reveal">扫码绑定即激活，AI 数智员工 7×24 主动触达客户，从首次咨询到长期复购，全程陪伴增长。与存客宝、触客宝同一数据底座，共享客户资产。</p>
|
||||
</div>
|
||||
<div class="container device-grid reveal">
|
||||
<div class="device-frame" aria-label="AI 数智员工手机界面示意">
|
||||
<div class="device-screen device-screen-ui">
|
||||
<div class="phone-ui">
|
||||
<div class="phone-ui-top">
|
||||
<span class="title">AI 助理</span>
|
||||
<span class="phone-ui-badge">7×24 在线</span>
|
||||
</div>
|
||||
<div class="phone-ui-hero">
|
||||
<img class="phone-ui-avatar" src="assets/img/aistaff-avatar.png" alt="AI 数智员工小智" width="40" height="40" onerror="this.onerror=null;this.src='assets/img/logo-mascot.png'" />
|
||||
<div>
|
||||
<h3>小智 <span class="tag">AI 数智员工</span></h3>
|
||||
<p>私域问答 · 知识库 · 场景获客，一台手机替你 7×24 应答。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone-ui-chat">
|
||||
<div class="phone-bubble user">你们专业版适合连锁门店吗？大概什么价？</div>
|
||||
<div class="phone-bubble ai">
|
||||
<strong>适合。</strong> 专业版含 3 台 AI 数智员工 + 场景获客，年费约 <strong>¥19,800</strong>，支持多店流量池统一分层。
|
||||
<ul>
|
||||
<li>健康分控频，降低封号风险</li>
|
||||
<li>线索自动进存客宝流量池</li>
|
||||
</ul>
|
||||
<div class="phone-ui-chips">
|
||||
<button type="button" class="phone-chip-cta" data-lead="trial">免费试用 7 天</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone-ui-suggest">
|
||||
<button type="button">怎么开通 7 天试用？</button>
|
||||
<button type="button">门店扫码绑定流程？</button>
|
||||
</div>
|
||||
<p class="phone-ui-foot">内容由 AI 生成，重要决策请人工确认</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="device-flow-steps" id="device-flow">
|
||||
<div class="flow-step"><h3>① 扫码绑定</h3><p>扫存客宝设备码，一台手机归属一个项目</p></div>
|
||||
<div class="flow-step"><h3>② AI 终端</h3><p>AI 数智员工 7×24 在线，卡若AI 草稿应答</p></div>
|
||||
<div class="flow-step"><h3>③ 场景获客</h3><p>海报/计划线索自动进流量池</p></div>
|
||||
<div class="flow-step"><h3>④ 入池分层</h3><p>存客宝客户分层 · 触客宝可人工接管</p></div>
|
||||
</div>
|
||||
<div class="device-features-mini">
|
||||
<div class="device-feat"><span>🔲</span>扫码绑定</div>
|
||||
<div class="device-feat"><span>💬</span>AI 对话</div>
|
||||
<div class="device-feat"><span>📋</span>场景获客</div>
|
||||
<div class="device-feat"><span>📊</span>数据中心</div>
|
||||
<div class="device-feat"><span>⚡</span>算力商城</div>
|
||||
<div class="device-feat"><span>📱</span>设备状态</div>
|
||||
</div>
|
||||
<div style="margin-top:24px;display:flex;flex-wrap:wrap;gap:12px">
|
||||
<a class="btn btn-primary" href="#" data-lead="trial">免费试用</a>
|
||||
<a class="btn btn-ghost" href="index.html#matrix">查看三端矩阵 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -106,45 +232,45 @@
|
||||
<!-- ============ 核心功能 ============ -->
|
||||
<section class="section" id="features">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">核心功能</span>
|
||||
<h2 class="section-title reveal">一个平台，跑通私域全链路</h2>
|
||||
<p class="section-sub reveal">从获客到成交，七大模块协同运转，全程自动化。</p>
|
||||
<span class="eyebrow reveal">增长能力矩阵</span>
|
||||
<h2 class="section-title reveal">从获客到复购，构建企业私域增长飞轮</h2>
|
||||
<p class="section-sub reveal">八大核心模块协同运转，让每一个用户都成为可积累的企业资产。</p>
|
||||
</div>
|
||||
<div class="container features-grid">
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">📱</div><h3>设备管理</h3><p>统一管理接入的手机设备，实时监控在线率、状态与健康分，矩阵号一屏掌控。</p><div class="tags"><span>真机控制</span><span>在线监控</span><span>批量操作</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">💬</div><h3>微信管理</h3><p>集中管理微信号、好友与群聊，自动加人、通过验证、打标签，养号控频不封号。</p><div class="tags"><span>自动加人</span><span>智能养号</span><span>标签管理</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">📚</div><h3>内容库</h3><p>营销素材统一管理与 AI 改写，朋友圈/话术一键分发，团队风格保持一致。</p><div class="tags"><span>素材中心</span><span>AI 改写</span><span>开放接口</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">⚙️</div><h3>工作台</h3><p>自动建群、消息群发、朋友圈同步，定时任务调度，把重复劳动交给系统。</p><div class="tags"><span>自动建群</span><span>智能群发</span><span>朋友圈同步</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">👥</div><h3>流量池</h3><p>流量打标、RFM 分层、智能分发，让对的内容触达对的人，转化更高效。</p><div class="tags"><span>流量标签</span><span>RFM 分层</span><span>智能分发</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">💰</div><h3>分销管理</h3><p>渠道管理、专属推广码、佣金自动结算，让客户帮你裂变拉新。</p><div class="tags"><span>渠道裂变</span><span>佣金结算</span><span>提现风控</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">📊</div><h3>数据中心</h3><p>获客、转化、设备、团队全维度数据看板，报表一键导出，决策有据可依。</p><div class="tags"><span>实时看板</span><span>转化漏斗</span><span>报表导出</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">🧠</div><h3>AI 智能助手</h3><p>AI 数智员工辅助应答、内容生成与知识库问答，7×24 不掉线的运营搭子。</p><div class="tags"><span>智能应答</span><span>内容生成</span><span>知识库</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">🎯</div><h3>精准场景获客</h3><p>多渠道线索精准入池，海报码、包裹卡、门店扫码，公域流量高效沉淀为私域用户资产。</p><div class="tags"><span>场景获客</span><span>线索入池</span><span>开放 API</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">📊</div><h3>客户资产分层</h3><p>AI 驱动 RFM 三维评分，自动识别高价值客户，让营销资源精准投放，提升每客收益。</p><div class="tags"><span>RFM 评分</span><span>客户分层</span><span>智能分发</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">🤖</div><h3>AI 全程陪伴增长</h3><p>AI 数智员工 7×24 主动触达，从问询到成交到复购，全程 AI 驱动，不依赖人工跟进。</p><div class="tags"><span>AI 应答</span><span>知识库</span><span>主动触达</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">🔄</div><h3>规模化内容触达</h3><p>内容库统一管理，AI 改写适配不同客群，群发与朋友圈按节奏智能分发，触达更有质量。</p><div class="tags"><span>内容库</span><span>AI 改写</span><span>节奏触达</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">🏦</div><h3>私域资产统一管理</h3><p>全渠道客户资产统一入池，流量标签、分层、转移一体化，让私域真正成为企业可增值资产。</p><div class="tags"><span>流量池</span><span>标签体系</span><span>资产转移</span></div></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">💰</div><h3>裂变分销增长</h3><p>客户带客户，渠道专属码、多级佣金自动结算，把忠实客户变成最强增长渠道。</p><div class="tags"><span>渠道裂变</span><span>佣金结算</span><span>增长飞轮</span></div></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">📈</div><h3>增长数据驾驶舱</h3><p>获客、激活、转化、复购全链路数据看板，业务健康一目了然，增长决策有据可依。</p><div class="tags"><span>全链路数据</span><span>转化漏斗</span><span>增长报表</span></div></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">🛡️</div><h3>账号安全护航</h3><p>健康分算法动态评估，自动控制操作频次，保护账号矩阵持续稳定运营。</p><div class="tags"><span>健康分</span><span>智能控频</span><span>安全运营</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 核心算法 ============ -->
|
||||
<section class="section algo">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">技术内核</span>
|
||||
<h2 class="section-title reveal" style="color:#fff">六大核心算法，<span class="gradient-text">让自动化更聪明、更安全</span></h2>
|
||||
<p class="section-sub reveal">看不见的算法，决定了你账号的安全和转化的天花板。</p>
|
||||
<span class="eyebrow reveal">增长算法内核</span>
|
||||
<h2 class="section-title reveal">六大增长算法，<span class="gradient-text">驱动资产持续增值</span></h2>
|
||||
<p class="section-sub reveal">数据算法让每一个客户触点都产生价值，让私域资产持续升值。</p>
|
||||
</div>
|
||||
<div class="container algo-grid">
|
||||
<div class="algo-card reveal d1"><div class="ic">🛡️</div><h3>健康分算法</h3><p>风控核心，动态评估账号状态，自动控制每日加人频次，最大限度保护账号。</p><code>每日加人 = 健康分 × 0.2</code></div>
|
||||
<div class="algo-card reveal d2"><div class="ic">🎯</div><h3>RFM 客户分层</h3><p>按最近消费、频次、金额三维评分，自动识别高价值客户，精准营销。</p><code>RFM = R×0.4 + F×0.3 + M×0.3</code></div>
|
||||
<div class="algo-card reveal d3"><div class="ic">⚖️</div><h3>流量分发算法</h3><p>负载均衡，把线索自动分配到最合适的账号与运营，避免撞单与浪费。</p><code>智能分配 · 自动均衡</code></div>
|
||||
<div class="algo-card reveal d1"><div class="ic">📤</div><h3>消息群发算法</h3><p>批量触达同时去重、限频、打散时间，既高效又自然，降低风控风险。</p><code>去重 · 限频 · 打散</code></div>
|
||||
<div class="algo-card reveal d2"><div class="ic">👨👩👧</div><h3>自动建群算法</h3><p>社群批量自动创建与入群欢迎语，社群运营从「手动拉」变「系统建」。</p><code>批量建群 · 自动欢迎</code></div>
|
||||
<div class="algo-card reveal d3"><div class="ic">🤝</div><h3>分销奖励算法</h3><p>多级渠道激励与佣金精算，只分增量、即时结算，裂变更有动力。</p><code>按价值分润 · 即时结算</code></div>
|
||||
<div class="algo-card reveal d1"><div class="ic">📊</div><h3>RFM 客户价值算法</h3><p>按最近消费、频次、金额三维自动评分，精准识别高价值客户，让增长资源集中在最优质资产上。</p><code>分层得分 = R×0.4 + F×0.3 + M×0.3</code></div>
|
||||
<div class="algo-card reveal d2"><div class="ic">⚖️</div><h3>流量智能分发算法</h3><p>线索负载均衡，自动匹配最优账号与运营，保障每一条线索都进入最高效的增长路径。</p><code>智能分配 · 路径最优</code></div>
|
||||
<div class="algo-card reveal d3"><div class="ic">🛡️</div><h3>账号健康分算法</h3><p>动态评估账号安全状态，自动控制操作频次，让私域矩阵持续稳定运营，保护资产安全。</p><code>每日加人 = 健康分 × 0.2</code></div>
|
||||
<div class="algo-card reveal d1"><div class="ic">📤</div><h3>精准触达算法</h3><p>分层客群 + 时间打散 + 去重限频，让每一次触达都精准有效，提升客户资产活跃度。</p><code>分层 · 精准 · 不打扰</code></div>
|
||||
<div class="algo-card reveal d2"><div class="ic">👨👩👧</div><h3>社群激活算法</h3><p>自动建群、入群触达、活跃欢迎语，把沉睡客户唤醒为活跃资产，延长客户生命周期。</p><code>激活 · 留存 · 增值</code></div>
|
||||
<div class="algo-card reveal d3"><div class="ic">🤝</div><h3>裂变增长算法</h3><p>多级渠道激励精算，只分增量、按价值结算，让忠实客户成为驱动增长的核心引擎。</p><code>按价值增长 · 即时结算</code></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 行业方案 ============ -->
|
||||
<section class="section" id="solutions">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">行业解决方案</span>
|
||||
<h2 class="section-title reveal">无论你是哪一类，存客宝都<span class="gradient-text">对号入座</span></h2>
|
||||
<p class="section-sub reveal">点击下面的身份，看看存客宝怎么帮你赚到更多。<a href="solutions.html" style="color:var(--brand-2);font-weight:700;margin-left:8px">查看全部方案 →</a></p>
|
||||
<span class="eyebrow reveal">行业增长方案</span>
|
||||
<h2 class="section-title reveal">每个行业，都有专属的<span class="gradient-text">私域增长路径</span></h2>
|
||||
<p class="section-sub reveal">选择你的行业，查看存客宝如何帮助你建立持续增长的用户资产。<a href="solutions.html" style="color:var(--brand-2);font-weight:700;margin-left:8px">查看全部行业解决方案 →</a></p>
|
||||
<div class="ind-tabs reveal">
|
||||
<button class="ind-tab active" data-ind="private">私域操盘手</button>
|
||||
<button class="ind-tab" data-ind="chain">连锁企业</button>
|
||||
@@ -163,11 +289,11 @@
|
||||
<ul class="solve">
|
||||
<li><span class="chk">✓</span><span><b>百号统管</b>：设备 + 微信号集中管理，一屏掌控全矩阵</span></li>
|
||||
<li><span class="chk">✓</span><span><b>全自动 SOP</b>：加人、养号、群发、朋友圈定时跑</span></li>
|
||||
<li><span class="chk">✓</span><span><b>RFM 分层</b>：把精力投在高价值客户身上</span></li>
|
||||
<li><span class="chk">✓</span><span><b>客户分层</b>：把精力投在高价值客户身上</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">80%</div><div class="t">运营人力节省</div></div><div class="m"><div class="n gradient-text">3倍</div><div class="t">触达效率</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#5b6cff,#8b3fff)">🧑💼</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-private.jpg" alt="" loading="lazy" /></div></div>
|
||||
</div>
|
||||
<!-- 连锁 -->
|
||||
<div class="ind-panel" data-ind="chain">
|
||||
@@ -181,7 +307,7 @@
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">100+</div><div class="t">门店统管</div></div><div class="m"><div class="n gradient-text">1键</div><div class="t">全国同步</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#00b3a4,#5b6cff)">🏢</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-chain.jpg" alt="" loading="lazy" /></div></div>
|
||||
</div>
|
||||
<!-- 门店 -->
|
||||
<div class="ind-panel" data-ind="store">
|
||||
@@ -195,7 +321,7 @@
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">2倍</div><div class="t">复购率</div></div><div class="m"><div class="n gradient-text">0</div><div class="t">手动拉群</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#ff8a3d,#ff5d8f)">🏪</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-store.jpg" alt="" loading="lazy" /></div></div>
|
||||
</div>
|
||||
<!-- 电商 -->
|
||||
<div class="ind-panel" data-ind="ecom">
|
||||
@@ -209,7 +335,7 @@
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">35%</div><div class="t">加微转化</div></div><div class="m"><div class="n gradient-text">↑</div><div class="t">客户终身价值</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#8b3fff,#5b6cff)">🛒</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-ecom.jpg" alt="" loading="lazy" /></div></div>
|
||||
</div>
|
||||
<!-- 网红 -->
|
||||
<div class="ind-panel" data-ind="kol">
|
||||
@@ -223,7 +349,7 @@
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">10万+</div><div class="t">粉丝可管理</div></div><div class="m"><div class="n gradient-text">7×24</div><div class="t">AI 不掉线</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#ff5d8f,#8b3fff)">🌟</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-kol.jpg" alt="" loading="lazy" /></div></div>
|
||||
</div>
|
||||
<!-- 明星 -->
|
||||
<div class="ind-panel" data-ind="star">
|
||||
@@ -237,7 +363,7 @@
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">多号</div><div class="t">统一调度</div></div><div class="m"><div class="n gradient-text">↑</div><div class="t">粉丝活跃 / 付费</div></div></div>
|
||||
</div>
|
||||
<div class="pic"><div class="ind-art" style="background:linear-gradient(135deg,#5b6cff,#00e0c6)">🎮</div></div>
|
||||
<div class="pic"><div class="ind-art"><img src="assets/img/ind-star.jpg" alt="游戏主播直播运营场景" loading="lazy" /></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -246,13 +372,43 @@
|
||||
<section class="section matrix" id="matrix">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">产品矩阵</span>
|
||||
<h2 class="section-title reveal">三端协同，统一后端</h2>
|
||||
<p class="section-sub reveal">管理、客服、AI 数智员工各司其职，共享一套数据底座。</p>
|
||||
<h2 class="section-title reveal">三端协同，共建企业私域增长体系</h2>
|
||||
<p class="section-sub reveal">管理、客服、AI 数智员工各司其职，共享私域资产统一数据底座，驱动企业增长飞轮。</p>
|
||||
</div>
|
||||
<div class="container matrix-grid">
|
||||
<div class="matrix-card reveal d1"><div class="tag">管理端</div><h3>存客宝</h3><p>核心运营后台：设备、微信、内容、工作台、流量池、分销、数据，私域运营的指挥中心。</p></div>
|
||||
<div class="matrix-card reveal d2"><div class="tag">客服端</div><h3>触客宝</h3><p>专注客户聊天与跟进的客服界面，多号会话集中处理，响应更快、转化更稳。</p></div>
|
||||
<div class="matrix-card reveal d3"><div class="tag">AI 助手</div><h3>AI 数智员工</h3><p>AI 辅助应答、内容生成与知识库，7×24 在线的数字员工，把运营搭子装进系统。</p></div>
|
||||
<article class="matrix-card reveal d1">
|
||||
<div class="matrix-shot">
|
||||
<picture>
|
||||
<source srcset="assets/img/matrix-cunkebao.webp" type="image/webp" />
|
||||
<img src="assets/img/matrix-cunkebao.png" alt="存客宝私域运营后台：设备、微信、流量池与场景获客" loading="lazy" width="640" height="400" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="tag">管理端</div>
|
||||
<h3>存客宝</h3>
|
||||
<p>核心运营后台：设备、微信、内容、工作台、流量池、分销、数据，私域运营的指挥中心。</p>
|
||||
</article>
|
||||
<article class="matrix-card reveal d2">
|
||||
<div class="matrix-shot">
|
||||
<picture>
|
||||
<source srcset="assets/img/matrix-touchkebao.webp" type="image/webp" />
|
||||
<img src="assets/img/matrix-touchkebao.png" alt="触客宝多号客服聊天界面与 AI 协助回复" loading="lazy" width="640" height="400" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="tag">客服端</div>
|
||||
<h3>触客宝</h3>
|
||||
<p>专注客户聊天与跟进的客服界面，多号会话集中处理，响应更快、转化更稳。</p>
|
||||
</article>
|
||||
<article class="matrix-card reveal d3 matrix-card-featured">
|
||||
<div class="matrix-shot matrix-shot-contain">
|
||||
<picture>
|
||||
<source srcset="assets/img/aistaff-phone-card.webp" type="image/webp" />
|
||||
<img src="assets/img/aistaff-phone-card.png" alt="AI 数智员工手机终端：私域智能问答与 7×24 应答" loading="lazy" width="640" height="400" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="tag">AI 助手</div>
|
||||
<h3>AI 数智员工</h3>
|
||||
<p>AI 辅助应答、内容生成与知识库，7×24 在线的数字员工，把运营搭子装进系统。</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -266,18 +422,71 @@
|
||||
<div class="flow-step reveal d1"><h3>接入设备</h3><p>手机设备接入，矩阵号一键纳管</p></div>
|
||||
<div class="flow-step reveal d2"><h3>智能养号</h3><p>健康分护航，安全过渡运营期</p></div>
|
||||
<div class="flow-step reveal d3"><h3>多渠道获客</h3><p>场景码 + 自动加人，线索入私域</p></div>
|
||||
<div class="flow-step reveal d4"><h3>分层运营</h3><p>RFM 分层 + 流量分发，精准触达</p></div>
|
||||
<div class="flow-step reveal d4"><h3>分层运营</h3><p>客户分层 + 流量分发，精准触达</p></div>
|
||||
<div class="flow-step reveal d4"><h3>自动转化</h3><p>群发 / 社群 / 分销，持续成交复购</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 人力 ROI 计算器 ============ -->
|
||||
<section class="section roi" id="roi">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">算一笔账</span>
|
||||
<h2 class="section-title reveal">纯人工私域，每年多付多少？</h2>
|
||||
<p class="section-sub reveal">拖动微信号规模，对比「堆人力」与「存客宝自动化」的年人力成本（含专业版参考价 ¥19,800/年）。</p>
|
||||
</div>
|
||||
<div class="container roi-panel reveal" id="roi-calculator">
|
||||
<div class="roi-controls">
|
||||
<label>管理微信号数量 <output id="roi-wx-val">50</output> 个</label>
|
||||
<input type="range" id="roi-wx" min="10" max="200" step="5" value="50" />
|
||||
<label>运营人员月薪（元）</label>
|
||||
<input type="number" id="roi-salary" min="3000" max="30000" step="500" value="8000" />
|
||||
</div>
|
||||
<div class="roi-compare">
|
||||
<div class="roi-col manual">
|
||||
<h3>纯人工</h3>
|
||||
<p class="roi-head">约需 <b id="roi-head-manual">13</b> 人全职</p>
|
||||
<p class="roi-amt" id="roi-manual">¥0</p>
|
||||
<p class="roi-note">按 1 人管约 4 个号估算</p>
|
||||
</div>
|
||||
<div class="roi-vs">VS</div>
|
||||
<div class="roi-col auto">
|
||||
<h3>存客宝自动化</h3>
|
||||
<p class="roi-head">约需 <b id="roi-head-auto">2</b> 人统筹</p>
|
||||
<p class="roi-amt highlight" id="roi-auto">¥0</p>
|
||||
<p class="roi-note">含专业版年费 · 1 人可管约 40+ 号</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="roi-result">
|
||||
<span>人力成本对比 · 每年可节省</span>
|
||||
<strong id="roi-save">¥0</strong>
|
||||
<a class="btn btn-primary" href="#" data-lead="trial">免费试用，验证这笔账 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 数据 ============ -->
|
||||
<section class="section metrics">
|
||||
<div class="container metrics-grid">
|
||||
<div class="metric reveal d1"><div class="num"><span data-count="1200" data-suffix="+">0</span></div><div class="lbl">服务企业私域团队</div></div>
|
||||
<div class="metric reveal d2"><div class="num"><span data-count="50000" data-suffix="+">0</span></div><div class="lbl">管理微信号</div></div>
|
||||
<div class="metric reveal d3"><div class="num"><span data-count="98" data-suffix="%">0</span></div><div class="lbl">设备在线率</div></div>
|
||||
<div class="metric reveal d4"><div class="num"><span data-count="80" data-suffix="%">0</span></div><div class="lbl">人力成本节省</div></div>
|
||||
<div class="metric kir-metric-card reveal d1">
|
||||
<div class="metric-icon grad-blue">🏢</div>
|
||||
<div class="num"><span data-count="1200" data-suffix="+">—</span></div>
|
||||
<div class="lbl">服务企业私域团队</div>
|
||||
</div>
|
||||
<div class="metric kir-metric-card reveal d2">
|
||||
<div class="metric-icon grad-purple">💬</div>
|
||||
<div class="num"><span data-count="50000" data-suffix="+">—</span></div>
|
||||
<div class="lbl">管理微信号</div>
|
||||
</div>
|
||||
<div class="metric kir-metric-card reveal d3">
|
||||
<div class="metric-icon grad-green">📡</div>
|
||||
<div class="num"><span data-count="98" data-suffix="%">—</span></div>
|
||||
<div class="lbl">设备在线率</div>
|
||||
</div>
|
||||
<div class="metric kir-metric-card reveal d4">
|
||||
<div class="metric-icon grad-orange">⚡</div>
|
||||
<div class="num"><span data-count="80" data-suffix="%">—</span></div>
|
||||
<div class="lbl">人力成本节省</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -286,64 +495,87 @@
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">价格方案</span>
|
||||
<h2 class="section-title reveal">先免费试用，跑出效果再升级</h2>
|
||||
<p class="section-sub reveal">每一档都按需匹配，规模越大越划算。</p>
|
||||
<p class="section-sub reveal">试用仅含后台体验；升级基础版起绑定工作手机、开放加好友。</p>
|
||||
</div>
|
||||
<div class="container pricing-grid">
|
||||
<div class="price-card reveal d1">
|
||||
<div class="ptier">引流品</div>
|
||||
<div class="pamt">¥0<small> / 7 天</small></div>
|
||||
<p class="pdesc">零门槛体验核心能力，先看到效果。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>核心功能体验</li><li><span class="chk">✓</span>1 个微信号</li><li><span class="chk">✓</span>基础数据看板</li><li><span class="chk">✓</span>在线客服支持</li></ul>
|
||||
<a class="btn btn-outline" href="#contact">免费开始</a>
|
||||
<div class="container pricing-grid" id="pricing-cards">
|
||||
<div class="price-card trial-tier reveal d1">
|
||||
<div class="ptier">免费试用</div>
|
||||
<div class="pamt">300<small> 算力/天</small></div>
|
||||
<p class="pdesc">免费试用 7 天，每天送 300 算力体验 AI；<b>不含工作手机</b>，不支持加好友。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>每天送 300 算力</li><li><span class="chk">✓</span>后台核心功能体验</li><li><span class="chk">✓</span>基础数据看板</li><li><span class="chk">✓</span>在线客服支持</li><li class="is-off"><span class="no">✗</span>不含工作手机 / AI 数智员工</li><li class="is-off"><span class="no">✗</span>不支持加好友 / 自动加人</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="trial">免费试用 7 天</a>
|
||||
</div>
|
||||
<div class="price-card reveal d2">
|
||||
<div class="ptier">基础版</div>
|
||||
<div class="pamt">¥3,600<small> / 年</small></div>
|
||||
<p class="pdesc">中小团队起步，跑通私域基础链路。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>3 个微信号</li><li><span class="chk">✓</span>设备 / 微信管理</li><li><span class="chk">✓</span>内容库 + 群发</li><li><span class="chk">✓</span>基础数据中心</li></ul>
|
||||
<a class="btn btn-outline" href="#contact">选择基础版</a>
|
||||
<div class="pamt">¥6,980<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>1 台 AI 数智员工 + 工作手机</b>，支持加好友与自动加人。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>1 台 AI 数智员工</li><li><span class="chk">✓</span>设备 / 微信管理</li><li><span class="chk">✓</span>内容库 + 智能群发</li><li><span class="chk">✓</span>自动加人 + 养号</li><li><span class="chk">✓</span>基础数据中心</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="basic">选择基础版</a>
|
||||
</div>
|
||||
<div class="price-card popular reveal d3">
|
||||
<div class="ribbon">最受欢迎</div>
|
||||
<div class="ptier">专业版</div>
|
||||
<div class="pamt">¥12,000<small> / 年</small></div>
|
||||
<p class="pdesc">成长团队首选，全功能 + 全自动。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>10 个微信号</li><li><span class="chk">✓</span>全部功能开放</li><li><span class="chk">✓</span>RFM 分层 + 流量分发</li><li><span class="chk">✓</span>分销 + AI 智能助手</li><li><span class="chk">✓</span>优先技术支持</li></ul>
|
||||
<a class="btn btn-primary" href="#contact">选择专业版</a>
|
||||
<div class="pamt">¥19,800<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>3 台 AI 数智员工</b>，全功能 + 全自动。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>3 台 AI 数智员工</li><li><span class="chk">✓</span>全部功能开放</li><li><span class="chk">✓</span>客户分层 + 流量分发</li><li><span class="chk">✓</span>分销 + AI 智能助手</li><li><span class="chk">✓</span>优先技术支持</li></ul>
|
||||
<a class="btn btn-primary" href="#" data-lead="pro">选择专业版</a>
|
||||
</div>
|
||||
<div class="price-card reveal d4">
|
||||
<div class="ptier">企业版</div>
|
||||
<div class="pamt">¥36,000<small> / 年</small></div>
|
||||
<p class="pdesc">连锁 / 大团队，专属服务与对接。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>不限微信号</li><li><span class="chk">✓</span>多角色权限管理</li><li><span class="chk">✓</span>开放接口 / 二开对接</li><li><span class="chk">✓</span>专属客户成功</li></ul>
|
||||
<a class="btn btn-outline" href="#contact">联系销售</a>
|
||||
<div class="pamt">¥98,000<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>10 台 AI 数智员工</b>，专属服务与开放对接。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>10 台 AI 数智员工</li><li><span class="chk">✓</span>多角色权限管理</li><li><span class="chk">✓</span>开放接口 / 二开对接</li><li><span class="chk">✓</span>专属客户成功</li><li><span class="chk">✓</span>线索上报 + 内容库推送</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="enterprise">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 案例 ============ -->
|
||||
<p class="container pricing-note reveal">说明：<b>免费试用 7 天 · 每天送 300 算力</b>，不含工作手机、不支持加好友；<b>基础版</b> 起含设备管理与自动加人。<a href="pricing.html" style="color:var(--brand-2);font-weight:700">查看完整对比 →</a></p>
|
||||
</section>
|
||||
<section class="section cases" id="cases">
|
||||
<div class="container center">
|
||||
<span class="eyebrow reveal">客户怎么说</span>
|
||||
<h2 class="section-title reveal">用过的人，都把它推荐给了同行</h2>
|
||||
</div>
|
||||
<div class="container cases-grid">
|
||||
<div class="case-card reveal d1"><div class="case-stars">★★★★★</div><p class="quote">"以前 5 个人管 20 个号都手忙脚乱，现在 2 个人管 80 个号还很轻松。群发、朋友圈全是系统自动跑，封号问题也基本没了。"</p><div class="meta"><span class="avatar">连</span><div><b>某连锁美业 · 私域负责人</b><span>专业版用户</span></div></div></div>
|
||||
<div class="case-card reveal d2"><div class="case-stars">★★★★★</div><p class="quote">"包裹卡引流 + 自动召回，复购率直接翻倍。最香的是 RFM 分层，知道该重点伺候谁，营销不再大水漫灌。"</p><div class="meta"><span class="avatar">电</span><div><b>某天猫店 · 运营总监</b><span>企业版用户</span></div></div></div>
|
||||
<div class="case-card reveal d3"><div class="case-stars">★★★★★</div><p class="quote">"直播完几千条私信根本回不过来，AI 辅助应答帮我们兜住了。粉丝群也是系统自动建，新品一键就触达全部铁粉。"</p><div class="meta"><span class="avatar">红</span><div><b>某带货达人 · 操盘团队</b><span>专业版用户</span></div></div></div>
|
||||
<div class="case-card reveal d1">
|
||||
<div class="case-stars">★★★★★</div>
|
||||
<p class="quote">「2 人管 80 个号，群发与朋友圈全自动跑，健康分护航后封号率接近 0。」</p>
|
||||
<p class="case-result"><b>人力 ↓60%</b> · 矩阵号规模 <b>×4</b></p>
|
||||
<div class="meta"><span class="avatar">林</span><div><b>林总监</b><span>华东连锁美业 · 私域负责人 · 专业版</span></div></div>
|
||||
</div>
|
||||
<div class="case-card reveal d2">
|
||||
<div class="case-stars">★★★★★</div>
|
||||
<p class="quote">「包裹卡场景码 + 自动召回，客户分层后不再大水漫灌，高价值客优先触达。」</p>
|
||||
<p class="case-result"><b>私域复购 ↑2.1 倍</b> · 包裹卡导流 <b>18%</b></p>
|
||||
<div class="meta"><span class="avatar">周</span><div><b>周运营</b><span>天猫服饰店 · 运营总监 · 企业版</span></div></div>
|
||||
</div>
|
||||
<div class="case-card reveal d3">
|
||||
<div class="case-stars">★★★★★</div>
|
||||
<p class="quote">「直播高峰 AI 应答兜住私信，开播提醒一键触达铁粉群，到场率明显提升。」</p>
|
||||
<p class="case-result"><b>私信响应 <30s</b> · 活动到场 <b>+35%</b></p>
|
||||
<div class="meta"><span class="avatar">陈</span><div><b>陈操盘</b><span>百万粉达人团队 · 专业版</span></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ FAQ ============ -->
|
||||
<section class="section" id="faq">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">关于私域增长，你可能想了解</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">私域真的能成为企业的持续资产吗？<span class="pm">+</span></div><div class="faq-a">可以。存客宝通过统一流量池沉淀客户数据，RFM 分层识别高价值客户，AI 持续触达激活复购，帮助企业将私域从运营成本变为持续增值的客户资产。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">AI 数智员工能做什么，能提升多少增长？<span class="pm">+</span></div><div class="faq-a">AI 数智员工 7×24 主动触达客户，从首次咨询到复购全程陪伴。结合客户分层，对高价值客户优先触达，帮助企业私域复购率平均提升 3 倍以上。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">免费试用包含什么？<span class="pm">+</span></div><div class="faq-a">免费试用 7 天，<b>每天送 300 算力</b>，可体验后台与基础数据看板，无需绑卡。<b>不含工作手机，不支持加好友</b>；升级基础版后绑定设备并开放自动加人。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">专业版包含几台 AI 数智员工？适合什么规模？<span class="pm">+</span></div><div class="faq-a">专业版含 <b>3 台 AI 数智员工</b>，年费约 ¥19,800，适合有一定私域基础、希望系统化驱动增长的中型团队。详见<a href="#pricing" style="color:var(--brand-2);font-weight:700">价格方案</a>。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 最终 CTA ============ -->
|
||||
<section class="section cta" id="contact">
|
||||
<div class="container cta-inner">
|
||||
<h2 class="reveal">把流量变资产，今天就开始</h2>
|
||||
<p class="reveal">免费试用 7 天，专人协助你跑出第一批私域成交。</p>
|
||||
<h2 class="reveal">从今天开始，把流量变成持续增长的企业资产</h2>
|
||||
<div class="cta-actions reveal">
|
||||
<a class="btn btn-outline btn-lg" href="#pricing">免费试用 7 天</a>
|
||||
<a class="btn btn-ghost btn-lg" href="api.html">查看接口对接</a>
|
||||
<a class="btn btn-primary btn-lg" href="#" data-lead="consult">领取资料 →</a>
|
||||
</div>
|
||||
<p class="reveal" style="margin-top:26px;font-size:16px">📱 技术支持微信：<b>28533368</b> | ☎️ 电话：<b>15880802661</b></p>
|
||||
<p class="hero-microcopy" style="margin-top:16px">免费试用 7 天 · 每天送 300 算力 · 企业版支持开放对接</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -351,28 +583,39 @@
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div>
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a>
|
||||
<p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p>
|
||||
<p class="desc" style="margin-top:10px;font-size:13px;color:var(--kir-text-muted)">私域银行产品矩阵 · 卡若AI 技术体系支持</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>产品</h4>
|
||||
<a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">接口体系</a><a href="pricing.html">价格方案</a>
|
||||
<a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>解决方案</h4>
|
||||
<a href="solutions.html#private">私域操盘手</a><a href="solutions.html#chain">连锁 / 门店</a><a href="solutions.html#ecom">电商商家</a><a href="solutions.html#kol">网红 / 明星</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>联系我们</h4>
|
||||
<p class="contact">技术支持微信：<b>28533368</b><br />电话：<b>15880802661</b><br />管理端：kr-op.quwanzhi.com</p>
|
||||
<h4>立即体验</h4>
|
||||
<p class="contact"><button type="button" class="btn btn-primary" data-lead="trial" style="margin-top:4px">免费试用</button></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 Cunkebao · 私域运营自动化系统</span>
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<span>AI + 私域 · 让流量自己增长、自己成交</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="assets/js/main.js"></script>
|
||||
<div class="sticky-cta" id="sticky-cta" aria-hidden="true">
|
||||
<a class="btn btn-primary btn-lg" href="#" data-lead="consult">领取资料 →</a>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js?v=20260531b"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531h"></script>
|
||||
<script src="assets/js/roi-calculator.js"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
<script src="assets/js/ai-chat-widget.js?v=20260531c" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
102
官网/insights/ai-customer-service.html
Normal file
102
官网/insights/ai-customer-service.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI 怎么帮私域客服回复？知识库 + 分层应答详解 | 存客宝洞察</title>
|
||||
<meta name="description" content="AI 怎么帮私域客服回复？讲清基于企业知识库的检索应答、按 RFM 分层优先服务、循序渐进留资引导，以及如何避免 AI 乱编内容的合规边界。" />
|
||||
<meta name="keywords" content="AI私域客服,AI自动回复,知识库应答,RFM分层,循序渐进留资,AI数智员工,存客宝" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="AI 怎么帮私域客服回复？" />
|
||||
<meta property="og:description" content="知识库检索应答 + 分层优先服务 + 循序渐进留资，合规不乱编。" />
|
||||
<meta property="og:image" content="../assets/img/aistaff-phone-card.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "AI 怎么帮私域客服回复？知识库 + 分层应答详解",
|
||||
"description": "基于企业知识库的检索应答、按 RFM 分层优先服务、循序渐进留资与合规边界。",
|
||||
"image": "https://www.cunkebao.com/assets/img/aistaff-phone-card.png",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/ai-customer-service.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"AI 怎么帮私域客服回复"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / AI 私域客服</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">AI 怎么帮私域客服回复？</h1>
|
||||
<p style="color:#475569">AI 私域客服不是「随便聊」，而是基于企业知识库、按客户价值分层、循序渐进引导留资的一套受控应答。</p>
|
||||
|
||||
<h2>一、基于知识库检索应答</h2>
|
||||
<p>AI 数智员工回复前先检索企业绑定的知识库与内容库，依据真实资料作答，按 companyId 严格隔离，不跨企业、不杜撰价格与承诺。</p>
|
||||
|
||||
<h2>二、按 RFM 分层优先服务</h2>
|
||||
<p>结合 <a href="../index.html#features" style="color:var(--brand-2);font-weight:700">客户分层（RFM）</a>，AI 对高价值客户更主动、更快响应，把有限的人工与算力用在更可能成交的客户上。</p>
|
||||
|
||||
<h2>三、循序渐进的留资引导</h2>
|
||||
<p>好的 AI 客服不会一上来就要电话。它每轮只推进一小步：先打招呼问需求 → 确认意向 → 发一份相关资料 → 再邀请留手机号或微信，转人工跟进。</p>
|
||||
|
||||
<h2>四、合规边界：不命中就引导留资</h2>
|
||||
<p>当知识库没有命中时，AI 走固定话术并引导留资，而不是编造答案。这既保护品牌，也保证线索质量。</p>
|
||||
|
||||
<h2>五、和人工怎么配合</h2>
|
||||
<p>AI 负责 7×24 首轮应答与线索沉淀，<a href="../index.html#matrix" style="color:var(--brand-2);font-weight:700">触客宝</a> 侧人工可随时接管高价值会话，形成「AI 打底 + 人工攻坚」的协同。</p>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用 AI 数智员工</button>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html">← 返回洞察列表</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
107
官网/insights/chain-store-membership.html
Normal file
107
官网/insights/chain-store-membership.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>连锁门店怎么做会员私域？总部到门店统一打法 | 存客宝洞察</title>
|
||||
<meta name="description" content="连锁门店会员私域怎么做？本文给出总部统一内容库下发、多角色权限、门店赛马排名、数据自动汇总的标准化运营框架，帮连锁品牌把会员沉淀成可复购资产。" />
|
||||
<meta name="keywords" content="连锁会员私域,门店私域运营,总部统一管理,会员复购,门店赛马,存客宝连锁方案" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="连锁门店怎么做会员私域？总部到门店统一打法" />
|
||||
<meta property="og:description" content="总部统一内容库下发、多角色权限、门店赛马排名的标准化框架。" />
|
||||
<meta property="og:image" content="../assets/img/ind-private.jpg" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "连锁门店怎么做会员私域？总部到门店的统一打法",
|
||||
"description": "连锁会员私域的标准化运营框架：统一内容库、多角色权限、门店赛马、数据汇总。",
|
||||
"image": "https://www.cunkebao.com/assets/img/ind-private.jpg",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/chain-store-membership.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"连锁门店会员私域"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / 连锁会员私域</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">连锁门店怎么做会员私域？总部到门店的统一打法</h1>
|
||||
<p style="color:#475569">连锁品牌做私域，难点不在「会不会」，而在「全国门店怎么统一、怎么不走样」。下面是一套从总部到门店的标准化框架。</p>
|
||||
|
||||
<h2>一、统一内容库：总部下发，门店一键同步</h2>
|
||||
<p>总部把素材、话术、活动统一沉淀进内容库，全国门店一键同步使用，避免各店各做、品牌口径不一。新活动上线即可全网铺开。</p>
|
||||
|
||||
<h2>二、多角色权限：总部 / 区域 / 门店各管各的</h2>
|
||||
<p>总部看全局、区域看片区、门店看自己，权限清晰不越界。既保证统一管控，又给门店一线灵活执行空间。</p>
|
||||
|
||||
<h2>三、门店赛马：获客与转化自动汇总排名</h2>
|
||||
<p>各门店的获客量、加人通过率、转化数据自动汇总，一张表看清谁在领跑、谁需要帮扶，用数据驱动门店运营。</p>
|
||||
|
||||
<h2>四、会员沉淀与复购：RFM 分层 + AI 触达</h2>
|
||||
<p>到店与线上客户统一进 <a href="../index.html#features" style="color:var(--brand-2);font-weight:700">流量池并按 RFM 分层</a>，高价值会员优先由 <a href="../api.html" style="color:var(--brand-2);font-weight:700">AI 数智员工</a> 7×24 跟进，推动复购与转介绍。</p>
|
||||
|
||||
<h2>五、落地路径</h2>
|
||||
<ol>
|
||||
<li>总部建内容库，统一话术与活动。</li>
|
||||
<li>配置总部/区域/门店三级权限。</li>
|
||||
<li>门店扫码绑定设备，开启场景获客。</li>
|
||||
<li>看赛马排名，按数据帮扶落后门店。</li>
|
||||
</ol>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，搭连锁会员私域</button>
|
||||
<a class="btn btn-ghost btn-lg" href="../solutions.html#chain">查看连锁行业方案 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
102
官网/insights/cunkebao-vs-scrm.html
Normal file
102
官网/insights/cunkebao-vs-scrm.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>存客宝和一般 SCRM 有什么区别？ | 存客宝洞察</title>
|
||||
<meta name="description" content="存客宝和一般 SCRM 有什么区别？从真机执行、场景获客、AI 数智员工、客户分层与三端协同四个维度，讲清存客宝为什么不只是 SCRM，而是私域增长系统。" />
|
||||
<meta name="keywords" content="存客宝和SCRM区别,SCRM对比,私域增长系统,真机执行,场景获客,AI数智员工" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="存客宝和一般 SCRM 有什么区别？" />
|
||||
<meta property="og:description" content="真机执行+场景获客+AI数智员工+三端协同，存客宝不只是 SCRM。" />
|
||||
<meta property="og:image" content="../assets/img/matrix-cunkebao.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "存客宝和一般 SCRM 有什么区别？",
|
||||
"description": "从真机执行、场景获客、AI 数智员工、三端协同讲清存客宝与通用 SCRM 的差异。",
|
||||
"image": "https://www.cunkebao.com/assets/img/matrix-cunkebao.png",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/cunkebao-vs-scrm.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"存客宝和 SCRM 的区别"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / 存客宝 vs SCRM</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">存客宝和一般 SCRM 有什么区别？</h1>
|
||||
<p style="color:#475569">很多人把存客宝当成「又一个 SCRM」。其实两者定位不同：通用 SCRM 偏「记录与管理」，存客宝偏「获客与增长的自动执行」。</p>
|
||||
|
||||
<h2>一、真机执行 vs 仅做记录</h2>
|
||||
<p>通用 SCRM 多是把客户信息记下来，加人、群发仍靠人工。存客宝以真机为执行底座，加人、养号、群发、朋友圈可定时自动跑，把「手动做」变成「系统跑」。</p>
|
||||
|
||||
<h2>二、场景获客 vs 被动等线索</h2>
|
||||
<p>存客宝内置 <a href="../api.html" style="color:var(--brand-2);font-weight:700">场景获客</a>（海报、计划、API 上报），线索自动进流量池，而非等业务员手动录入。</p>
|
||||
|
||||
<h2>三、AI 数智员工 vs 人工客服</h2>
|
||||
<p><a href="../api.html" style="color:var(--brand-2);font-weight:700">AI 数智员工</a> 7×24 基于企业知识库应答、识别意向、沉淀线索，按客户分层优先服务高价值客户，不依赖人盯手机。</p>
|
||||
|
||||
<h2>四、三端协同 vs 单点工具</h2>
|
||||
<p>存客宝 + 触客宝 + AI 数智员工同一数据底座：获客、应答、人工接管、分层复购形成闭环，而非彼此割裂的单点工具。</p>
|
||||
|
||||
<h2>结论</h2>
|
||||
<p>如果你要的是「客户台账」，通用 SCRM 够用；如果你要的是「自动获客 + AI 应答 + 复购增长」，存客宝是私域增长系统。</p>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，对比体验</button>
|
||||
<a class="btn btn-ghost btn-lg" href="ai-customer-service.html">下一篇：AI 怎么帮私域客服回复 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
114
官网/insights/index.html
Normal file
114
官网/insights/index.html
Normal file
@@ -0,0 +1,114 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>私域增长洞察 · 存客宝 Insights</title>
|
||||
<meta name="description" content="存客宝私域增长洞察：私域防封号、连锁门店会员私域、AI 数智员工获客、RFM 客户分层等实战长尾内容，帮企业把流量变成可复购的私域资产。" />
|
||||
<meta name="keywords" content="私域运营,私域增长,私域防封号,连锁会员私域,AI数智员工,RFM分层,存客宝" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="私域增长洞察 · 存客宝 Insights" />
|
||||
<meta property="og:description" content="私域获客、防封号、会员运营与 AI 数智员工实战洞察。" />
|
||||
<meta property="og:image" content="../assets/img/hero-meeting-scene.jpg" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Blog",
|
||||
"name": "存客宝私域增长洞察",
|
||||
"url": "https://www.cunkebao.com/insights/",
|
||||
"publisher": { "@type": "Organization", "name": "存客宝" },
|
||||
"blogPost": [
|
||||
{"@type":"BlogPosting","headline":"私域运营会不会封号？一文讲清账号安全怎么做","url":"https://www.cunkebao.com/insights/private-domain-anti-ban.html"},
|
||||
{"@type":"BlogPosting","headline":"连锁门店怎么做会员私域？总部到门店的统一打法","url":"https://www.cunkebao.com/insights/chain-store-membership.html"},
|
||||
{"@type":"BlogPosting","headline":"存客宝和一般 SCRM 有什么区别？","url":"https://www.cunkebao.com/insights/cunkebao-vs-scrm.html"},
|
||||
{"@type":"BlogPosting","headline":"AI 怎么帮私域客服回复？知识库 + 分层应答详解","url":"https://www.cunkebao.com/insights/ai-customer-service.html"},
|
||||
{"@type":"BlogPosting","headline":"场景获客 API 怎么用？海报/计划/接口三种线索上报","url":"https://www.cunkebao.com/insights/scene-acquisition-api.html"},
|
||||
{"@type":"BlogPosting","headline":"私域 RFM 分层怎么落地？从打分到 AI 差异化触达","url":"https://www.cunkebao.com/insights/rfm-segmentation.html"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow">私域增长洞察</span>
|
||||
<h1>把私域做成<br />可持续的增长资产</h1>
|
||||
<p>实战方法、避坑指南与 AI 落地经验——帮企业把流量沉淀成可复购的客户资产。</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section">
|
||||
<div class="container faq" style="gap:18px">
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="private-domain-anti-ban.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">私域运营会不会封号？一文讲清账号安全怎么做</a></h2>
|
||||
<p style="margin:0;color:#475569">健康分控频、去重限频、时间打散——系统化降低风控风险的完整思路与落地清单。</p>
|
||||
</article>
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="chain-store-membership.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">连锁门店怎么做会员私域？总部到门店的统一打法</a></h2>
|
||||
<p style="margin:0;color:#475569">总部统一内容库下发、多角色权限、门店赛马排名——连锁会员私域的标准化运营框架。</p>
|
||||
</article>
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="cunkebao-vs-scrm.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">存客宝和一般 SCRM 有什么区别？</a></h2>
|
||||
<p style="margin:0;color:#475569">真机执行、场景获客、AI 数智员工、三端协同——为什么存客宝不只是 SCRM。</p>
|
||||
</article>
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="ai-customer-service.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">AI 怎么帮私域客服回复？知识库 + 分层应答详解</a></h2>
|
||||
<p style="margin:0;color:#475569">基于知识库检索、按 RFM 分层、循序渐进留资，合规不乱编。</p>
|
||||
</article>
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="scene-acquisition-api.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">场景获客 API 怎么用？海报/计划/接口三种线索上报</a></h2>
|
||||
<p style="margin:0;color:#475569">三种获客方式、签名上报与线索自动进池分层的完整说明。</p>
|
||||
</article>
|
||||
<article class="faq-item reveal" style="cursor:default">
|
||||
<h2 style="margin:0 0 8px;font-size:20px"><a href="rfm-segmentation.html" style="color:var(--brand-2);font-weight:800;text-decoration:none">私域 RFM 分层怎么落地？从打分到 AI 差异化触达</a></h2>
|
||||
<p style="margin:0;color:#475569">R/F/M 打分、S/A/B/C/D 分级与不同层级的差异化触达策略。</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section cta">
|
||||
<div class="container cta-inner">
|
||||
<h2 class="reveal">想把这些方法用到自己的生意里？</h2>
|
||||
<p class="reveal">免费试用 7 天，专人协助落地。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用</button>
|
||||
<a class="btn btn-ghost btn-lg" href="../solutions.html">查看行业方案 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="../index.html" style="color:inherit">返回首页</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
111
官网/insights/private-domain-anti-ban.html
Normal file
111
官网/insights/private-domain-anti-ban.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>私域运营会不会封号？账号安全怎么做 | 存客宝洞察</title>
|
||||
<meta name="description" content="私域运营会不会封号？本文讲清账号风控原理与健康分控频、去重限频、时间打散等系统化做法，帮你在规模化加人群发时最大限度降低封号风险。" />
|
||||
<meta name="keywords" content="私域封号,微信封号,健康分养号,加人频次,群发限频,私域账号安全,存客宝" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="私域运营会不会封号？账号安全怎么做" />
|
||||
<meta property="og:description" content="健康分控频、去重限频、时间打散——系统化降低私域风控风险。" />
|
||||
<meta property="og:image" content="../assets/img/hero-meeting-scene.jpg" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "私域运营会不会封号？一文讲清账号安全怎么做",
|
||||
"description": "私域风控原理与健康分控频、去重限频、时间打散等系统化做法。",
|
||||
"image": "https://www.cunkebao.com/assets/img/hero-meeting-scene.jpg",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/private-domain-anti-ban.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"私域运营会不会封号"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / 私域防封号</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">私域运营会不会封号？一文讲清账号安全怎么做</h1>
|
||||
<p style="color:#475569">规模化私域运营最怕封号。本文从风控原理出发，讲清如何用「健康分 + 控频 + 打散」把风险降到可控范围。</p>
|
||||
|
||||
<h2>一、为什么会被封？</h2>
|
||||
<p>平台风控主要看「行为是否像真人」。短时间高频加人、批量复制粘贴群发、固定时间整点群发、设备与账号异常关联，都会触发风控。换句话说，封号往往不是因为「用了工具」，而是因为「行为太机械」。</p>
|
||||
|
||||
<h2>二、健康分控频：让加人节奏跟着账号状态走</h2>
|
||||
<p>存客宝为每个账号维护一个「健康分」，动态评估账号活跃度与历史表现，并据此控制每日加人上限（经验值约为 <strong>每日加人 ≈ 健康分 × 0.2</strong>）。新号低频养，老号稳步放量，避免「一刀切」的固定频次。</p>
|
||||
|
||||
<h2>三、去重、限频、时间打散</h2>
|
||||
<ul>
|
||||
<li><strong>去重</strong>：同一好友不重复触达，避免骚扰式群发。</li>
|
||||
<li><strong>限频</strong>：单位时间内动作上限，模拟真人操作节奏。</li>
|
||||
<li><strong>时间打散</strong>：群发与加人在时间窗内随机分布，不整点齐发。</li>
|
||||
</ul>
|
||||
|
||||
<h2>四、把「手动做」变成「系统跑」</h2>
|
||||
<p>加人、养号、群发、朋友圈、建群均可定时自动执行，运营从盯手机变成配策略。配合 <a href="../api.html" style="color:var(--brand-2);font-weight:700">AI 数智员工</a> 7×24 应答，单人管理上百号成为常态，同时保持拟人节奏。</p>
|
||||
|
||||
<h2>五、落地清单</h2>
|
||||
<ol>
|
||||
<li>新号先养：低频加人、正常聊天、朋友圈活跃。</li>
|
||||
<li>开启健康分控频，按分值放量。</li>
|
||||
<li>群发务必去重 + 限频 + 时间打散。</li>
|
||||
<li>线索自动进 <a href="../index.html#features" style="color:var(--brand-2);font-weight:700">流量池并按 RFM 分层</a>，优先服务高价值客户。</li>
|
||||
</ol>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，体验健康分养号</button>
|
||||
<a class="btn btn-ghost btn-lg" href="chain-store-membership.html">下一篇：连锁门店会员私域 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
107
官网/insights/rfm-segmentation.html
Normal file
107
官网/insights/rfm-segmentation.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>私域 RFM 分层怎么落地？从打分到 AI 差异化触达 | 存客宝洞察</title>
|
||||
<meta name="description" content="私域 RFM 分层怎么落地？讲清 R/F/M 三维打分、S/A/B/C/D 客户分级、不同层级的差异化触达策略，以及如何用 AI 数智员工把高价值客户服务做厚。" />
|
||||
<meta name="keywords" content="RFM分层,私域客户分层,客户价值评分,SABCD分级,差异化触达,AI数智员工,存客宝" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="私域 RFM 分层怎么落地？" />
|
||||
<meta property="og:description" content="R/F/M 打分 + 客户分级 + 差异化触达 + AI 服务高价值客户。" />
|
||||
<meta property="og:image" content="../assets/img/hero-meeting-scene.jpg" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "私域 RFM 分层怎么落地？从打分到 AI 差异化触达",
|
||||
"description": "R/F/M 三维打分、S/A/B/C/D 分级与差异化触达策略。",
|
||||
"image": "https://www.cunkebao.com/assets/img/hero-meeting-scene.jpg",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/rfm-segmentation.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"私域 RFM 分层怎么落地"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / 私域 RFM 分层</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">私域 RFM 分层怎么落地？</h1>
|
||||
<p style="color:#475569">私域客户不能一视同仁。RFM 用三个维度把客户分级，让运营把资源压在更可能成交与复购的人身上。</p>
|
||||
|
||||
<h2>一、RFM 是什么</h2>
|
||||
<ul>
|
||||
<li><strong>R（Recency）</strong>：最近一次互动/购买距今多久——越近越活跃。</li>
|
||||
<li><strong>F（Frequency）</strong>：一段时间内的互动/购买次数——越高越忠诚。</li>
|
||||
<li><strong>M（Monetary）</strong>：累计贡献金额——越高越有价值。</li>
|
||||
</ul>
|
||||
|
||||
<h2>二、从打分到分级</h2>
|
||||
<p>三维打分后综合成客户价值分（如 0–100），映射到 <strong>S / A / B / C / D</strong> 等级。存客宝按日批量计算并更新分层，运营无需手动维护。</p>
|
||||
|
||||
<h2>三、差异化触达策略</h2>
|
||||
<ul>
|
||||
<li><strong>S / A 高价值</strong>：AI 优先响应 + 人工重点跟进，专属权益促复购。</li>
|
||||
<li><strong>B 成长</strong>：内容种草 + 活动唤醒，推动升级。</li>
|
||||
<li><strong>C / D 沉睡</strong>：低频唤醒，控制打扰，避免消耗与流失。</li>
|
||||
</ul>
|
||||
|
||||
<h2>四、用 AI 把高价值服务做厚</h2>
|
||||
<p><a href="../api.html" style="color:var(--brand-2);font-weight:700">AI 数智员工</a> 按分层优先服务高价值客户，结合 <a href="scene-acquisition-api.html" style="color:var(--brand-2);font-weight:700">场景获客</a> 持续补充新线索，形成「获客—分层—复购」的增长闭环。</p>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，体验客户分层</button>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html">← 返回洞察列表</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
103
官网/insights/scene-acquisition-api.html
Normal file
103
官网/insights/scene-acquisition-api.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>场景获客 API 怎么用？海报/计划/接口三种线索上报 | 存客宝洞察</title>
|
||||
<meta name="description" content="场景获客 API 怎么用？讲清存客宝海报获客、计划获客与开放接口上报三种方式，线索如何带签名安全上报、自动进流量池并按 RFM 分层。" />
|
||||
<meta name="keywords" content="场景获客API,线索上报,海报获客,计划获客,planId,流量池,存客宝开放接口" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="场景获客 API 怎么用？" />
|
||||
<meta property="og:description" content="海报/计划/接口三种线索上报，带签名安全进流量池并分层。" />
|
||||
<meta property="og:image" content="../assets/img/matrix-cunkebao.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="../assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="../assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="../assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"headline": "场景获客 API 怎么用？海报/计划/接口三种线索上报",
|
||||
"description": "存客宝场景获客的三种方式与签名上报、自动进流量池分层。",
|
||||
"image": "https://www.cunkebao.com/assets/img/matrix-cunkebao.png",
|
||||
"author": { "@type": "Organization", "name": "存客宝" },
|
||||
"publisher": { "@type": "Organization", "name": "存客宝", "logo": {"@type":"ImageObject","url":"https://www.cunkebao.com/assets/img/logo-mascot.png"} },
|
||||
"datePublished": "2026-05-31",
|
||||
"dateModified": "2026-05-31",
|
||||
"mainEntityOfPage": "https://www.cunkebao.com/insights/scene-acquisition-api.html"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type":"ListItem","position":1,"name":"首页","item":"https://www.cunkebao.com/"},
|
||||
{"@type":"ListItem","position":2,"name":"洞察","item":"https://www.cunkebao.com/insights/"},
|
||||
{"@type":"ListItem","position":3,"name":"场景获客 API 怎么用"}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="../index.html"><img class="brand-logo" src="../assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="../index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="../solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="../api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="../manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="../index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<article class="section" style="max-width:760px;margin:0 auto;padding-top:96px">
|
||||
<div class="container">
|
||||
<p style="color:#94a3b8;font-size:13px"><a href="../index.html" style="color:#94a3b8">首页</a> / <a href="index.html" style="color:#94a3b8">洞察</a> / 场景获客 API</p>
|
||||
<h1 style="font-size:30px;line-height:1.3">场景获客 API 怎么用？</h1>
|
||||
<p style="color:#475569">场景获客解决「线索从哪来、怎么自动进池」的问题。存客宝提供海报、计划与开放接口三种方式，线索带签名安全上报后自动入池分层。</p>
|
||||
|
||||
<h2>一、三种获客方式</h2>
|
||||
<ul>
|
||||
<li><strong>海报获客</strong>：生成带参二维码海报，扫码即留资入池。</li>
|
||||
<li><strong>计划获客</strong>：按计划（planId）批量投放，统一归因。</li>
|
||||
<li><strong>开放接口上报</strong>：自有落地页/系统调用接口上报线索。</li>
|
||||
</ul>
|
||||
|
||||
<h2>二、接口怎么调</h2>
|
||||
<p>对外上报走计划级 <code>apiKey</code> + <code>sign</code> + <code>timestamp</code> 鉴权（双 MD5 签名），一个计划对应一个 planId 与来源标识。详细字段与签名算法见 <a href="../api.html" style="color:var(--brand-2);font-weight:700">AI 赋能 / 开放对接</a>。</p>
|
||||
|
||||
<h2>三、线索进池后会发生什么</h2>
|
||||
<p>上报成功后线索自动进 <a href="../index.html#features" style="color:var(--brand-2);font-weight:700">流量池</a>，按 RFM 打分分层，AI 数智员工按价值优先触达，高价值线索可转人工接管。</p>
|
||||
|
||||
<h2>四、安全建议</h2>
|
||||
<p>生产环境 apiKey 不要暴露在浏览器，推荐经自己的服务端代签后再调用；时间戳校验窗口约 ±300 秒，注意服务器时间同步。</p>
|
||||
|
||||
<div class="cta-actions" style="margin-top:28px">
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用，跑通场景获客</button>
|
||||
<a class="btn btn-ghost btn-lg" href="rfm-segmentation.html">下一篇：私域 RFM 分层怎么落地 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-bottom">
|
||||
<span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span>
|
||||
<a href="index.html" style="color:inherit">← 返回洞察列表</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/site-config.js"></script>
|
||||
<script src="../assets/js/track.js"></script>
|
||||
<script src="../assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="../assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -5,33 +5,43 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>使用手册 · 存客宝 | 快速入门与功能指南</title>
|
||||
<meta name="description" content="存客宝使用手册：登录、设备管理、微信管理、内容库、工作台、流量池、分销与数据中心，五步上手当天跑起来。" />
|
||||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
<meta name="keywords" content="存客宝,使用手册,私域运营教程,微信自动化,设备管理,场景获客,客户分层" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="存客宝使用手册" />
|
||||
<meta property="og:description" content="五步上手存客宝：接入设备、养号、获客、分层、转化，当天跑起来。" />
|
||||
<meta property="og:image" content="assets/img/matrix-cunkebao.png" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="index.html#features">核心功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">行业方案</a></li>
|
||||
<li><a class="nav-link" href="api.html">接口体系</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用手册</a></li>
|
||||
<li><a class="nav-link" href="pricing.html">价格</a></li>
|
||||
<li><a class="nav-link" href="index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="index.html#contact">联系我们</a>
|
||||
<a class="btn btn-primary" href="https://kr-op.quwanzhi.com/" target="_blank" rel="noopener">进入管理端</a>
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow" style="background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff">使用手册</span>
|
||||
<span class="eyebrow">使用手册</span>
|
||||
<h1>五步上手，当天跑起来</h1>
|
||||
<p>从登录到自动运营，这份指南帮你快速熟悉存客宝管理端的核心流程。详细操作以产品内界面为准。</p>
|
||||
<div style="margin-top:22px"><a class="btn btn-primary" href="https://kr-op.quwanzhi.com/" target="_blank" rel="noopener">打开存客宝管理端 →</a></div>
|
||||
<div style="margin-top:22px"></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -41,9 +51,9 @@
|
||||
<h2 class="section-title reveal">存客宝产品矩阵</h2>
|
||||
</div>
|
||||
<div class="container matrix-grid">
|
||||
<div class="matrix-card reveal d1"><div class="tag">管理端</div><h3>存客宝</h3><p>核心运营后台：设备、微信、内容、工作台、流量池、分销、数据。</p><a href="https://kr-op.quwanzhi.com/" target="_blank" rel="noopener" style="color:var(--brand-2);font-weight:700;margin-top:12px;display:inline-block">kr-op.quwanzhi.com →</a></div>
|
||||
<div class="matrix-card reveal d2"><div class="tag">客服端</div><h3>触客宝</h3><p>专注客户聊天与跟进，多号会话集中处理。</p><a href="https://kr-kf.quwanzhi.com/" target="_blank" rel="noopener" style="color:var(--brand-2);font-weight:700;margin-top:12px;display:inline-block">kr-kf.quwanzhi.com →</a></div>
|
||||
<div class="matrix-card reveal d3"><div class="tag">AI 助手</div><h3>AI 数智员工</h3><p>AI 辅助应答、内容生成与知识库问答。</p><a href="https://kr-phone.quwanzhi.com/" target="_blank" rel="noopener" style="color:var(--brand-2);font-weight:700;margin-top:12px;display:inline-block">kr-phone.quwanzhi.com →</a></div>
|
||||
<div class="matrix-card reveal d1"><div class="tag">管理端</div><h3>存客宝</h3><p>核心运营后台：设备、微信、内容、工作台、流量池、分销、数据。</p></div>
|
||||
<div class="matrix-card reveal d2"><div class="tag">客服端</div><h3>触客宝</h3><p>专注客户聊天与跟进，多号会话集中处理。</p></div>
|
||||
<div class="matrix-card reveal d3"><div class="tag">AI 助手</div><h3>AI 数智员工</h3><p>AI 辅助应答、内容生成与知识库问答。</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -65,7 +75,7 @@
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">💬</div><h3>微信号管理</h3><p>管理好友与群聊，配置自动加人、通过验证、标签与养号策略。</p></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">📚</div><h3>内容库</h3><p>统一管理营销素材，支持 AI 改写与开放接口推送内容。</p></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">⚙️</div><h3>工作台</h3><p>创建自动建群、消息群发、朋友圈同步任务，设定执行时间与目标人群。</p></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">👥</div><h3>流量池</h3><p>为线索打标签，RFM 自动分层，智能分发到合适账号。</p></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">👥</div><h3>流量池</h3><p>为线索打标签，客户自动分层，智能分发到合适账号。</p></div>
|
||||
<div class="feature-card reveal d3"><div class="feature-icon">💰</div><h3>分销管理</h3><p>渠道推广码、佣金规则与提现审批，驱动裂变拉新。</p></div>
|
||||
<div class="feature-card reveal d1"><div class="feature-icon">📊</div><h3>数据中心</h3><p>获客、转化、设备与团队数据看板，支持报表导出。</p></div>
|
||||
<div class="feature-card reveal d2"><div class="feature-icon">🧠</div><h3>AI 智能助手</h3><p>对话式运营助手，可查询数据、生成内容并确认执行写操作。</p></div>
|
||||
@@ -75,10 +85,10 @@
|
||||
<section class="section pain">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">使用中你可能遇到</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">设备显示离线怎么办？<span class="pm">+</span></div><div class="faq-a">检查手机网络与 Agent 连接，确认设备在存客宝后台已绑定且未被移除。仍异常请联系技术支持微信 28533368。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">设备显示离线怎么办？<span class="pm">+</span></div><div class="faq-a">检查手机网络与 Agent 连接，确认设备在存客宝后台已绑定且未被移除。仍异常请通过页面「领取资料」提交，我们会尽快与您联系。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">自动加人为什么不执行？<span class="pm">+</span></div><div class="faq-a">常见原因：健康分过低触发限频、任务未到执行时间、或微信号未在线。可在设备管理与工作台任务列表中查看状态与日志。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">群发消息如何设置去重与限频？<span class="pm">+</span></div><div class="faq-a">工作台创建群发任务时，系统默认去重、限频并打散发送时间，降低风控风险。可在任务详情中调整目标人群与时间窗口。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">如何对接外部线索系统？<span class="pm">+</span></div><div class="faq-a">企业版支持开放接口上报线索与推送内容库，详见 <a href="api.html" style="color:var(--brand-2);font-weight:700">接口体系</a> 中的开放接口章节。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">如何对接外部线索系统？<span class="pm">+</span></div><div class="faq-a">企业版支持开放接口上报线索与推送内容库，详见 <a href="api.html" style="color:var(--brand-2);font-weight:700">AI 赋能</a> 中的开放接口章节。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -87,21 +97,25 @@
|
||||
<h2 class="reveal">需要专人带教？</h2>
|
||||
<p class="reveal">免费试用 7 天，我们协助你完成首次设备接入与第一条自动化任务。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<a class="btn btn-outline btn-lg" href="pricing.html">免费试用</a>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html#contact">联系技术支持</a>
|
||||
<a class="btn btn-outline btn-lg" href="#" data-lead="trial">免费试用</a>
|
||||
<a class="btn btn-ghost btn-lg" href="#" data-lead="consult">联系技术支持</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div><a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a><p class="desc">面向企业的 AI + 私域运营自动化系统。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="manual.html">使用手册</a><a href="api.html">接口体系</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a><p class="desc">面向企业的 AI + 私域运营自动化系统。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="manual.html">使用手册</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="solutions.html">行业方案</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact">微信：<b>28533368</b><br />电话：<b>15880802661</b></p></div>
|
||||
<div><h4>联系我们</h4><p class="contact"><button type="button" class="btn btn-primary" data-lead="consult" style="margin-top:8px">领取资料</button></p></div>
|
||||
</div>
|
||||
<div class="container footer-bottom"><span>© <span id="year">2026</span> 存客宝 Cunkebao</span></div>
|
||||
</footer>
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
141
官网/pricing.html
141
官网/pricing.html
@@ -4,89 +4,111 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>价格方案 · 存客宝 | 免费试用 / 基础版 / 专业版 / 企业版</title>
|
||||
<meta name="description" content="存客宝价格方案：免费试用 7 天，基础版 3600 元/年，专业版 12000 元/年，企业版 36000 元/年。功能对比一目了然，先跑出效果再升级。" />
|
||||
<meta name="description" content="存客宝免费试用 7 天（不含工作手机·不加好友），基础版 6980/年含 1 台 AI 数智员工，专业版 19800/年，企业版 98000/年。" />
|
||||
<meta name="keywords" content="存客宝价格,私域SaaS价格,AI数智员工,免费试用,专业版19800,企业版98000" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="存客宝价格方案" />
|
||||
<meta property="og:description" content="先免费试用，跑出效果再升级。四档方案按需匹配，规模越大越划算。" />
|
||||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
<meta property="og:description" content="先免费试用 7 天体验后台，跑出效果再升级。四档方案按需匹配，规模越大越划算。" />
|
||||
<meta property="og:image" content="assets/img/matrix-cunkebao.png" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{"@type":"Question","name":"免费试用包含什么？需要绑卡吗？","acceptedAnswer":{"@type":"Answer","text":"免费试用 7 天，每天送 300 算力，可体验后台与基础数据看板，无需绑卡。试用不含工作手机与 AI 数智员工，不支持加好友、自动加人；升级基础版后开放设备管理与加人养号。"}},
|
||||
{"@type":"Question","name":"会不会封号？账号安全怎么保障？","acceptedAnswer":{"@type":"Answer","text":"存客宝内置健康分算法，动态评估账号状态并自动控制每日加人频次，群发也做去重、限频、时间打散，最大限度降低风控风险。"}},
|
||||
{"@type":"Question","name":"一个人真的能管上百个微信号吗？","acceptedAnswer":{"@type":"Answer","text":"可以。设备与微信号集中纳管，加人、养号、群发、朋友圈、建群均可定时自动执行，单人管理上百号是常态。"}},
|
||||
{"@type":"Question","name":"支持和我现有的系统对接吗？","acceptedAnswer":{"@type":"Answer","text":"企业版开放线索上报、内容库推送等接口，并提供开放对接能力，可做系统集成与二次开发。"}},
|
||||
{"@type":"Question","name":"连锁多门店怎么统一管理？","acceptedAnswer":{"@type":"Answer","text":"总部统一内容库下发素材话术，全国门店一键同步；多角色权限清晰；各门店获客与转化数据自动汇总。"}},
|
||||
{"@type":"Question","name":"中途想升级 / 扩容怎么办？","acceptedAnswer":{"@type":"Answer","text":"随时可升级，按需扩容微信号数量与功能。通过页面留资提交需求即可办理。"}}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="index.html#features">核心功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">行业方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">产品矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">接口体系</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用手册</a></li>
|
||||
<li><a class="nav-link" href="pricing.html">价格</a></li>
|
||||
<li><a class="nav-link" href="index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="#plans">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="index.html#contact">联系我们</a>
|
||||
<a class="btn btn-primary" href="#plans">免费试用</a>
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow" style="background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff">价格方案</span>
|
||||
<span class="eyebrow">价格方案</span>
|
||||
<h1>先免费试用，<br />跑出效果再升级</h1>
|
||||
<p>每一档都按需匹配，规模越大越划算。所有方案均含在线技术支持，专业版及以上享优先响应。</p>
|
||||
<p>试用档仅开放后台体验，不含工作手机与加好友；升级基础版起绑定设备、自动加人。专业版及以上享优先响应。</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 四档卡片 -->
|
||||
<section class="section pricing" id="plans">
|
||||
<div class="container pricing-grid">
|
||||
<div class="price-card reveal d1">
|
||||
<div class="ptier">引流品</div>
|
||||
<div class="pamt">¥0<small> / 7 天</small></div>
|
||||
<p class="pdesc">零门槛体验核心能力，先看到效果。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>核心功能体验</li><li><span class="chk">✓</span>1 个微信号</li><li><span class="chk">✓</span>基础数据看板</li><li><span class="chk">✓</span>在线客服支持</li></ul>
|
||||
<a class="btn btn-outline" href="index.html#contact">免费开始</a>
|
||||
<div class="container pricing-grid" id="pricing-cards">
|
||||
<div class="price-card trial-tier reveal d1">
|
||||
<div class="ptier">免费试用</div>
|
||||
<div class="pamt">300<small> 算力/天</small></div>
|
||||
<p class="pdesc">免费试用 7 天，每天送 300 算力体验 AI；<b>不含工作手机</b>，不支持加好友。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>每天送 300 算力</li><li><span class="chk">✓</span>后台核心功能体验</li><li><span class="chk">✓</span>基础数据看板</li><li><span class="chk">✓</span>在线客服支持</li><li class="is-off"><span class="no">✗</span>不含工作手机 / AI 数智员工</li><li class="is-off"><span class="no">✗</span>不支持加好友 / 自动加人</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="trial">免费试用 7 天</a>
|
||||
</div>
|
||||
<div class="price-card reveal d2">
|
||||
<div class="ptier">基础版</div>
|
||||
<div class="pamt">¥3,600<small> / 年</small></div>
|
||||
<p class="pdesc">中小团队起步，跑通私域基础链路。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>3 个微信号</li><li><span class="chk">✓</span>设备 / 微信管理</li><li><span class="chk">✓</span>内容库 + 群发</li><li><span class="chk">✓</span>基础数据中心</li></ul>
|
||||
<a class="btn btn-outline" href="index.html#contact">选择基础版</a>
|
||||
<div class="pamt">¥6,980<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>1 台 AI 数智员工 + 工作手机</b>，支持加好友与自动加人。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>1 台 AI 数智员工</li><li><span class="chk">✓</span>设备 / 微信管理</li><li><span class="chk">✓</span>内容库 + 智能群发</li><li><span class="chk">✓</span>自动加人 + 养号</li><li><span class="chk">✓</span>基础数据中心</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="basic">选择基础版</a>
|
||||
</div>
|
||||
<div class="price-card popular reveal d3">
|
||||
<div class="ribbon">最受欢迎</div>
|
||||
<div class="ptier">专业版</div>
|
||||
<div class="pamt">¥12,000<small> / 年</small></div>
|
||||
<p class="pdesc">成长团队首选，全功能 + 全自动。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>10 个微信号</li><li><span class="chk">✓</span>全部功能开放</li><li><span class="chk">✓</span>RFM 分层 + 流量分发</li><li><span class="chk">✓</span>分销 + AI 智能助手</li><li><span class="chk">✓</span>优先技术支持</li></ul>
|
||||
<a class="btn btn-primary" href="index.html#contact">选择专业版</a>
|
||||
<div class="pamt">¥19,800<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>3 台 AI 数智员工</b>，全功能 + 全自动。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>3 台 AI 数智员工</li><li><span class="chk">✓</span>全部功能开放</li><li><span class="chk">✓</span>客户分层 + 流量分发</li><li><span class="chk">✓</span>分销 + AI 智能助手</li><li><span class="chk">✓</span>优先技术支持</li></ul>
|
||||
<a class="btn btn-primary" href="#" data-lead="pro">选择专业版</a>
|
||||
</div>
|
||||
<div class="price-card reveal d4">
|
||||
<div class="ptier">企业版</div>
|
||||
<div class="pamt">¥36,000<small> / 年</small></div>
|
||||
<p class="pdesc">连锁 / 大团队，专属服务与对接。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>不限微信号</li><li><span class="chk">✓</span>多角色权限管理</li><li><span class="chk">✓</span>开放接口 / 二开对接</li><li><span class="chk">✓</span>专属客户成功</li></ul>
|
||||
<a class="btn btn-outline" href="index.html#contact">联系销售</a>
|
||||
<div class="pamt">¥98,000<small> / 年</small></div>
|
||||
<p class="pdesc">含 <b>10 台 AI 数智员工</b>，专属服务与开放对接。</p>
|
||||
<ul class="pfeat"><li><span class="chk">✓</span>10 台 AI 数智员工</li><li><span class="chk">✓</span>多角色权限管理</li><li><span class="chk">✓</span>开放接口 / 二开对接</li><li><span class="chk">✓</span>专属客户成功</li><li><span class="chk">✓</span>线索上报 + 内容库推送</li></ul>
|
||||
<a class="btn btn-outline" href="#" data-lead="enterprise">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<p class="container pricing-note reveal">说明：<b>免费试用 7 天 · 每天送 300 算力</b>，不含工作手机绑定，不支持加好友；<b>基础版 ¥6,980/年</b> 起含 1 台 AI 数智员工与设备管理、自动加人。</p>
|
||||
</section>
|
||||
|
||||
<!-- 功能对比表 -->
|
||||
<section class="section pain">
|
||||
<div class="container">
|
||||
<div class="center"><span class="eyebrow reveal">功能对比</span><h2 class="section-title reveal">四档功能一目了然</h2></div>
|
||||
<table class="api-table reveal">
|
||||
<table class="api-table reveal">
|
||||
<thead><tr><th>功能</th><th>免费试用</th><th>基础版</th><th>专业版</th><th>企业版</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>微信号数量</td><td>1</td><td>3</td><td>10</td><td>不限</td></tr>
|
||||
<tr><td>设备 / 微信管理</td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>内容库 + 智能群发</td><td>体验</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>自动建群 / 朋友圈同步</td><td>—</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>RFM 分层 + 流量分发</td><td>—</td><td>—</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>分销管理</td><td>—</td><td>—</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>AI 智能助手</td><td>—</td><td>—</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>多角色权限管理</td><td>—</td><td>基础</td><td>✓</td><td>✓ 高级</td></tr>
|
||||
<tr><td>工作手机 / AI 终端</td><td>—</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>AI 数智员工</td><td>—</td><td>1 台</td><td>3 台</td><td>10 台</td></tr>
|
||||
<tr><td>设备 / 微信号管理</td><td>—</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>加好友 / 自动加人</td><td>✗</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>内容库 + 智能群发</td><td>后台浏览</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>基础数据看板</td><td>✓</td><td>✓</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>客户分层 + 流量分发</td><td>—</td><td>—</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>分销 + AI 智能助手</td><td>—</td><td>—</td><td>✓</td><td>✓</td></tr>
|
||||
<tr><td>开放接口 / 二开对接</td><td>—</td><td>—</td><td>—</td><td>✓</td></tr>
|
||||
<tr><td>技术支持</td><td>在线客服</td><td>在线客服</td><td>优先支持</td><td>专属客户成功</td></tr>
|
||||
</tbody>
|
||||
@@ -98,37 +120,42 @@
|
||||
<section class="section">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">下单前，你可能想问</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">免费试用需要付费或绑卡吗？<span class="pm">+</span></div><div class="faq-a">不需要。免费试用 7 天，零门槛体验核心能力，先看到效果再决定是否升级。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">免费试用包含什么？需要绑卡吗？<span class="pm">+</span></div><div class="faq-a">免费试用 7 天，<b>每天送 300 算力</b>，可体验后台与基础数据看板，无需绑卡。试用<b>不含工作手机</b>，<b>不支持加好友、自动加人</b>；升级基础版后绑定设备并开放加人养号。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">试用和基础版差在哪？<span class="pm">+</span></div><div class="faq-a">免费试用只看后台与数据；基础版 ¥6,980/年 含 1 台 AI 数智员工 + 工作手机，可管理微信号、自动加人、内容库群发，适合真正跑私域的团队。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">会不会封号？账号安全怎么保障？<span class="pm">+</span></div><div class="faq-a">存客宝内置健康分算法，动态评估账号状态并自动控制每日加人频次（每日加人 ≈ 健康分 × 0.2），群发也做去重、限频、时间打散，最大限度降低风控风险。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">一个人真的能管上百个微信号吗？<span class="pm">+</span></div><div class="faq-a">可以。设备与微信号集中纳管，加人、养号、群发、朋友圈、建群均可定时自动执行，运营从「手动做」变成「系统跑」，单人管理上百号是常态。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">支持和我现有的系统对接吗？<span class="pm">+</span></div><div class="faq-a">支持。企业版开放线索上报、内容库推送等接口，并提供工作手机 BFF 能力底座，可做系统集成与二次开发，详见<a href="api.html" style="color:var(--brand-2);font-weight:700">接口体系</a>。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">支持和我现有的系统对接吗？<span class="pm">+</span></div><div class="faq-a">支持。企业版开放线索上报、内容库推送等接口，并提供开放对接能力，可做系统集成与二次开发，详见<a href="api.html" style="color:var(--brand-2);font-weight:700">AI 赋能</a>。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">连锁多门店怎么统一管理？<span class="pm">+</span></div><div class="faq-a">总部统一内容库下发素材话术，全国门店一键同步；总部 / 区域 / 门店多角色权限清晰；各门店获客与转化数据自动汇总，赛马排名一表看清。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">中途想升级 / 扩容怎么办？<span class="pm">+</span></div><div class="faq-a">随时可升级，按需扩容微信号数量与功能。联系你的客户成功或技术支持微信 28533368 即可办理。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">中途想升级 / 扩容怎么办？<span class="pm">+</span></div><div class="faq-a">随时可升级，按需扩容微信号数量与功能。留资后我们会协助从免费试用平滑升级到基础版 / 专业版。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="section cta">
|
||||
<div class="container cta-inner">
|
||||
<h2 class="reveal">先免费跑一遍，再做决定</h2>
|
||||
<p class="reveal">免费试用 7 天，专人协助你跑出第一批私域成交。</p>
|
||||
<h2 class="reveal">先免费试用，再决定是否升级</h2>
|
||||
<p class="reveal">7 天体验后台与看板，每天送 300 算力，不含工作手机；升级基础版起绑定设备、开放加好友。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<a class="btn btn-outline btn-lg" href="index.html#contact">免费试用 7 天</a>
|
||||
<a class="btn btn-outline btn-lg" href="#" data-lead="trial">免费试用 7 天</a>
|
||||
<a class="btn btn-ghost btn-lg" href="solutions.html">看行业方案</a>
|
||||
</div>
|
||||
<p class="reveal" style="margin-top:26px;font-size:16px">📱 技术支持微信：<b>28533368</b> | ☎️ 电话：<b>15880802661</b></p>
|
||||
<p class="reveal" style="margin-top:26px;font-size:16px"></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div><a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a><p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">接口体系</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a><p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="solutions.html#private">私域操盘手</a><a href="solutions.html#chain">连锁企业</a><a href="solutions.html#ecom">电商商家</a><a href="solutions.html#kol">网红 / 明星</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact">技术支持微信：<b>28533368</b><br />电话：<b>15880802661</b></p></div>
|
||||
<div><h4>联系我们</h4><p class="contact"><button type="button" class="btn btn-primary" data-lead="consult" style="margin-top:8px">领取资料</button></p></div>
|
||||
</div>
|
||||
<div class="container footer-bottom"><span>© <span id="year">2026</span> 存客宝 Cunkebao · 私域运营自动化系统</span><span>AI + 私域 · 让流量自己增长、自己成交</span></div>
|
||||
<div class="container footer-bottom"><span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span><span>AI + 私域 · 让流量自己增长、自己成交</span></div>
|
||||
</footer>
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531h"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
114
官网/smoke.mjs
114
官网/smoke.mjs
@@ -29,7 +29,16 @@ const BASE = process.env.SITE_BASE || 'http://127.0.0.1:8090';
|
||||
}
|
||||
|
||||
// 首页
|
||||
const home = await checkPage('/index.html', ['存客宝', '核心功能', '行业解决方案', '价格方案', '健康分算法']);
|
||||
const home = await checkPage('/index.html', ['存客宝', '核心功能', '行业解决方案', '价格方案', '把用户变资产', '每天送 300 算力', '领取资料并咨询', '1200+']);
|
||||
|
||||
// ROI 计算器交互
|
||||
await home.evaluate(() => {
|
||||
const wx = document.getElementById('roi-wx');
|
||||
if (wx) { wx.value = '100'; wx.dispatchEvent(new Event('input')); }
|
||||
});
|
||||
await home.waitForTimeout(300);
|
||||
const roiSave = await home.$eval('#roi-save', (el) => el.textContent.trim());
|
||||
log(roiSave !== '¥0' && roiSave.length > 2, `ROI 计算器生效（节省=${roiSave}）`);
|
||||
|
||||
// 行业 Tab 交互
|
||||
await home.click('.ind-tab[data-ind="ecom"]');
|
||||
@@ -46,15 +55,44 @@ const BASE = process.env.SITE_BASE || 'http://127.0.0.1:8090';
|
||||
// 移动端布局
|
||||
await home.setViewportSize({ width: 375, height: 812 });
|
||||
await home.waitForTimeout(300);
|
||||
await home.evaluate(() => window.dispatchEvent(new Event('resize')));
|
||||
await home.evaluate(() => {
|
||||
const h = document.querySelector('.hero');
|
||||
window.scrollTo(0, (h ? h.offsetHeight : 700) + 120);
|
||||
window.dispatchEvent(new Event('scroll'));
|
||||
});
|
||||
await home.waitForTimeout(200);
|
||||
const stickyVis = await home.$eval('#sticky-cta', (el) => el.classList.contains('visible'));
|
||||
log(stickyVis, '移动端 Sticky CTA 滚动后显示');
|
||||
|
||||
const ctaHiddenMobile = await home.evaluate(() => {
|
||||
const el = document.querySelector('.nav-cta-text');
|
||||
return el ? getComputedStyle(el).display === 'none' : true;
|
||||
});
|
||||
log(ctaHiddenMobile, '移动端隐藏顶栏长文案 CTA');
|
||||
await home.click('.nav-toggle');
|
||||
await home.waitForTimeout(250);
|
||||
const menuOpen = await home.evaluate(() => document.querySelector('.nav-links')?.classList.contains('open'));
|
||||
log(menuOpen, '汉堡菜单可展开');
|
||||
const mobileNavCta = await home.evaluate(() => !!document.querySelector('.nav-mobile-cta [data-lead="consult"]'));
|
||||
log(mobileNavCta, '展开菜单含「领取资料并咨询」');
|
||||
|
||||
await home.screenshot({ path: '/tmp/_smoke_home_mobile.png', fullPage: false });
|
||||
|
||||
await home.setViewportSize({ width: 1366, height: 900 });
|
||||
await home.goto(BASE + '/index.html', { waitUntil: 'networkidle' });
|
||||
await home.waitForTimeout(800);
|
||||
const desktopNavCtaCount = await home.evaluate(() => {
|
||||
const nav = document.querySelector('.nav');
|
||||
if (!nav) return 0;
|
||||
return nav.querySelectorAll('[data-lead="consult"].btn-primary').length;
|
||||
});
|
||||
log(desktopNavCtaCount === 1, `桌面导航仅 1 个留资 CTA（实际=${desktopNavCtaCount}）`);
|
||||
await home.screenshot({ path: '/tmp/_smoke_home.png', fullPage: true });
|
||||
|
||||
// 接口页
|
||||
const api = await checkPage('/api.html', ['接口体系', '工作手机 BFF', '场景获客', '开放接口']);
|
||||
const api = await checkPage('/api.html', ['AI 赋能', '智能应答', 'AI 数智员工', '企业版专属', '开放对接']);
|
||||
log(!(await api.content()).includes('工作手机'), '/api.html 不含「工作手机」');
|
||||
await api.waitForTimeout(600);
|
||||
await api.screenshot({ path: '/tmp/_smoke_api.png', fullPage: true });
|
||||
|
||||
@@ -62,27 +100,85 @@ const BASE = process.env.SITE_BASE || 'http://127.0.0.1:8090';
|
||||
await checkPage('/solutions.html', ['行业解决方案', '私域操盘手', '连锁企业', '游戏明星', '包裹卡引流']);
|
||||
|
||||
// 使用手册页
|
||||
await checkPage('/manual.html', ['使用手册', '快速入门', '设备管理', 'kr-op.quwanzhi.com']);
|
||||
await checkPage('/manual.html', ['使用手册', '快速入门', '设备管理', '存客宝']);
|
||||
|
||||
// 价格页 + FAQ 折叠
|
||||
const pricing = await checkPage('/pricing.html', ['价格方案', '专业版', '功能对比', '常见问题', '健康分算法']);
|
||||
const pricing = await checkPage('/pricing.html', ['价格方案', '300', '算力/天', '专业版', '6,980', '98,000', '不含工作手机', '功能对比']);
|
||||
await pricing.click('.faq-item:first-child .faq-q');
|
||||
await pricing.waitForTimeout(400);
|
||||
const faqOpen = await pricing.$eval('.faq-item:first-child', (el) => el.classList.contains('open'));
|
||||
log(faqOpen, 'FAQ 折叠展开生效');
|
||||
|
||||
// SEO 资源
|
||||
for (const p of ['/sitemap.xml', '/robots.txt', '/assets/img/favicon.svg', '/assets/img/ind-private.svg']) {
|
||||
for (const p of ['/sitemap.xml', '/robots.txt', '/assets/img/logo-mascot.png', '/assets/img/ind-private.svg']) {
|
||||
const r = await fetch(BASE + p);
|
||||
log(r.ok, `${p} HTTP ${r.status}`);
|
||||
}
|
||||
|
||||
// 跨页导航
|
||||
// 跨页导航 → 留资弹窗
|
||||
const navHome = await browser.newPage();
|
||||
await navHome.goto(BASE + '/index.html', { waitUntil: 'networkidle' });
|
||||
await navHome.click('a[href="pricing.html"]');
|
||||
await navHome.waitForURL('**/pricing.html');
|
||||
log((await navHome.url()).includes('pricing.html'), '首页 → pricing.html 导航生效');
|
||||
await navHome.click('.nav-cta-text[data-lead="consult"]');
|
||||
await navHome.waitForTimeout(400);
|
||||
const modalOpen = await navHome.$eval('#ckb-lead-modal', (el) => el.classList.contains('open'));
|
||||
log(modalOpen, '点击留资 CTA 弹窗打开');
|
||||
|
||||
// 价格区免费试用 → 价格页 → 自动弹窗
|
||||
const trialFlow = await browser.newPage();
|
||||
await trialFlow.goto(BASE + '/index.html#pricing', { waitUntil: 'networkidle' });
|
||||
await trialFlow.click('#pricing [data-lead="trial"]');
|
||||
await trialFlow.waitForURL(/pricing\.html/, { timeout: 8000 });
|
||||
await trialFlow.waitForTimeout(600);
|
||||
const onPricing = trialFlow.url().includes('pricing.html');
|
||||
log(onPricing, '价格区免费试用跳转价格页');
|
||||
const trialModal = await trialFlow.$eval('#ckb-lead-modal', (el) => el.classList.contains('open')).catch(() => false);
|
||||
log(trialModal, '价格页自动弹出留资窗');
|
||||
await trialFlow.close();
|
||||
|
||||
// 设备页海报样板
|
||||
await checkPage('/device.html', ['海报样板', '门店台卡', '活动展架', 'device-poster']);
|
||||
|
||||
// 运营后台 API（同端口 8090）
|
||||
const loginRes = await fetch(BASE + '/admin/api/login', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username: 'admin', password: 'key123456' }),
|
||||
});
|
||||
const loginJson = await loginRes.json().catch(() => ({}));
|
||||
log(loginRes.ok && loginJson.token, `后台登录 API HTTP ${loginRes.status} token=${loginJson.token ? 'ok' : 'missing'}`);
|
||||
|
||||
const adminPage = await browser.newPage();
|
||||
await adminPage.goto(BASE + '/admin/', { waitUntil: 'networkidle' });
|
||||
await adminPage.click('#btn-login');
|
||||
await adminPage.waitForTimeout(1200);
|
||||
const adminIn = await adminPage.$eval('#app-view', (el) => !el.classList.contains('is-hidden'));
|
||||
log(adminIn, '运营后台页面点击登录进入主界面');
|
||||
const hasOverview = await adminPage.$('#panel-overview');
|
||||
log(!!hasOverview, '后台含数据概览面板');
|
||||
if (loginJson.token) {
|
||||
const sumRes = await fetch(BASE + '/admin/api/analytics/summary', {
|
||||
headers: { Authorization: 'Bearer ' + loginJson.token },
|
||||
});
|
||||
const sumJson = await sumRes.json().catch(() => ({}));
|
||||
log(sumRes.ok && sumJson.ok, `analytics/summary HTTP ${sumRes.status}`);
|
||||
const trackRes = await fetch(BASE + '/api/track', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
visitorId: 'v_smoke_test',
|
||||
fingerprint: 'fp_smoke',
|
||||
incrementVisit: true,
|
||||
events: [{ type: '点击', label: 'smoke', page: 'index.html', ts: Date.now() }],
|
||||
}),
|
||||
});
|
||||
const trackJson = await trackRes.json().catch(() => ({}));
|
||||
log(trackRes.ok && trackJson.ok, `POST /api/track HTTP ${trackRes.status}`);
|
||||
}
|
||||
await adminPage.close();
|
||||
log(!(await navHome.content()).includes('28533368'), '页面不含明文微信号');
|
||||
log(!(await navHome.content()).includes('一人管百人号'), '首页不含「一人管百人号」旧 slogan');
|
||||
log(!(await navHome.content()).includes('顾问将主动加您微信'), '页面不含顾问加微信文案');
|
||||
log((await navHome.content()).includes('logo-mascot.png'), '吉祥物 LOGO 已引用');
|
||||
await navHome.close();
|
||||
|
||||
await browser.close();
|
||||
|
||||
@@ -5,34 +5,53 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>行业解决方案 · 存客宝 | 私域 / 连锁 / 门店 / 电商 / 网红 / 游戏明星</title>
|
||||
<meta name="description" content="存客宝行业解决方案：私域操盘手、连锁企业、实体门店、电商商家、网红达人、游戏明星，针对每类客户的痛点提供 AI 私域自动化方案与可量化收益。" />
|
||||
<meta name="keywords" content="存客宝,行业解决方案,私域操盘手,连锁门店私域,电商私域,网红达人私域,游戏明星运营,包裹卡引流" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="存客宝行业解决方案" />
|
||||
<meta property="og:description" content="6 大行业，对号入座。看看存客宝怎么帮你把流量变成可复购的私域资产。" />
|
||||
<meta property="og:image" content="assets/img/hero.png" />
|
||||
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css" />
|
||||
<meta property="og:image" content="assets/img/matrix-cunkebao.png" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
|
||||
<link rel="stylesheet" href="assets/css/kir-tokens.css" />
|
||||
<link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
|
||||
<link rel="stylesheet" href="assets/css/lead.css" />
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{"@type":"Question","name":"我的行业适合用存客宝吗？","acceptedAnswer":{"@type":"Answer","text":"连锁门店、电商商家、教育培训、本地生活、网红达人矩阵等私域获客与复购场景均已沉淀方案模板，可按行业一键套用并按需调整。"}},
|
||||
{"@type":"Question","name":"连锁多门店如何统一运营？","acceptedAnswer":{"@type":"Answer","text":"总部统一内容库下发素材话术，全国门店一键同步；总部/区域/门店多角色权限清晰，各门店获客与转化自动汇总赛马排名。"}},
|
||||
{"@type":"Question","name":"电商商家能解决什么问题？","acceptedAnswer":{"@type":"Answer","text":"把订单客户沉淀进私域、按 RFM 分层精准触达、AI 数智员工自动跟进复购与售后，降低对平台流量的依赖。"}},
|
||||
{"@type":"Question","name":"需要多久能看到效果？","acceptedAnswer":{"@type":"Answer","text":"多数企业在免费试用 7 天内即可看到获客量、客户分层与 AI 触达数据变化，规模化复购提升通常在 1～2 个运营周期显现。"}}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
<a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a>
|
||||
<nav class="nav nav-clear">
|
||||
<a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="存客宝" width="40" height="40" /><span class="brand-name">存客宝</span></a>
|
||||
<ul class="nav-links">
|
||||
<li><a class="nav-link" href="index.html#features">核心功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">行业方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">产品矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">接口体系</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用手册</a></li>
|
||||
<li><a class="nav-link" href="pricing.html">价格</a></li>
|
||||
<li><a class="nav-link" href="index.html#features">功能</a></li>
|
||||
<li><a class="nav-link" href="solutions.html">方案</a></li>
|
||||
<li><a class="nav-link" href="index.html#matrix">矩阵</a></li>
|
||||
<li><a class="nav-link" href="api.html">AI</a></li>
|
||||
<li><a class="nav-link" href="manual.html">使用</a></li>
|
||||
<li><a class="nav-link" href="index.html#pricing">价格</a></li>
|
||||
</ul>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="index.html#contact">联系我们</a>
|
||||
<a class="btn btn-primary" href="pricing.html">免费试用</a>
|
||||
<a class="btn btn-primary nav-cta-text" href="#" data-lead="consult">领取资料并咨询</a>
|
||||
<button class="nav-toggle" aria-label="菜单"><span></span><span></span><span></span></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="page-hero">
|
||||
<div class="container">
|
||||
<span class="eyebrow" style="background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff">行业解决方案</span>
|
||||
<span class="eyebrow">行业解决方案</span>
|
||||
<h1>不同的生意，<br />同一套增长底座</h1>
|
||||
<p>存客宝把「获客 · 养号 · 触达 · 分层 · 转化」做成可复用的私域自动化能力。下面 6 类客户，看看哪一个是你。</p>
|
||||
<div style="margin-top:26px;display:flex;gap:10px;flex-wrap:wrap">
|
||||
@@ -56,20 +75,20 @@
|
||||
<ul class="solve">
|
||||
<li><span class="chk">✓</span><span><b>百号统管</b>：设备 + 微信号集中管理，一屏掌控全矩阵在线状态与健康分</span></li>
|
||||
<li><span class="chk">✓</span><span><b>全自动 SOP</b>：加人、养号、群发、朋友圈定时跑，重复劳动交给系统</span></li>
|
||||
<li><span class="chk">✓</span><span><b>RFM 分层</b>：自动识别高价值客户，把精力投在最值得的人身上</span></li>
|
||||
<li><span class="chk">✓</span><span><b>客户分层</b>：自动识别高价值客户，把精力投在最值得的人身上</span></li>
|
||||
<li><span class="chk">✓</span><span><b>健康分护航</b>：动态控频，最大限度降低封号风险</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">80%</div><div class="t">运营人力节省</div></div><div class="m"><div class="n gradient-text">3倍</div><div class="t">触达效率</div></div><div class="m"><div class="n gradient-text">100+</div><div class="t">单人管理号数</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="pricing.html">免费试用专业版</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="#" data-lead="trial">免费试用专业版</a></div>
|
||||
</div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><img src="assets/img/ind-private.svg" alt="私域操盘手方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><picture><source srcset="assets/img/ind-private.webp" type="image/webp" /><img src="assets/img/ind-private.jpg" alt="私域操盘手方案" loading="lazy" /></picture></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 连锁 -->
|
||||
<section class="section pain" id="chain">
|
||||
<div class="container ind-panel active" data-ind="chain" style="display:grid">
|
||||
<div class="pic reveal"><div class="ind-art"><img src="assets/img/ind-chain.svg" alt="连锁企业方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal"><div class="ind-art"><picture><source srcset="assets/img/ind-chain.webp" type="image/webp" /><img src="assets/img/ind-chain.jpg" alt="连锁企业方案" loading="lazy" /></picture></div></div>
|
||||
<div class="info reveal d2">
|
||||
<span class="eyebrow">连锁企业</span>
|
||||
<h3>总部统一管控，门店各自增长</h3>
|
||||
@@ -80,7 +99,7 @@
|
||||
<li><span class="chk">✓</span><span><b>数据汇总</b>：各门店获客 / 转化一表看清，赛马排名一目了然</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">100+</div><div class="t">门店统管</div></div><div class="m"><div class="n gradient-text">1键</div><div class="t">全国同步</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="index.html#contact">预约企业版演示</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="#" data-lead="consult">预约企业版演示</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -98,16 +117,16 @@
|
||||
<li><span class="chk">✓</span><span><b>社群运营</b>：自动建群 + 入群欢迎语，客户进得来、留得住</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">2倍</div><div class="t">复购率</div></div><div class="m"><div class="n gradient-text">0</div><div class="t">手动拉群</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="pricing.html">免费试用</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="#" data-lead="trial">免费试用</a></div>
|
||||
</div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><img src="assets/img/ind-store.svg" alt="实体门店方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><picture><source srcset="assets/img/ind-store.webp" type="image/webp" /><img src="assets/img/ind-store.jpg" alt="实体门店方案" loading="lazy" /></picture></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 电商 -->
|
||||
<section class="section pain" id="ecom">
|
||||
<div class="container ind-panel active" data-ind="ecom" style="display:grid">
|
||||
<div class="pic reveal"><div class="ind-art"><img src="assets/img/ind-ecom.svg" alt="电商商家方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal"><div class="ind-art"><picture><source srcset="assets/img/ind-ecom.webp" type="image/webp" /><img src="assets/img/ind-ecom.jpg" alt="电商商家方案" loading="lazy" /></picture></div></div>
|
||||
<div class="info reveal d2">
|
||||
<span class="eyebrow">电商商家</span>
|
||||
<h3>把一次性买家变成终身客户</h3>
|
||||
@@ -118,7 +137,7 @@
|
||||
<li><span class="chk">✓</span><span><b>分层运营</b>：高复购客户专属服务，持续抬高 LTV</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">35%</div><div class="t">加微转化</div></div><div class="m"><div class="n gradient-text">↑</div><div class="t">客户终身价值</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="pricing.html">免费试用</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="#" data-lead="trial">免费试用</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -136,16 +155,16 @@
|
||||
<li><span class="chk">✓</span><span><b>社群带货</b>：自动建粉丝群，新品一键触达全部铁粉</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">10万+</div><div class="t">粉丝可管理</div></div><div class="m"><div class="n gradient-text">7×24</div><div class="t">AI 不掉线</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="pricing.html">免费试用</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-primary" href="#" data-lead="trial">免费试用</a></div>
|
||||
</div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><img src="assets/img/ind-kol.svg" alt="网红达人方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal d2"><div class="ind-art"><picture><source srcset="assets/img/ind-kol.webp" type="image/webp" /><img src="assets/img/ind-kol.jpg" alt="网红达人方案" loading="lazy" /></picture></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 明星 -->
|
||||
<section class="section pain" id="star">
|
||||
<div class="container ind-panel active" data-ind="star" style="display:grid">
|
||||
<div class="pic reveal"><div class="ind-art"><img src="assets/img/ind-star.svg" alt="游戏明星方案" loading="lazy" /></div></div>
|
||||
<div class="pic reveal"><div class="ind-art"><picture><source srcset="assets/img/ind-star.webp" type="image/webp" /><img src="assets/img/ind-star.jpg" alt="游戏主播矩阵运营场景" loading="lazy" /></picture></div></div>
|
||||
<div class="info reveal d2">
|
||||
<span class="eyebrow">游戏明星 / 主播</span>
|
||||
<h3>矩阵号 + 粉丝运营，两手都要硬</h3>
|
||||
@@ -156,11 +175,22 @@
|
||||
<li><span class="chk">✓</span><span><b>活动触达</b>：开播 / 活动批量提醒，到场率更高</span></li>
|
||||
</ul>
|
||||
<div class="ind-metrics"><div class="m"><div class="n gradient-text">多号</div><div class="t">统一调度</div></div><div class="m"><div class="n gradient-text">↑</div><div class="t">粉丝活跃 / 付费</div></div></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="index.html#contact">联系我们</a></div>
|
||||
<div style="margin-top:24px"><a class="btn btn-dark" href="#" data-lead="consult">领取资料</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section">
|
||||
<div class="container center"><span class="eyebrow reveal">常见问题</span><h2 class="section-title reveal">行业落地，常见疑问</h2></div>
|
||||
<div class="container faq">
|
||||
<div class="faq-item reveal"><div class="faq-q">我的行业适合用存客宝吗？<span class="pm">+</span></div><div class="faq-a">连锁门店、电商商家、教育培训、本地生活、网红达人矩阵等私域获客与复购场景均已沉淀方案模板，可按行业一键套用并按需调整。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">连锁多门店如何统一运营？<span class="pm">+</span></div><div class="faq-a">总部统一内容库下发素材话术，全国门店一键同步；总部/区域/门店多角色权限清晰，各门店获客与转化自动汇总赛马排名。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">电商商家能解决什么问题？<span class="pm">+</span></div><div class="faq-a">把订单客户沉淀进私域、按 RFM 分层精准触达、AI 数智员工自动跟进复购与售后，降低对平台流量的依赖。</div></div>
|
||||
<div class="faq-item reveal"><div class="faq-q">需要多久能看到效果？<span class="pm">+</span></div><div class="faq-a">多数企业在免费试用 7 天内即可看到获客量、客户分层与 AI 触达数据变化，规模化复购提升通常在 1～2 个运营周期显现。</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="section cta">
|
||||
<div class="container cta-inner">
|
||||
@@ -168,20 +198,25 @@
|
||||
<p class="reveal">免费试用 7 天，专人帮你把方案落到自己的生意里。</p>
|
||||
<div class="cta-actions reveal">
|
||||
<a class="btn btn-outline btn-lg" href="pricing.html">查看价格方案</a>
|
||||
<a class="btn btn-ghost btn-lg" href="index.html#contact">免费咨询</a>
|
||||
<button type="button" class="btn btn-primary btn-lg" data-lead="trial">免费试用</button>
|
||||
<a class="btn btn-ghost btn-lg" href="#" data-lead="consult">免费咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-grid">
|
||||
<div><a class="brand" href="index.html"><span class="brand-mark">存</span><span class="brand-name">存客宝<small>CUNKEBAO</small></span></a><p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">接口体系</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><a class="brand" href="index.html"><img class="brand-logo" src="assets/img/logo-mascot.png" alt="" width="44" height="44" /><span class="brand-name">存客宝</span></a><p class="desc">面向企业的 AI + 私域运营自动化系统，帮你把流量沉淀成可复购的私域资产。</p></div>
|
||||
<div><h4>产品</h4><a href="index.html#features">核心功能</a><a href="index.html#matrix">产品矩阵</a><a href="api.html">AI 赋能</a><a href="pricing.html">价格方案</a></div>
|
||||
<div><h4>解决方案</h4><a href="#private">私域操盘手</a><a href="#chain">连锁企业</a><a href="#ecom">电商商家</a><a href="#kol">网红 / 明星</a></div>
|
||||
<div><h4>联系我们</h4><p class="contact">技术支持微信：<b>28533368</b><br />电话：<b>15880802661</b></p></div>
|
||||
<div><h4>联系我们</h4><p class="contact"><button type="button" class="btn btn-primary" data-lead="consult" style="margin-top:8px">领取资料</button></p></div>
|
||||
</div>
|
||||
<div class="container footer-bottom"><span>© <span id="year">2026</span> 存客宝 Cunkebao · 私域运营自动化系统</span><span>AI + 私域 · 让流量自己增长、自己成交</span></div>
|
||||
<div class="container footer-bottom"><span>© <span id="year">2026</span> 存客宝 · 私域运营自动化系统</span><span>AI + 私域 · 让流量自己增长、自己成交</span></div>
|
||||
</footer>
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="assets/js/site-config.js"></script>
|
||||
<script src="assets/js/site-runtime.js"></script>
|
||||
<script src="assets/js/track.js"></script>
|
||||
<script src="assets/js/lead.js?v=20260531f"></script>
|
||||
<script src="assets/js/main.js?v=20260602"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
25
开发文档/8、部署/开发进度_官网Hero修复_20260602.md
Normal file
25
开发文档/8、部署/开发进度_官网Hero修复_20260602.md
Normal file
@@ -0,0 +1,25 @@
|
||||
# 官网 Hero · 重复按钮与增量展示修复（2026-06-02）
|
||||
|
||||
## 问题
|
||||
- 桌面导航出现 **两个**「领取资料并咨询」（`main.js` 注入的 `.nav-mobile-cta` 在宽屏未隐藏）
|
||||
- Hero 区「免费试用 7 天 · 每天送 300 算力」与数据条重复
|
||||
- 增量指标（+128% / 3× / −45%）不够醒目
|
||||
|
||||
## 修复
|
||||
| 项 | 处理 |
|
||||
|----|------|
|
||||
| 重复 CTA | CSS：桌面隐藏 `.nav-mobile-cta`，仅移动端菜单展开时显示 |
|
||||
| trust 行 | 删除 index Hero 内 `hero-trust-line`；`official-site.json` trustLine 置空 |
|
||||
| 增量 | Hero 四格数据 + `hero-stat-growth` 渐变大字；浮层 chip 加大 |
|
||||
|
||||
## 二次加固（2026-06-02 晚）
|
||||
- `main.js`：宽屏 **不注入** `.nav-mobile-cta`（`matchMedia` + resize 同步移除），从根源消除双按钮
|
||||
- `styles.css`：`@media (min-width: 721px)` 兜底隐藏
|
||||
- 静态资源缓存：`?v=20260602`
|
||||
- 已执行 `deploy_official_baota.sh`，线上验收 **36/36**
|
||||
|
||||
## 部署
|
||||
```bash
|
||||
bash 开发文档/8、部署/scripts/deploy_official_baota.sh
|
||||
# 访问 https://ckb.quwanzhi.com
|
||||
```
|
||||
Reference in New Issue
Block a user