客户项目 · 电商

Hoydi28 榛子

我们为来自吉雷松的榛子品牌 Hoydi28 开发了网上商店、可安装在手机上的管理后台,以及背后的支付、物流、电子发票、邮件和 Google 集成。Collapssi 的 AI 团队在后台工作:撰写博客文章、将网站翻译成新语言、策划店铺橱窗和营销活动,并为收到的邮件起草回复。商店和后台是同一个应用;每次发布时,所有页面都会为 Google 预先生成。

  • JavaScript(单页应用)
  • Supabase:PostgreSQL 与 Edge Functions
  • Netlify
  • 使用 Playwright 预渲染页面
  • PWA 与 Web Push
  • iyzico
  • EDM 电子发票 / 电子存档
  • Yurtiçi Kargo 与 Sürat Kargo
  • Resend
  • Google Analytics 4、Search Console、Google Ads、Merchant Center
  • Google Places API
  • Claude API
  • OpenAI Images API
商城首页
商城首页
语言
土耳其语、英语,以及按计划开放的新语言
支付
银行卡(iyzico)、银行转账
AI
七人 Collapssi 团队和广告助理
系统集成
物流、电子发票、Google Ads、Analytics、Search Console

截图取自网站和管理后台的本地副本。后台中的客户姓名、订单、公司和所有数字均为示例数据,并非商店的真实销售额或访问量。Google 评价中的评价者姓名仅显示首字母。

01

商店与商品页面

无论在手机还是电脑上,商店都同样用心运行。商品、分类和页面布局都在后台修改;价格和文字的改动会立即显示在网站上。商品页面在一个屏幕上回答顾客可能关心的问题。

  • 土耳其语和英语商店;新语言按自动计划开放,并会为访客提供其母语的翻译
  • 自动徽章:过去 60 天最畅销的商品显示“热销”,浏览最多的商品显示“热门浏览”,每晚更新
  • 过敏原卡片:以彩色标签显示所含过敏原、可能的微量成分以及适合人群(无麸质、纯素等)
  • 收藏爱心,并显示有多少人收藏了该商品
  • 产品卡片上直接选择数量;产品页价格随数量和包装实时更新,并有库存上限提醒
  • 礼品篮的价格和库存根据篮内产品自动计算;顾客也可以自行搭配专属礼品篮
  • 礼品留言、köme 品种选择,以及“到货通知我”请求
  • 无法通过快递寄送的商品标有“仅限长途汽车站提货”
商品页面:热销徽章、收藏和价格
商品页面:热销徽章、收藏和价格
过敏原信息及适合人群
过敏原信息及适合人群
手机端店铺
手机端店铺
02

会员账户、收藏和幸运转盘

会员在网站上会收到一些小惊喜。顾客可以一步步跟踪订单,收藏的商品降价或补货时会收到邮件,还能转动转盘赢取折扣。

  • 在页面一角一键使用 Google 登录,无需打开新页面,随后会显示带表情符号的欢迎问候
  • 带表情符号的动态物流步骤:已接单、备货中、运输中(卡车来回行驶)、已送达;附快递动态和跟踪链接
  • 收藏:收藏一定数量商品的会员会自动获得专属优惠券;收藏的商品降价或补货时会收到邮件
  • Hoydi 转盘:结果由服务器决定,优惠券直接存入账户
  • Hoydi Para:每笔订单均可积分,评价可获奖励,可用积分付款
  • 保存的地址和开票信息;忘记密码时通过邮件发送 6 位验证码
我的账户:带表情符号的物流步骤
我的账户:带表情符号的物流步骤
收藏和奖励进度条
收藏和奖励进度条
Hoydi 幸运转盘
Hoydi 幸运转盘
03

Google 评价自动同步

两家门店的 Google 评价每天早上自动获取,并以滚动条的形式展示在网站上。订单送达后,会礼貌地邀请顾客在 Google 上留下评价。

  • Merkez 和 Aksu 两家门店的 Google 商家评价每天早上通过 Places API 更新;评分和评价数也实时显示
  • 带门店筛选的滚动评价条
  • 订单已送达的会员会看到一次“您的订单到了吗?”窗口;轻触一下即可打开门店的 Google 评价页面
  • 由于 Google 禁止为评价提供奖励,因此不附带优惠券;在网站上评价商品可获得 Hoydi Para
滚动展示的 Google 评价
滚动展示的 Google 评价
送达后邀请顾客在 Google 上评价
送达后邀请顾客在 Google 上评价
04

支付与下单流程

银行卡支付时,服务器会重新计算金额;若与浏览器中显示的金额不一致,支付将不会发起。价格、促销活动、优惠券和运费均遵循同一套规则。

  • 在站内弹出窗口中通过 iyzico 支付表单完成银行卡支付,支持 3D Secure 验证
  • 付款确认后,订单变为“新订单”,并扣除 Hoydi Para 和优惠券;如果顾客关闭了页面,定时任务会查询付款结果
  • 银行转账:结算页面及下单后均会显示收款银行信息
  • 收货地址的省份和区县从列表中选择(81 个省份,973 个区县)
  • 下单后的开票信息:个人或企业;土耳其身份证号和税号会经过校验
  • 自动邮件:已接单、已发货(附跟踪链接)、已送达
结算页面
结算页面
05

后台里的 AI 团队:Collapssi

后台的 Collapssi 页签里有七位 AI 团队成员,他们每小时检查一次为 Hoydi28 负责的工作。每位成员都有自己的职责、心情会变化的吉祥物和对话气泡。未经批准,他们不会做任何改动:文章、橱窗、营销活动和邮件回复都等待店铺确认。

  • ✍️ Elif(内容作者):在选定的日子撰写博客文章,熟悉商品和以往文章;若内容违反规则,会给文章加上提醒标记
  • 🌍 Deniz(翻译):将以土耳其语输入的商品、博客和页面文字翻译成英语;按自动计划开放德语、俄语、阿拉伯语等新语言,并在翻译完成后发布
  • 🎨 Arda(视觉设计师):为每篇博客文章绘制合适的配图,放在小标题之间
  • 📐 Selin(网站设计师):根据点击和销售数据提出橱窗调整建议;在特殊节日前准备当天专用的横幅、轮播图和商品列表,可以提前预览,批准后在当天上线,结束后自动撤下
  • 📅 Emre(活动策划):规划接下来几周:优惠券、限时折扣、发给订阅者的邮件、给 Elif 的博客选题、给 Selin 的橱窗需求;每一项分别批准
  • ✉️ Zeynep(邮件助理):结合发件人的订单和公司档案阅读每封来信,在网上调研相关公司并起草回复;为批发意向客户建议跟进邮件
  • 🧭 Kerem(团队负责人):店铺通过聊天与他沟通;Kerem 让合适的成员完成修改,并把“从现在起”的偏好设为长期规则
  • 基本规则不可更改:不编造事实,不作健康宣称,不写价格;每位成员每月都有工作配额
与团队负责人 Kerem 聊天及长期规则
与团队负责人 Kerem 聊天及长期规则
Elif、Deniz 和 Arda
Elif、Deniz 和 Arda
Selin、Emre 和 Zeynep
Selin、Emre 和 Zeynep
待批准的节日橱窗和营销活动计划
待批准的节日橱窗和营销活动计划
06

管理后台

店主通过一个后台即可管理全部业务。它可以像 App 一样安装到手机上;有新订单时会推送通知,应用图标上还会显示待处理订单数量。

  • 首页:当日营业额、逐渐填满的目标进度条、Collapssi 团队状态、过去 14 天的销售额、按分类的分布
  • 订单:默认显示当天订单,可逐日切换,按状态和发票筛选;来自广告的订单和首次下单的顾客带有徽章
  • 多选与批量操作:打印、开票或更改所选订单的状态
  • A5 发货单(也可选择 A4 或 10×15 标签打印机);打印后的订单会自动变为“备货中”,礼品留言单独打印成卡片
  • 后台用户和角色;从新设备登录时会通过邮件发送验证码
  • 页面编辑器:添加和排列区块,可预览电脑、平板和手机效果
  • 用站内弹窗代替浏览器确认框;手机上有顶部栏、从左侧滑出的菜单和底部标签栏
管理后台仪表盘
管理后台仪表盘
订单
订单
手机上的管理后台
手机上的管理后台
07

目标、Analytics 和 Search Console

销售目标像配额一样逐步填满,Google 的数据也会汇入后台。报表顶部的 Collapssi 吉祥物会点评现状:进展顺利时会欢呼,下滑时会惊讶,并给出建议。

  • 目标:以旧网站的销售时段为参考;营业额、订单数和售出件数的进度条逐渐填满,并标出“今天应达到的位置”和期末预测
  • 访客(Google Analytics 4):访问量、订单转化、渠道、设备、城市、浏览最多的商品
  • Google 搜索(Search Console):点击、展示、点击率、平均排名、搜索词和页面
  • 销售与支出报表,WhatsApp 点击
  • 每周报告邮件:每周五早上发送带图表的摘要(营业额、广告、新会员、畅销商品、待办事项),由 Collapssi 制作
目标和 Collapssi 吉祥物
目标和 Collapssi 吉祥物
访客(Google Analytics)
访客(Google Analytics)
Google 搜索(Search Console)
Google 搜索(Search Console)
08

Google Ads 和 AI 广告助理

Google Ads 数据通过账户中的脚本每小时同步到后台。AI 助理每天撰写摘要并准备建议;未经店铺批准,广告账户不会有任何改动。

  • 按广告系列、广告组、关键词、搜索词以及购物广告中的商品查看报表
  • 来自广告的订单单独统计,并与花费进行对比
  • 建议:否定关键词、新关键词、预算、单次点击最高费用、新广告文案;批准的任务会在脚本下次运行时执行
  • 安全限制:每日总预算上限和出价范围在三个不同环节进行检查
  • 脚本会自动更新:只需在 Google Ads 账户中粘贴一次加载器,它会从网站下载主代码
  • Merchant Center 商品数据源在每次发布时更新;转化代码和 Google 同意模式均已配置
AI 广告助理和待批准的建议
AI 广告助理和待批准的建议
09

邮件和弃购购物车

公司邮箱就在后台中。自动邮件采用品牌设计,对于把商品留在购物车里的顾客,一键即可发送提醒。

  • 收件箱:会话、星标、归档、标签、稍后提醒、草稿和定时发送;支持多个公司邮箱地址
  • 弃购购物车:加入商品却未下单的访客,以及最常被留下的商品;通过邮件和 WhatsApp 提醒
  • 面向订阅者的营销邮件:明确同意后订阅,每封邮件都含优惠券区块和退订链接
  • 节日邮件:在母亲节、宗教节日和新年等日子,会自动发送祝福邮件和当天专用优惠券
  • 订单、发货和送达邮件;收藏商品的降价和到货提醒
弃购购物车和提醒
弃购购物车和提醒
10

寻找批发客户

通过 Google 地图寻找咖啡馆、酒店、坚果店以及采购企业礼品的公司,并像销售漏斗一样在后台跟进。

  • 寻找公司:在 Google 地图中按类型和城市搜索;有网站的公司会从其网站中找到邮箱地址
  • 按公司类型发送三封介绍邮件的序列:仅在工作日发送,设有每日上限,每封邮件都有退订链接;公司回复后序列即停止
  • 公司卡片:通话、样品、报价和订单会推进跟进阶段;全部记录集中在一个屏幕上
  • 公告:通过商品卡片向公司介绍新品和营销活动
  • 面向所有人的固定批发价目表,可直接打印;网站提交的批发申请会自动进入公司列表
批发:公司和邮件序列
批发:公司和邮件序列
11

物流、电子发票及其他集成

集成运行在服务器端函数中;密钥永远不会到达浏览器。发票和发货通知都在订单卡片中完成,状态会自动更新。

  • Yurtiçi Kargo 和 Sürat Kargo 集成已就绪:一键通知发货,发货单上印有 Code 128 参考条码,每两小时查询一次状态
  • 电子发票和电子存档(EDM Bilişim):买方已注册电子发票则开具电子发票,否则开具电子存档发票;列表中所有订单的发票可一次性开具
  • 优惠券、营销活动和 Hoydi Para 的折扣按比例分摊到各发票行
  • 通过 Web Push 推送新订单通知;应用图标显示待处理订单数量
  • Google 登录;Apple 登录已就绪
带快递参考条码的 A5 发货单
带快递参考条码的 A5 发货单

正在筹划类似项目?

告诉我们您的需求,我们将与您共同确定项目范围、周期和费用。首次咨询免费。

聊聊您的项目