B2B PPE 外贸独立站 · 前台操作 & 后台管理 · v2.0
| 角色 | 登录地址 | 用户名 | 密码 | 权限说明 |
|---|---|---|---|---|
| 超级管理员 | https://cnprosafe.com/admin/login | admin | Admin123! | 全部功能 + 用户管理 |
| 内容编辑 | https://cnprosafe.com/admin/login | 自行创建 | 自行创建 | 产品/内容/询价/报价/订单(不含系统设置) |
| 买家测试 | https://cnprosafe.com/buyer/login | 自行注册 | 自行注册 | 前台买家完整功能 |
访问 https://cnprosafe.com/buyer/register,填写邮箱、密码、公司名称、联系人、国家 → 提交。新注册买家状态为 pending,需管理员在后台审批后才能登录。
也支持 Google 一键登录:点击 "Sign in with Google" 按钮,首次登录自动创建账号并激活。
访问 https://cnprosafe.com/en(英文)或 https://cnprosafe.com/es(西班牙语),页面结构:
| 区域 | 说明 |
|---|---|
| 顶部导航栏 | Products、Industries、About、Blog、Contact + 语言切换 + 询价篮图标 |
| Hero Banner | 品牌主视觉大图 + 标题 + CTA 按钮(Get Quote / View Products) |
| Product Categories | 按品类展示入口卡片 |
| Featured Products | 精选产品展示区 |
| Industry Applications | 行业解决方案 |
| Certificates | ISO / CE / ANSI 认证 Logo 墙 |
| Why Choose Us | 优势说明(OEM/ODM、快速交货、全球物流) |
| Testimonials | 客户评价轮播 |
| Trusted By Clients | 合作客户 Logo 墙 |
| FAQ Section | 常见问题手风琴 |
| Final CTA | 底部行动号召 |
| Footer | 公司信息、快速链接、联系方式、社交媒体、Newsletter 订阅 |
产品列表页 https://cnprosafe.com/en/products:
产品详情页 https://cnprosafe.com/en/products/{slug}:
https://cnprosafe.com/en/inquiry-basket产品详情页点击 "Request Sample" → 弹出表单:填写姓名、邮箱、国家、地址、快递偏好、数量、尺寸/颜色备注 → 提交。样品订单由管理后台审核定价后发送付款链接。
产品详情页点击 "Quick Quote" → 弹窗直接填写姓名、邮箱、公司、数量、留言 → 提交即创建询价。
产品详情页点击 "Compare" → 加入对比栏(底部悬浮)。最多对比 4 个产品,可查看规格差异。
访问 https://cnprosafe.com/en/contact:填写姓名、邮箱、公司、电话、产品类别、数量、贸易条款、主题、留言、附件 → 提交。系统自动创建 Inquiry + Contact Message,互相通过 inquiryNo 关联。
买家登录后访问 https://cnprosafe.com/buyer/dashboard:
| 页面 | 功能 |
|---|---|
| Dashboard | 活动总览:询价数/报价数/订单数/样品数 + 时间线(所有活动按时间排列,点击跳转详情) |
| Orders | 订单列表 → 订单详情(四步进度条:confirmed → in_production → shipped → delivered)+ 产品明细 + 物流单号 |
| Samples | 样品列表 → 详情(产品/SKU/数量/快递/物流状态/付款状态) |
| Quick Order | 快速下单页面 |
| Profile | 编辑公司名、联系人、国家、电话 |
| 页面 | URL | 内容 |
|---|---|---|
| 行业应用 | https://cnprosafe.com/en/industries | 按行业分类展示产品方案 |
| 认证资质 | https://cnprosafe.com/en/certifications | ISO/CE/ANSI/CSA 证书列表(可下载 PDF) |
| 案例展示 | https://cnprosafe.com/en/case-studies | 客户成功案例图文 |
| 下载中心 | https://cnprosafe.com/en/download | 产品手册/规格书 PDF 下载 |
| 博客 | https://cnprosafe.com/en/blog | 行业文章列表 → 文章详情 |
| FAQ | https://cnprosafe.com/en/faq | 常见问题(手风琴展开) |
| 关于我们 | https://cnprosafe.com/en/about | 公司介绍、工厂展示、团队 |
| 客服中心 | https://cnprosafe.com/en/support-dashboard | AI Chat + Live Chat + WhatsApp 三合一 |
| 搜索 | https://cnprosafe.com/en/search?q=xxx | 全站产品搜索(AI 混合搜索) |
| 报价查看 | https://cnprosafe.com/en/quote/{token} | 买家通过邮件 Token 链接查看报价并接受/拒绝 |
| 询价成功 | https://cnprosafe.com/en/inquiry/success?no=XXX | 询价提交成功确认页 |
| 服务条款 | https://cnprosafe.com/en/terms | Terms of Service |
| 隐私政策 | https://cnprosafe.com/en/privacy-policy | Privacy Policy |
| Cookie 政策 | https://cnprosafe.com/en/cookie-policy | Cookie Policy |
| 自定义页面 | https://cnprosafe.com/en/pages/{slug} | 管理员可创建任意自定义页面 |
全站右下角悬浮客服按钮(Support FAB),点击展开:
支持 5 种语言:EN(英语)、ES(西班牙语)、FR(法语)、AR(阿拉伯语-RTL)、PT(葡萄牙语)。顶部导航栏切换,URL 前缀:/en /es /fr /ar /pt。
在管理后台编辑任意内容时,切换 locale tab 即可编辑对应语言版本。未翻译的内容自动 fallback 到英文。
访问 https://cnprosafe.com/admin/login,使用管理员账号登录。
| 一级菜单 | 二级菜单 |
|---|---|
| 📊 Dashboard | 数据概览(统计卡片 + 图表) |
| 📦 Products | 产品列表 / 创建 / 编辑 / 导入导出 |
| 📋 Inquiries | 询价列表 / 详情 / 状态管理 |
| 💰 Quotes | 报价列表 / 创建 / 编辑 / 发送 / PDF 下载 |
| 📦 Orders | 订单列表 / 详情 / 状态更新 / 物流 |
| 💬 Contacts | 联系消息列表 / 回复线程 |
| 👥 Buyers | 买家列表 / 审批 / 价格组 / 批量操作 |
| 📝 Content | Homepage / About / Industries / Case Studies / FAQs / Certificates / Downloads / Posts / Testimonials / Pages / Samples / Live Chat / WhatsApp / Chat Logs |
| 📧 Marketing | Campaigns / Templates / Subscribers / Config |
| 📈 Analytics | 网站流量分析 |
| 🖼 Assets | 媒体资源库(上传/浏览/删除) |
| ⚙ Settings | Site / Layout / Email Templates / Users / PayPal / Price Tiers / AI Forwarding / Notification Channels / Support / Embeddings / Operations / Logs |
| 🏷 Categories | 产品分类管理 |
Products → 列表页。支持:
在产品编辑页的 Addons 区域:添加附加选项(如 Logo 印刷、定制包装盒、加急生产)。每个 Addon 可设置:名称、描述、图片、价格、收费类型(one_time / per_unit)、是否必选、是否启用。
产品详情页 → Images 区域:上传多张图片(自动 OSS),拖拽排序,可删除。
Inquiries → 可按以下条件筛选:
点击进入后显示:
| 状态 | 说明 |
|---|---|
| draft | 草稿,未发送 |
| sent | 已发送,等待买家查看 |
| viewed | 买家已查看 |
| accepted | 买家已接受 → Inquiry 自动变为 "won" → 引导付款 |
| rejected | 买家已拒绝 → Inquiry 自动变为 "lost" |
| expired | 已过期(超过 Valid Until) |
买家接受报价 → 系统跳转支付页面(Payment Method Selector)→ 选择 PayPal 或银行转账 → 完成付款 → 系统自动创建 Order → Inquiry → Quote → Order 全链路可追溯。
Quotes → 详情页 → Download PDF → 生成专业报价单 PDF(含公司 Logo、产品表、金额、条款)。
订单由系统自动创建(买家接受报价并付款后),也可管理员手动在后台 Orders → Create 创建。
| 状态 | 说明 | 下一步 |
|---|---|---|
| confirmed | 已确认 | → in_production |
| in_production | 生产中 | → shipped |
| shipped | 已发货(填写 Tracking Number) | → delivered |
| delivered | 已签收 | 终点 |
| cancelled | 已取消 | 终点 |
| 字段 | 说明 |
|---|---|
| Charge Type | FREE / FIXED_PRICE |
| Fixed Price / Shipping Cost | 固定价格和运费 |
| Payment Status | pending / paid / refunded |
| Courier Pref / Account | 快递偏好和账号 |
| Tracking Number | 物流追踪号 |
| Dimensions / Weight | 包裹尺寸和重量 |
| Admin Notes | 内部备注(买家不可见) |
| Estimated Delivery | 预计送达日期 |
| 状态 | 说明 |
|---|---|
| pending | 待审批(新注册默认) |
| active | 正常 |
| suspended | 已停用(无法登录) |
| rejected | 已拒绝 |
Contacts → 按已读/未读筛选 → 点击进入详情。
Content → Homepage → 可配置的区块:
分别编辑对应页面的内容区块。支持多语言和图片上传。
上传 PDF/文档,前台 https://cnprosafe.com/en/download 展示。
Content → Pages → 创建自定义页面(标题、Slug、内容-富文本)。自动生成路由 https://cnprosafe.com/en/pages/{slug}。可删除。
Content → Live Chat → 等待中的会话列表 → 点击接入 → 实时聊天面板(WebSocket)。支持:发送消息、查看访客信息、关闭会话、主动联系在线访客(Proactive Chat)。
Content → WhatsApp → 管理 WhatsApp 代理信息(姓名、职位、手机号、头像、欢迎语)。
AI 聊天记录查看:按 session 查看对话历史。
发送后可查看统计数据:发送数、打开数、点击数、退订数。
{{name}} {{email}} {{company}} 等发件人名称/邮箱、发送频率限制、退订页链接。
Settings → Site:站点名称、标语、Logo、联系方式(邮箱/电话/地址/传真)、社交媒体链接(Facebook/LinkedIn/YouTube)、SEO 默认值、Google OAuth Client ID。
Settings → Layout:Header 配置(Logo、导航菜单、自定义页面链接)、Footer 配置(版权信息、快速链接)、Promo Bar(顶部公告栏,支持多条轮播)。
管理系统自动发送的邮件模板:
| 模板 Key | 触发时机 | 可用变量 |
|---|---|---|
| inquiry_confirmation | 买家提交询价 | name, inquiryNo, email, company, country, message |
| quote_sent | 管理员发送报价 | name, quoteNo, currency, subtotal, shippingCost, total, deliveryTime, incoterms, paymentTerms, validUntil, buyerEmail, itemsTable, itemsText |
| quote_accepted | 买家接受报价 | 同上 |
| status_update | 订单状态变更 | name, inquiryNo, status, notes |
可编辑 HTML/Text 双版本、预览、测试发送、复制模板。
Settings → PayPal:
Settings → Price Tiers:配置价格组(tier_1 / tier_2 / tier_3),每个 tier 设置:名称、折扣率(%)、MOQ 要求。买家分配对应 tier 后,所有产品价格自动应用折扣。
Settings → AI Forwarding:配置客户消息自动转发规则。可设置关键词匹配 → 转发到指定邮箱。
Settings → Notification Channels:
Settings → Support:客服 Widget 全量配置(等同于 application.yml 中的 support 段),包括:
Settings → Embeddings:查看 AI 嵌入索引状态、重建索引、清除索引。
Settings → Operations:
Settings → Logs:查看所有管理操作记录(谁、什么时候、做了什么)。
| 方式 | 说明 |
|---|---|
| PayPal | 标准 PayPal 支付(支持 PayPal 余额、银行卡) |
| Credit/Debit Card | 通过 PayPal 的信用卡支付(无需 PayPal 账号) |
| Bank Transfer | 银行转账(显示银行信息,管理员手动确认) |
/api/v1/paypal/capture,实时捕获/en /es /fr /ar /ptA: 检查用户名密码是否正确。默认 admin / Admin123!。如果忘记密码,需要直接修改数据库 admin_users 表的 password_hash 字段。
A: 确认 Status 为 published。发布后 Redis 缓存自动清除,可能需要等待几秒。如果还看不到,检查产品是否关联了分类、是否有英文翻译。
A: 新买家默认 pending 状态,需要管理员在 Buyers 审批为 active 后才能登录。Google OAuth 注册的买家自动 active。
A: 检查 Settings → Notification Channels → Email 是否开启。检查 SMTP 配置是否正确。检查 Redis 是否运行(邮件队列依赖 Redis)。
A: Quote Token 链接格式为 https://cnprosafe.com/en/quote/{uuid},确认 Nginx 代理正确。如果 Nginx 把 /en/ 路由到了前端就没问题。
A: 检查 PayPal Webhook 是否配置、capture 端点是否可达。查看服务器日志确认 capture 回调是否成功。管理员可手动在 AdminPaypalController 确认银行转账。
A: 确认 OSS 配置正确(endpoint / access-key / bucket)。确认 file.upload.use-oss: true。检查 OSS bucket 权限(公共读)。
A: 宝塔 → 数据库 → 备份 MySQL。Redis 数据可持久化(RDB/AOF)。上传文件在 OSS 上不会丢失。
A: 前端 next.config.ts 的 i18n locales 列表添加新语言代码 → 管理后台各内容模块会出现新的 locale tab → 填写翻译内容。阿拉伯语会自动 RTL。
A: Settings → Embeddings → Rebuild Index 重建所有产品和 FAQ 的向量嵌入索引。
CNProSafe B2B PPE Platform v2.0 · 完整使用手册 · 2026-07