條件式商品選項:只在適用時顯示欄位

冗長的表單會流失顧客。條件式欄位只問每筆訂單真正需要的資訊,並附上可直接套用的實際範例。

由 GMVify 撰寫 · · 閱讀時間 5 分鐘

什麼是條件式欄位

條件式欄位只會在先前的答案需要它時才出現。勾選「禮物包裝」,就會出現包裝紙的可選項目。勾選「加入禮物訊息」,就會出現訊息欄位。選擇自訂尺寸,頁面就會詢問尺寸數據。

不需要這些東西的顧客永遠不會看到它們。需要的顧客則會看到緊接而來的正確問題。

為什麼重要

顧客每讀一個欄位,就多一個放棄的理由。如果頁面把禮物訊息、背面刻字和尺寸數據都顯示給每個人,大多數顧客會讀到與自己無關的問題,有些人還沒走到加入購物車就離開了。

條件式欄位讓每位顧客看到的表單都很簡短,同時仍為需要的訂單收集到所有資訊。這也能讓您的訂單保持乾淨:沒有禮物的訂單不會出現空白的「禮物訊息:」欄位。

三種條件類型

幾乎所有條件式欄位都採用以下三種規則之一:

  • 當欄位已填寫時:勾選了核取方塊,或文字方塊中輸入了內容。勾選「內側刻字」就會顯示「內側訊息」。
  • 當欄位等於某個值時:「文字內容」設為「我自己的文字」時,會顯示讓顧客輸入自己文字的欄位。
  • 當欄位不等於某個值時:卡片設為「不要卡片」以外的任何選項時,會顯示「卡片訊息」。

來自實際範本的模式

以下直接取自我們的範本:

  • 戒指:「內側刻字」會顯示「內側訊息」,最多 16 個字元。
  • 墜飾:+$240.00 的「背面刻字」會顯示「背面刻字內容」。
  • 座標手鍊:「刻字面」設為「正面與背面」(+$240.00)時,會顯示背面專用的欄位。
  • 禮物:+$120.00 的「禮物包裝」會顯示包裝紙;「加入禮物訊息」會顯示訊息。
  • 服飾:尺寸設為「自訂」時會顯示「尺寸數據」。
  • 印刷:設計設為「上傳圖片」時會顯示上傳欄位;設為「文字」時則改為顯示文字方塊。
  • 地圖:「地點數量」設為 2 或 3 時,會顯示第二和第三個地點,分別為 +$300.00 和 +$600.00。
  • 紀念品:「文字內容」設為「我自己的文字」時會顯示「您的文字」。

讓顧客可以選擇不個人化

條件也能反向運作。我們的「略過個人化」範本一開始只有一個「要個人化」核取方塊;只有勾選後才會出現「姓名縮寫」和「繡線顏色」,讓顧客不必瀏覽一堆欄位就能購買素面版本。

對於還不確定細節的顧客,「稍後提供細節」的設定有一個核取方塊「我會在結帳後提供細節」,可隱藏姓名和日期欄位。您現在就能收到訂單,細節則透過電子郵件取得。

讓條件保持乾淨的規則

  • 先問決定性的問題。欄位應該只依賴它上方的答案,這樣才不會有東西突然出現在顧客正在閱讀的位置之上。
  • 不要對隱藏的項目收費。計價欄位消失時,它的價格也會從總額中移除。
  • 不要要求隱藏的項目。必填欄位應該只在顧客看得見它時,才阻擋加入購物車。
  • 盡量維持單層。一連串的條件對顧客和您都很難理解。
  • 讓觸發條件清楚明瞭。「背面刻字(+$240.00)」說明了勾選後會發生什麼事。

把觸發條件和後續欄位一起寫

觸發條件和它開啟的欄位應該成對閱讀:

  • 「加入禮物訊息」開啟「禮物訊息」。
  • 「印上我的寄件地址(+$300.00)」開啟「寄件地址」,用於個人信紙。
  • 「加入出生資訊(+$240.00)」開啟「出生資訊」,用於寶寶名字毛毯。

當顧客勾選方塊時,接下來看到的應該正是他們預期要填寫的內容。

條件與價格

條件與價格搭配得很好。價格放在決定性的答案上(「加購可食用照片」+$300.00),而後續欄位(「蛋糕照片」)則不帶自己的價格。消費者在選擇的那一刻看到費用,就這麼一次。

一個可選項目也能改變另一個欄位的價格。在我們的姓名項鍊範本中,鍊長價格取決於金屬:18 in 的鍊子在金色款加 $450.00,在銀色款加 $150.00。

什麼時候不該用條件

  • 每位消費者都需要它。如果沒有這個欄位就做不出商品,那就從一開始就顯示。
  • 它改變的是商品本身。你備貨的不同尺寸或材質是子類,不是條件。
  • 它藏起了費用。會加價的答案應該永遠可見;只有它的後續欄位可以稍後才出現。

像消費者一樣測試

走過每一條路徑:選擇、改變心意、再選一次。確認總價跟著變動、隱藏欄位不會進到訂單,而且後台裡的訂單讀起來清楚明白。用手機測一遍,因為長表單在手機上最傷。

用 GMVify

GMVify Custom Product Options 只在先前的答案需要時才顯示欄位,也能讓一個可選項目依另一個可選項目定價,就像姓名珠寶設定中依金屬而定的鍊子價格。上述範本都已備好條件,您可以從一份能用的表單開始,把文字和價格改成您的。

店家想問的問題

Shopify 內建條件式選項嗎?

自訂欄位沒有。Shopify 的商品選項不會顯示或隱藏其他欄位;條件式欄位要靠佈景主題程式碼或應用程式。

隱藏的欄位該設為必填嗎?

不該。顧客看不見的欄位不應擋住加入購物車。

條件可以取決於子類嗎?

盡量讓條件放在欄位上。如果後續欄位只適用於某個子類,通常把它做成獨立商品或欄位可選項目會更清楚。

多少條件算太多?

當你無法用一句話說明這份表單時。大多數商品只需要一到兩個條件欄位,每個都只有一層。

隱藏欄位會顯示在訂單上嗎?

不應該。只有消費者看得到、填得了的欄位才該進到訂單。

條件欄位可以有它自己的價格嗎?

可以,但盡量把價格放在決定性的答案上,讓消費者在選擇的那一刻看到費用。

本指南提到的應用程式

提升您的 GMV

同樣的顧客,更大的訂單。

探索應用程式