如何使用轉換體驗優化您的 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 商店所需的資源。