Omnisend 代码片段将您的 BigCommerce Stencil 店铺与 Omnisend 连接，从而启用诸如 弃购购物车恢复、销售跟踪、注册表单、产品选择器 等功能。Omnisend 会自动为新的 BigCommerce 店铺添加这些代码片段。如果您使用的是旧版店铺或自定义 Stencil 主题，则需要使用 BigCommerce 的 Script Manager 手动添加它们。
本文将向您展示如何手动添加 Stencil snippets 以完成您的 BigCommerce 集成。
正在使用 Blueprint 主题吗？ 请按照而是参考 BigCommerce Blueprint Snippets 指南。
开始之前
添加代码片段之前，您需要连接您的 BigCommerce 店铺到 Omnisend
仅使用 一次一个片段类型： Stencil 或Blueprint。混合使用两者将会破坏功能。如果您不确定您正在使用哪个主题，查看 BigCommerce 的指南
切换主题时，您必须重新添加代码片段。主题更改会移除现有代码。
片段会自动添加至新的 BigCommerce 店铺。如果您看到如下错误消息，请按照本指南中的手动安装步骤操作。
添加代码片段
步骤 1.查找您的店铺 ID
要激活跟踪脚本，您必须将 XXXXX 替换为您的实际店铺 ID。没有它，代码将无法工作。
当您登录到您的 BigCommerce control panel 时，可以在地址栏中找到您的shop ID。如果您需要帮助查找它，请参考BigCommerce 的指南。
⚠️ 关键：请在上传之前，将所有三个脚本中的 XXXXX 替换为您的店铺 ID。
步骤 2.上传脚本到 BigCommerce 脚本管理器
接下来，使用 BigCommerce 的 Script Manager 将 三个脚本 上传到您的店铺。前往 Storefront → Script Manager 在您的 BigCommerce 后台。
⚠️ 上传之前，请将这些设置应用到每个脚本：
位置：页脚
脚本类别：基本
脚本类型：脚本
您将重复这些步骤三次，粘贴不同的脚本内容，并为每个内容选择正确的Location。
脚本 1: Omnisend Script
此脚本跟踪访客行为，并在您的店面页面上启用注册表单、购物车找回和产品选择器。
名称： Omnisend script
位置：店面页面
粘贴以下脚本:
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "##{{page_type}}";
SOUNDEST.productTitle = "##{{product.title}}";
SOUNDEST.productID = "##{{product.id}}";
SOUNDEST.categoryTitle = "##{{category.name}}";
SOUNDEST.categoryID = "##{{category.id}}";
SOUNDEST.token = "##{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
脚本 2: Omnisend Sales Tracking Script
此脚本跟踪已完成的订单，并将销售数据发送至 Omnisend，用于营销活动（Campaign）和自动化流程（Automation）的绩效分析。
名称: Omnisend Sales Tracking script
位置：订单确认
粘贴以下脚本：
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "##{{page_type}}";
SOUNDEST.productTitle = "##{{product.title}}";
SOUNDEST.productID = "##{{product.id}}";
SOUNDEST.categoryTitle = "##{{category.name}}";
SOUNDEST.categoryID = "##{{category.id}}";
SOUNDEST.token = "##{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
💡 这个脚本使用与 Script 1 相同的代码。
脚本 3: Omnisend 结账跟踪脚本
此脚本跟踪结账行为，以提高购物车弃购的准确性。
名称: Omnisend 结账跟踪脚本
位置: 结账
粘贴以下脚本：
<script type="text/javascript">
// SOUNDEST-V6-SM
window.SOUNDEST = window.SOUNDEST || {};
// Do not forget to replace XXXXXX with your shop ID! You can find it in your shop's permanent address: https://store-XXXXXX.mybigcommerce.com/. How to find it: https://goo.gl/1XddvQ
SOUNDEST.shopID = "XXXXXX";
SOUNDEST.shopType = "bigcommerce";
SOUNDEST.baseURL = "https://omnisnippet1.com/";
SOUNDEST.jsFile = "bigcommerce-checkout-launcher.js";
SOUNDEST.version = new Date().toISOString().slice(0, 13);
SOUNDEST.pageType = "##{{page_type}}";
SOUNDEST.productTitle = "##{{product.title}}";
SOUNDEST.productID = "##{{product.id}}";
SOUNDEST.categoryTitle = "##{{category.name}}";
SOUNDEST.categoryID = "##{{category.id}}";
SOUNDEST.token = "##{{settings.storefront_api.token}}";
!(function (baseURL, version) {
for (
var t = document.getElementsByTagName("script"), o = !1, s = 0;
s < t.length;
s++
)
"string" == typeof t[s].src &&
0 < t[s].src.indexOf(SOUNDEST.jsFile) &&
(o = !0);
if (!o) {
var i = document.createElement("script");
(i.type = "text/javascript"),
(i.async = !0),
(i.src = baseURL + "inshop/" + SOUNDEST.jsFile + "?v=" + version);
var r = document.getElementsByTagName("script")[0];
r.parentNode.insertBefore(i, r);
}
})(SOUNDEST.baseURL, SOUNDEST.version);
</script>
注意：此脚本使用不同的文件名（bigcommerce-checkout-launcher.js) 比脚本 1 和 2。
所有脚本添加并保存后，您的 BigCommerce 店铺将完全连接到 Omnisend 追踪。
联系人同步
所有通过 BigCommerce 添加或更新的联系人将自动添加到您的 Omnisend 受众 → 联系人名单。这些联系人也将收到标签 "source: bigcommerce"。
这使您能够轻松筛选和细分（Segment）从 BigCommerce 同步的联系人。您可以基于Tag is source:bigcommere创建一个细分（Segment）。了解有关 Omnisend 中细分受众（Segmentation）的更多信息.
常见问题
为什么在连接您的店铺后，代码片段没有自动安装？
自动代码片段安装适用于大多数新的 BigCommerce 店铺，但一些较旧的店铺或自定义 Stencil 主题需要手动安装。连接您的店铺后，请在 10 分钟内检查 Script Manager。如果没有 Omnisend 脚本出现，请按照本指南中的手动安装步骤操作。
如何检查 Omnisend 代码段是否已安装？
前往 BigCommerce → Storefront → Script Manager.寻找三个 Omnisend 脚本:Omnisend script" (Storefront pages), "Omnisend 销售跟踪脚本" (订单确认)，以及 "Omnisend 结账跟踪脚本" (结账)。如果这三个都出现，则表示代码片段已安装
我手动添加了代码片段，但表单和产品 Picker 不起作用。为什么？
You likely have duplicate snippets (automatic + manual).前往 BigCommerce → Storefront → Script Manager.如果那里列出了 Omnisend 脚本，请移除您手动添加到您的主题的页脚或页眉文件中的任何代码片段。只保留 Script Manager 中的脚本。重复的片段会破坏功能。
可以同时使用 Blueprint 和 Stencil 代码片段吗？
否同时使用两者会导致功能失效。基于您的主题，仅使用一种代码片段类型。如果您从 Blueprint 切换到 Stencil（反之亦然），请首先移除旧的 snippets，然后添加正确的 snippets。
我更新/切换了我的 BigCommerce 主题，现在表单不工作了。发生了什么？
主题更新或切换会从 BigCommerce 中移除现有脚本。前往 BigCommerce → Storefront → Script Manager 并检查三个 Omnisend 脚本是否仍在其中。如果它们缺失，请遵循上面列出的手动安装步骤。
我看到脚本代码中包含“XXXXXX”。我该怎么办？
替换XXXXXX 与您的实际 BigCommerceshop ID 在所有脚本中。在您的 BigCommerce 管理后台 URL 中查找您的 shop ID：https://store-XXXXXX.mybigcommerce.com/. 例如，如果您的网址是https://store-abc123.mybigcommerce.com/, replace XXXXXX 与在保存前，请在每个脚本中处理 abc123。
购物车找回无法正常工作。是不是代码段出了问题？
是。购物车找回需要所有三个脚本才能正常工作。检查 BigCommerce → Storefront → Script Manager 并确认：
Omnisend 脚本 已设置为店面页面 (跟踪购物车添加情况)。
Omnisend 销售追踪脚本 已设置为订单确认（跟踪已完成的订单）。
Omnisend 结账跟踪脚本已设置为结账 (跟踪结账放弃)。
如果任何脚本缺失或设置到错误的 Location，购物车找回将不会触发。
想联系客服？ 使用应用内聊天或将您的问题发送至 [email protected]