在自有网站上在线接单

小部件**“在线接单”**可为已有网站添加订单接收功能。无需迁移或重新排版：小部件会读取网站页面，在页面上放置“加入购物车”按钮，并在现有布局之上运行购物车和结账流程。

位置：营销 → “我的网站” → “在线接单”卡片 → 齿轮图标。安装代码对所有小部件通用，参见我的网站。

四种工作模式#

模式	访客看到的内容	适用场景
自有店面	“下单”按钮；点击后在页面之上打开带菜单和购物车的店面	名片网站、落地页、博客——页面上没有商品
覆盖网站	我们的“加入购物车”按钮直接嵌入现有布局——商品页和目录中，购物车位于屏幕角落	网站已有商品目录，但没有订单接收功能（或体验不佳）
替换按钮	同上，并隐藏网站原生的“购买”按钮和购物车	希望所有订单只通过我们处理
完全接管	网站外观不变：按钮保持原生，但点击后商品进入我们的购物车，跳转网站购物车时打开我们的购物车，计数器和金额显示我们的数字	店面排版已经很好——不想改变外观，但订单和价格必须由我们掌控

扫描网站#

除“自有店面”外的所有模式都基于网站地图运行：即您的页面上商品名称、价格、图片、原生购买按钮和原生购物车的位置。

地图由扫描仪构建：输入地址并点击“扫描网站”——通常需要 1–3 分钟。其中包括：

平台预设——为八个平台提供现成的选择器集合：WooCommerce、Shopify、Magento、PrestaShop、Bitrix、InSales、Tilda、OpenCart。扫描仪还能通过指纹识别 Ecwid、Squarespace 和 Wix，但没有对应预设——地图通过 AI 解析构建；
AI 解析布局——适用于自建网站和非标准主题；
验证每个找到的选择器在真实页面上的效果；数据与商品微标记进行比对。未经验证的选择器不会进入地图——宁可少几个按钮，也不要按钮出现在错误位置。

结果中可见：识别出的平台、已扫描页面数量、识别出的商品示例，以及分别显示的商品页和目录卡片。地图通过按钮应用，并与小部件设置一同保存。网站发生变化——只需重新扫描。

按钮放置与外观#

在带实时预览的布局上配置——典型商品页和目录：

商品页按钮：价格下方、网站原生按钮旁边、屏幕底部悬浮或关闭（“完全接管”的主要场景——没有自己的按钮，访客点击原生按钮）；
目录卡片按钮：卡片上方、卡片下方或关闭；
购物车按钮：屏幕四个角中的任意一个；
按钮颜色和文字（“加入购物车”、“下单”、自定义）——可为网站的每种语言单独设置文字。

自定义价格#

独立开关：小部件将网站价格重新计算为自有价格并展示给访客——在商品页、目录和购物车中。

基础规则适用于所有商品：百分比、按币种加价、“不低于/不高于”限制以及取整（取整、尾数 …9、小数 .99、整十 …0、按 10/50/100 的倍数）。
按页面地址、名称或货号的精准覆盖：自定义价格、自定义规则、购物车中的不同名称或“已下架”——此时不放置按钮。
显示选项：旧价格以删除线显示在新价格旁、类似“促销价”的标注、自定义货币符号、额外的价格展示位置（粘性面板、“相似商品”区块）。也可以关闭直接在网站标记中重绘价格：访客看到网站价格，而进入购物车的是您的价格。
后台中有基于您网站价格样本的“之前 → 之后”预览。

⚠️ 重写是视觉上的：您网站的后端并不知道新价格。因此自定义价格应与订单接管配合使用——否则点击了仍存在的原生按钮的访客会以旧价格下单，绕过您。在“完全接管”模式下，自定义价格默认开启，如果未开启接管而启用了自定义价格，后台会发出警告。

下单后会发生什么#

访客将商品加入购物车，打开购物车并下单——姓名、电话、配送或带地址的自提、备注。订单进入后台的**“订单”**板块，与店面、收银和聚合平台的订单同等处理：相同的状态、通知、打印和传送到厨房。没有单独的“小部件收件箱”。每条订单记录都附带一个链接，指向您网站上将其加入购物车的那一页——操作员可以看到具体下单了什么。

在线接单的其他所有设置也在同一处配置，即小部件的模态窗口中：它采用手风琴结构，包含“您网站上的小部件”、“订单接收”、“配送与自提”、“支付”、“结账”和“收据 fiscalization”等区块——与后台相应板块中相同的表单，集中在一处。

“到货通知”按钮#

同一小部件的第二个独立标签，用于您网站上已售罄商品的页面。访客点击按钮、留下邮箱、通过邮件中的链接确认，并在商品恢复库存时收到一封邮件；确认邮件中“确认”旁边还有“拒绝”。通知由与我们的店面中“到货通知”订阅相同的机制发送——不会产生第二个。

如何接入：在在线订单设置窗口中打开**“🔔 到货通知”**卡片，选择商品，如有则选择已发布目录中的款式——生成器会生成代码。在商品页面上放置带 data-cenaly-stock="<товар>" 属性的按钮（现成示例就在同一卡片中），并一次性插入 stock/v1.js 标签。启动器不到一千字节，只做一件事——等待点击；订阅表单、词典和发送会在访客操作后以单独文件加载。

需要了解的事项：

商品需手动关联。 我们不比对他人目录，也不读取他人页面的库存：“恢复库存”指的是您在我们这里目录中的库存，与我们的店面所见一致。已发布门店目录中没有的商品，按钮不会接受。
订阅需通过邮件确认（double opt-in）：在点击邮件链接之前，不会发送到货通知。
订阅不预留商品。 通知在我们的目录中恢复库存时发送。当前版本中，一个邮箱对同一商品只计一次：对同一商品另一款式的重复订阅不会替换已选择的款式。
在严格 CSP 下仅带 nonce 时，订阅表单在没有 CDN 脚本的额外许可或合适的 'strict-dynamic' 策略前尚无法打开：详情见“我的网站”。
这不是统一标签。 “我的网站”的统一加载器不会加载“到货通知”按钮——它有自己的标签和页面上的独立标记，因为它只出现在您放置它的地方。

限制#

扫描仪读取服务器端 HTML。如果目录完全由 JavaScript 渲染，商品页面可能找不到——此时可使用“自有店面”模式。
购物车中的商品取自您网站的页面，而非后台目录：小部件从页面本身读取名称和价格（并在需要时按您的价格规则重新计算）。无需为此将目录迁移到我们这里——但后台库存也不会因此类订单而扣减。
在小部件购物车中，可选择货到付款或在线支付（若门店已配置受支持的提供商）。创建订单后，访客跳转到提供商页面；小部件本身不接收银行卡数据。若支付准备失败，可为已创建的订单重试支付。
在“替换按钮”模式下，原生按钮会被视觉隐藏；如果网站上存在其他下单路径（例如指向他人购物车的直接链接），需自行移除——或切换到“完全拦截”模式，由其接管此类跳转。

故障排查#

网站上没有“加入购物车”按钮。

未找到标签——在“我的网站”中点击“检查安装”。“无代码”——标签未插入或未放在模板的所有页面上；“其他门店的代码”——标签中是他人的 data-domain。标签由 Google Tag Manager 插入时，检查无法看到，请用眼睛查看网站。
更改未生效——小部件文件通过 CDN 分发，缓存 5 分钟：请稍候并清除缓存后刷新页面。
站点地图未构建或未应用——在“自有店面”以外的模式中，按钮按站点地图放置：请扫描网站并应用结果。
扫描仪未找到商品页面——它读取服务器端 HTML；如果目录完全由 JavaScript 渲染，请切换到“自有店面”模式。
商品页面上的按钮在放置设置中被关闭——这是“完全拦截”场景的预期行为，此时访客点击网站的原生按钮。

购物车按钮消失了。 检查放置设置中选择的屏幕角落；如果启用了多按钮且其扇形菜单中有“下单”项，小部件自身的按钮会被有意隐藏。

按钮位置不对或网站更新后消失。 布局已更改——点击“重新扫描”：放置设置会保留。

页面上的价格未变化。 可直接在网站标记中重绘价格的功能可通过设置关闭——此时访客看到网站价格，而购物车中带入您的价格。还请检查价格规则已启用，且该商品没有单独覆盖。

访客在网站上下了订单，但后台没有该订单。 很可能订单绕过了我们——通过残留的原生按钮或指向网站购物车的直接链接。可通过“替换按钮”或“完全拦截”模式解决。

订单中价格不对。 价格重写是视觉层面的：您网站的后端对此不知情。只有在同时拦截订单时才有意义启用自有价格——否则部分订单会按旧价格绕过您下单。

常见问题#

需要把目录迁移到你们这里吗？ 不需要。小部件直接使用您网站页面上的商品——名称和价格都从那里读取。如果希望进行库存管理、按项目分析以及使用我们的店面，才需要账户中的目录：可以通过网站地址导入或文件导入——参见 AI 导入目录和网上商店。

如果网站发生了变化怎么办？ 点击“重新扫描”——地图会更新，投放设置会保留。

小部件会破坏页面布局吗？ 按钮会插入到您标记中找到的位置，外观可以配置；购物车和结账在页面之上打开，不会影响您的布局。

网站在线点餐/下单