如何使用转换体验优化您的 Shopify 商店

已发表: 2022-06-07
如何使用转换体验优化您的 Shopify 商店

您知道 Shopify 在线商店的全部潜力吗? 您准备好学习如何将您的页面提升到一个新的水平,从而增加您的流量并增加转化吗? 如果您是 Shopify 店主,正在为您的电子商务业务寻求合适的 CRO 解决方案,那么您来对地方了!

Shopify 中的 A/B 测试是使您的在线商店获得最大成功的关键组成部分。 它提供了重要的洞察力,让您了解是什么促使您的目标受众进行购买以及导致购物车放弃的原因。

由于变化的差异通常很小,因此很难确定您的电子商务网站的哪些组件对您不利。

A/B 测试可以揭示对文案、图片、CTA 定位和推荐位置的调整,这将使您能够全面优化目标网页。

虽然 Shopify 应用商店中的许多应用都提供 Shopify A/B 测试(功能极其有限),但 Convert 提供了更高级的工具,并以合理的价格提供了附加功能。

Shopify 店主可以使用转换体验来更好地了解受众的偏好并优化他们的转化率。

我们的测试工具将允许您

  • 优化您的弹出窗口,
  • 为您的客户启用产品比较,
  • 使用产品视频创建店内体验,
  • 目标产品 SKU,
  • 跟踪订阅结帐,
  • 使用跨域跟踪,
  • 设置最有效的购后优惠,
  • 拆分测试主题,以及
  • 设置高转化类别页面。

以下是使用转换体验优化您的 Shopify 商店的一些好处:

  • 简单性:使用 Convert 设置免费试用版既快捷又简单,之后,您将能够开始使用 Shopify A/B、MVT 和拆分测试。
  • 称职的视觉和编码编辑器: Convert 的高质量功能为您提供执行出色测试所需的支持。
  • 快速的客户服务: Convert 的客户服务每周 7 天,每天 24/7 小时,通过电话、电子邮件或聊天提供。 Convert 帮助中心还包含大量文档,可用于解决出现的困难。

现在,我们将向您展示使用 Convert Experiences 的 Shopify A/B 测试工具通过我们的自定义应用程序将 Convert 与 Shopify 集成是多么容易,这样您就可以执行最佳的 A/B 测试来优化您的商店并改进您的电子商务转化率。

隐藏
  • 使用 Convert 的自定义应用程序与 Shopify 集成
    • 创建您自己的转换 API 密钥
    • 创建收入目标
    • 创建 Shopify 自定义应用
    • 使用转换帮助工具获取您的应用价值
    • 生成安装程序链接
    • 连接您的转换帐户
  • 在您的 Shopify 商店上运行的测试类型
    • 优化您的弹出窗口
    • 实施详细的产品比较表
    • 通过产品视频模拟店内客户体验
    • 定位特定产品 SKU
    • 跟踪订阅结帐
    • 识别跨域购买
    • 寻找最有效的购后优惠
    • 设置高转化类别页面
    • 拆分测试 Shopify 主题
  • 结论

使用 Convert 的自定义应用程序与 Shopify 集成

在 Shopify 上手动安装 Convert 可能非常复杂——但幸运的是,有一种更简单的方法可以做到这一点。 Convert 自定义应用程序可自动执行安装过程,使 Shopify 商店可以轻松上手。

Convert Experiences 如何在 Shopify 中自动化其 A/B 测试安装过程的流程图
Convert Experiences 如何在 Shopify 中自动化其 A/B 测试安装过程的流程图

还可以跟踪所有 Shopify 计划的收入,而不仅仅是 Plus 计划(具有自定义结帐域)。

创建您自己的转换 API 密钥

您需要成为帐户所有者才能创建自己的转换 API 密钥。 进入账户设置:

编辑帐户设置以使用转换体验进行 Shopify A/B 测试
编辑帐户设置以使用转换体验进行 Shopify A/B 测试

从顶部选择 API-Keys 选项卡菜单,然后单击 New API-Key 按钮生成您自己的:

在 Convert Experiences 中生成新的 API-Key 以连接到 Shopify
如何在 Convert Experiences 中生成新的 API-Key 以连接到 Shopify

您将需要这对密钥来连接您将在以下部分中创建的自定义 Shopify 应用程序。

创建收入目标

您现在需要创建一个简单的收入目标并将其添加到您在 Shopify 商店中运行的实验中。

设置 Shopify A/B 测试时在转换体验中创建收入目标
设置 Shopify A/B 测试时在转换体验中创建收入目标
设置 Shopify A/B 测试时在转换体验中创建收入目标
设置 Shopify A/B 测试时在转换体验中创建收入目标

创建 Shopify 自定义应用

转到您的合作伙伴.shopify.com,单击“应用程序”,然后单击“创建应用程序”按钮。

使用 Convert Experiences 创建 Shopify 自定义应用程序以进行 A/B 测试
使用 Convert Experiences 创建用于 A/B 测试的 Shopify 自定义应用程序

选择自定义应用程序:

使用 Convert Experiences 创建 Shopify 自定义应用程序以进行 A/B 测试
使用 Convert Experiences 创建用于 A/B 测试的 Shopify 自定义应用程序

暂时不要输入任何值

使用 Convert Experiences 创建 Shopify 自定义应用程序以进行 A/B 测试
使用 Convert Experiences 创建用于 A/B 测试的 Shopify 自定义应用程序

使用转换帮助工具获取您的应用价值

访问我们的帮助工具 https://helper.convertapps.net/custom-app-info,在此处输入您的 Shopify 商店名称,您将获得上一步所需的值。

使用 Convert Experiences 中的帮助工具获取 Shopify A/B 测试的应用价值
使用 Convert Experiences 中的帮助工具获取 Shopify A/B 测试的应用价值

复制我们的帮助工具生成的应用程序名称、应用程序 URL 和允许的重定向 URL,并将它们插入到您刚刚创建的自定义应用程序中。

使用 Convert Experiences 中的帮助工具获取 Shopify A/B 测试的应用价值
使用 Convert Experiences 中的帮助工具获取 Shopify A/B 测试的应用价值

生成安装程序链接

创建应用后,您现在拥有 Shopify API 密钥。

按“生成链接”按钮。

生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试
生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试

输入您的“myshopify”商店域,也可以在帮助工具下找到。

生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试
生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试

点击商家安装链接完成安装。

生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试
生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试

您需要输入您的 Shopify API 密钥,可在此处找到:

生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试
生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试

接下来,单击安装应用程序按钮:

生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试
生成安装程序链接以使用 Convert Experiences 设置 Shopify A/B 测试

连接您的转换帐户

单击连接按钮将自定义 Shopify 应用连接到您的转换帐户:

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

输入您自己的转换 API 密钥(您在前面部分中创建的那些):

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

接下来,选择您在前面部分中创建的收入目标:

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

恭喜 - Convert 和 Shopify 现已连接!

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

单击“保存”按钮后,您会注意到“启用”按钮现在可用:

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

点击启用按钮完成安装:

将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试
将 Shopify 应用连接到 Convert Experiences 帐户,以运行 A/B 测试

在您的 Shopify 商店上运行的测试类型

Convert 和 Shopify 都是优秀的产品。 使用 Convert for Shopify 优化可能会给您带来额外的创造力,帮助您增加转化次数!

您可以运行多种不同类型的 A/B 测试来帮助您充分利用 Shopify 商店。 无论您的业务规模如何,这些工具都将为您提供广泛的选择,帮助您制定和检验您的假设,并对您的网站做出最有益的调整。

开始时,您可以测试以下一些优化策略以改善电子商务商店的指标:

优化您的弹出窗口

假设您的网站现已启动并正在运行。 在访问您的 Shopify 商店后,您有许多访问者来到您的主页,您想知道接下来会发生什么。

如果您想将第一次和潜在客户转化为订阅者和普通买家,您需要一个很棒的弹出窗口。

有许多规则、技巧、方法和最佳实践可用于开发高转化率的弹出窗口。 但是,现实情况是,A/B 测试是唯一能够真正最大化您的弹出式广告转化率的方法。

使用转换体验运行 Shopify A/B 测试时优化弹出窗口
使用 Convert Experiences 运行 Shopify A/B 测试时优化弹出窗口

通过 Convert 的 A/B 测试,您可以尝试不同的标题和 CTA 按钮,以确定哪个弹出窗口最适合转化率优化。

使用转换体验运行 Shopify A/B 测试时优化弹出窗口
使用 Convert Experiences 运行 Shopify A/B 测试时优化弹出窗口

实施详细的产品比较表

您是否曾经在网上购物时难以在两种产品之间做出选择?

现在,您可以让客户比较产品,从而为他们提供更好的 Shopify 体验。

虽然 Shopify 提供的产品比较功能非常有限,但有一些自定义产品比较应用程序(例如 Product Compare)可以为您的用户节省时间和金钱。

该应用程序提供极其精确的信息,帮助您的客户对他们的购买决定更有信心,减少您收到的实时聊天和支持查询,并提高您的转化率。

您的 Shopify 客户将能够选择他们想要比较的产品,以及在浏览网站的类别和产品页面时将产品添加到比较列表中。

他们将能够并排查看每个产品及其详细信息,以及他们选择比较的产品列表,从而使他们能够更快地做出决定。

一旦他们下定决心,他们就可以直接从比较页面将商品添加到购物车中。

您可以使用转换体验运行 A/B 测试,以确定产品比较应用程序中“添加到比较”复选框的最佳外观:

在转换体验中运行 Shopify A/B 测试时添加产品比较表
在转换体验源中运行 Shopify A/B 测试时添加产品比较表

或者您想通过添加额外的行来定义额外的字段来对产品比较表本身进行 A/B 测试:

在转换体验中运行 Shopify A/B 测试时添加产品比较表
在转换体验源中运行 Shopify A/B 测试时添加产品比较表

只需选择您想要进行 A/B 测试的内容,然后使用 Convert 的可视化编辑器对其进行自定义并为您的访问者激活体验。

如果您有一个复杂的产品目录,请确保您的网站访问者可以并排比较类似的产品。

您可以通过对客户的决策体验进行 A/B 测试来提高客户的满意度并增加转化率。

通过产品视频模拟店内客户体验

尽管我们今天的世界是多么的数字化,但总会有一部分观众更喜欢店内体验而不是在线购物。

使用 Convert,您可以轻松地在您的 Shopify 网站上复制这种体验。

一种方法是使用产品视频来直观地引导访问者了解产品的所有功能和优势。 这些可能是基本的产品尺寸比较 GIF、简短的操作方法影片或外观手册!

转换 HTML 功能允许您在产品页面上嵌入视频,让访问者更好地了解产品。

我们建议您将视频托管在 YouTube 或 Vimeo 等第三方托管服务上。

从那里,您可以复制视频的 URL,然后转到“响应式嵌入”,将视频嵌入到您的网站上。

使用 Convert Experiences 运行 A/B 测试时在 Shopify 商店中嵌入产品视频
在使用 Convert Experiences 运行 A/B 测试时在 Shopify 商店中嵌入产品视频

从转换可视化编辑器中选择“插入 HTML”选项,在您选择的位置插入上述代码。

使用 Convert Experiences 运行 A/B 测试时在 Shopify 商店中嵌入产品视频
在使用 Convert Experiences 运行 A/B 测试时在 Shopify 商店中嵌入产品视频

定位特定产品 SKU

Shopify 会为您销售的每种产品生成一个唯一的产品 ID,您可以在商店管理员的 URL 中找到该 ID。 这将是一个很长的数字,例如 8672415878。这就是 Shopify 跟踪从仓库到客户的每个产品的方式。

对于该产品的每个变体,您可以选择以您自己的格式添加产品 SKU。

使用转换体验为 Shopify 商店运行 A/B 测试时插入产品 SKU
使用转换体验为 Shopify 商店运行 A/B 测试时插入产品 SKU

从那里,您可以使用转换高级页面标记仅针对特定产品 SKU 运行 A/B 测试。

只需使用我们的高级跟踪代码并使用以下值填写 _conv_product_sku:

 product.selected_variant.sku 
使用转换体验时为特定产品 SKU 运行 Shopify A/B 测试
使用转换体验时为特定产品 SKU 运行 Shopify A/B 测试

在站点区域下,将有一个选择产品 SKU 的选项。

使用转换体验时为特定产品 SKU 运行 Shopify A/B 测试
使用转换体验时为特定产品 SKU 运行 Shopify A/B 测试

跟踪订阅结帐

以前,想要销售订阅产品的 Shopify 商家必须依赖第三方程序,例如 ReCharge 或 Bold Subscriptions。

这意味着订购订阅的买家必须在结帐页面上通过与订购一次性商品的买家不同的流程。

客户将从 Shopify 商店网站转移到单独的结帐流程,然后在付款完成后返回原始商店。

幸运的是,Shopify 最近发布了新的订阅 API,旨在提供更流畅的结账体验。

尽管订阅应用程序仍处理售后管理,但客户现在可以在不离开商店网站的情况下启动产品订阅。

无论您使用的是 Shopify 结账还是第三方订阅应用,转换 A/B 测试都能满足您的需求!

使用 Convert Experiences 的 A/B 测试在您的 Shopify 商店中跟踪订阅结帐
使用 Convert Experiences 的 A/B 测试跟踪 Shopify 商店中的订阅结帐

我们的 webhook 方法可让您轻松跟踪订阅收入,就像您进行一次性购买一样。

使用 webhook,Convert 脚本“监听”来自 Shopify 的每个订单的付费事件(任何购物车解决方案都会触发该事件,包括 Recharge)。

您可以通过我们的自定义应用程序将 Convert 与 Shopify 集成并选中 webhook 的复选框来进行设置:

使用 Convert Experiences 的自定义应用程序将 Convert 与 Shopify(通过 webhook)集成
使用 Convert Experiences 的自定义应用程序将 Convert 与 Shopify(通过 webhook)集成

如果您想手动完成,您也可以在 Shopify 上设置自己的 webhook。 在您的 Shopify 商店进行首次订阅购买后,您将开始在您的转换报告中看到收入金额:

在为您的 Shopify 电子商务商店使用转换体验时在转换报告中跟踪订阅收入
在为您的 Shopify 电子商务商店使用转换体验时在转换报告中跟踪订阅收入

有关结帐页面上要避免的更多信息和错误,这里有一篇关于优化 Shopify 结帐的文章。

识别跨域购买

您可能会惊讶地发现一个 Shopify 商店可以拥有多少个域和子域。

为了让一切都集中在一个屋檐下,许多 Shopify 所有者维护一个“主网站”,并为每个产品、登录页面和结帐 URL 设置新域和子域。

这些域和子域中的每一个都包含重要的用户数据,如果未正确集成到您的 A/B 跟踪中,这些数据可能会变得支离破碎、重复和错误。

几乎不可能单独访问每个域,收集实验数据并将所有内容手动拼凑在一起。

我们建议使用跨域跟踪来连接和同步您的各个域,以便您可以轻松跟踪并获得他们全面的实验数据报告。

使用 Convert 可以很容易地设置跨域跟踪:

1. 只需将您的所有 Shopify 域添加到活动网站中。 每当访问者单击链接、提交表单或通过各种 URL 购买产品时,转换 cookie 都会在同一项目的域之间自动共享。

将跨域跟踪与转换体验一起用于您的 Shopify 电子商务商店
将跨域跟踪与转换体验一起用于您的 Shopify 电子商务商店

2. 转到您的项目设置并确保未选中此复选框:

将跨域跟踪与转换体验一起用于您的 Shopify 电子商务商店
将跨域跟踪与转换体验一起用于您的 Shopify 电子商务商店

最近,Convert 客户要求使用“购买”按钮在其网站上实施跨域跟踪。

该客户使用 Shopify“购买”按钮在另一个网站上进行跟踪,当他们的客户单击 Shopify“购买”按钮时,该网站会将他们的客户重定向到他们的 Shopify 结账处。

从那里开始,必须完成其余的流程,然后才能确认订单。

在转换体验中使用购买按钮进行 Shopify 跨域
Shopify 使用 Buy Button 跨域
在转换体验中使用购买按钮进行 Shopify 跨域
Shopify 使用 Buy Button 跨域

由于 Convert 的跨域跟踪功能,访问者单击“立即购买”按钮时进行的购买被成功捕获。

寻找最有效的购后优惠

购买前的体验至关重要,但购买后的体验也是测试您网站的好地方。

当客户忠诚度高时,购买后优惠会在结账后和“谢谢”页面之前立即显示。 A/B 测试您的售后追加销售将帮助您实现最大的转化率。

使用 Convert Experiences 优化您的 Shopify 商店时提供购买后优惠
售后优惠

想象以下场景:

  1. 用户到达您的目标网页。
  2. 用户添加到他们的购物车,然后登陆购物车页面。
  3. 用户进行购买并登陆第一个加售页面。
  4. 用户将购买后优惠添加到他们的购物车并转到购物车页面。
  5. 完成购买后,用户登陆第二个加售页面。

在上述场景中,我们想要对追加销售页面进行 A/B 测试并找出:

  • 哪些售后优惠最有效?
  • 哪些购后优惠的访问者总数、转化率、收入和每位访问者的收入最多?

Convert 的点击跟踪选项允许您在用户点击优惠时有效地跟踪购买后优惠。

为此,您需要在 Project Configuration > Global Project Javascript 或 Experiment Global Javascript 中插入以下 JS 代码,具体取决于您希望它可用于所有实验还是仅用于当前实验。

 var monitor = setInterval(function(){
   var elem = document.activeElement;
   if(elem && elem.tagName == 'IFRAME'){
       清除间隔(监视器);
       窗口._conv_q = 窗口._conv_q || [];
       // 将 123456789 替换为您的目标 ID
      _conv_q.push(["triggerConversion","123456789"]);
   }
}, 100);

设置高转化类别页面

您的类别页面对于将客户移至转化渠道至关重要。 如果您的研究表明这对您的客户来说是一个绊脚石,那么您将需要进行一些 A/B 测试。

这里有一些建议:

  • 检查类别的替代命名标准,以了解新变体是否更吸引人或更易于客户理解。
  • 尝试个性化用户查看的类别以改善他们的现场体验。
  • 尝试各种图片,例如产品图片与生活方式摄影。

让我们看一下类别页面的 A/B 测试。

根据热图和会话记录,与产品类别页面上的过滤器有很多互动,特别是在各种类型的宠物玩具上。

不熟悉产品的用户可能不了解类别之间的差异或哪种玩具最适合他们的宠物需求,因此从这种测试中可以获得很多好处。

变体和原件如下所示:

为您的 Shopify 商店使用转换体验时设置具有高转换率的类别页面
类别原始页面
为您的 Shopify 商店使用转换体验时设置具有高转换率的类别页面
类别变化页面

拆分测试 Shopify 主题

使用编辑工具手动修改代码是具有挑战性的,如果不是不可能的话。 在同时测试对 Shopify 商店的大量更改时,拆分测试主题可以说是最简单的方法。

这并不意味着一次操作两个 Shopify 主题很容易。 由于 Shopify 处理实时和预览主题的方式,需要进行大量调整以确保获得积极的体验。

在本文中,我们分解了测试不同主题的步骤,以确定最能提高转化率的主题。

结论

Convert Experiences 可用于在 Shopify 商店中执行 A/B 优化测试,并显着提高商店的转化率和用户体验。

它还可以为您的客户提供许多优势。 您可以利用 Convert 的 Shopify A/B 测试快速调整您的业务并从您当前拥有的流量中获利,而不是投资于流量获取。

Convert 不仅易于使用并具有大量有用的功能,而且还完全符合隐私要求,使其成为最具成本效益的工具。

这些只是 Convert 如此受用户欢迎的几个原因。

如果您对 Shopify 转化率优化有任何疑问或需要 Shopify A/B 测试方面的帮助,请随时与我们联系! 我们致力于简化 A/B 测试过程,并且我们总是很乐意为您提供最有效地优化 Shopify 商店所需的资源。