自訂欄位區塊

您可以使用自訂欄位區塊收集其他顧客資訊。自訂欄位可以是可選欄位,也可以是必填欄位,因此您可以設定自訂欄位來封鎖結帳作業,直到顧客完成該欄位才能繼續。

Checkout Blocks 支援多種輸入類型,包括純文字、下拉式選單、核取方區塊和日期選擇器。自訂欄位資料可另存為訂單中繼欄位、訂單屬性或訂單備註。

有多種範本可供使用,這些範本會根據一些常見使用案例來預先填入自訂欄位區塊的內容和設定:

  • 同意條款:此範本要求顧客在結帳前同意您的服務條款,顧客可按一下該條款,並於彈出式視窗查看。核取方塊預設為未選取。
  • 生日:此範本可讓顧客在結帳時選擇提供生日,以便用於行銷目的。
  • 禮品訊息:此範本可讓顧客在將訂單作為禮品送給他人時,包含可選書面訊息。

支援資料類型

自訂欄位會儲存至顧客的訂單,作為訂單中繼欄位訂單備註屬性訂單備註本身。請考慮盡可能使用訂單中繼欄位,因其為儲存和擷取 Shopify 訂單自訂資料的最強大方式。

Checkout Blocks 不支援新增欄位至現有結帳頁面表單,例如運送地址或帳單地址。請改為在現有結帳頁面表單上方或下方新增自訂欄位區塊。

訂單中繼欄位

當將自訂欄位儲存至訂單中繼欄位時,使用的命名空間為 checkoutblocks,而鍵值則是按照您在新增自訂欄位至區塊時定義的內容(例如,agree_to_terms)。

訂單歸因分析

訂單屬性(也稱為備註屬性購物車屬性)不相容 Shopify 的預設裝箱單訂單草稿

如果您需要使用裝箱單或訂單草稿,請改為使用訂單中繼欄位作為資料類型。

訂單備註

當在儲存自訂欄位至訂單備註時,顧客新增至備註欄位的任何現有內容都將被替換為您的自訂欄位。如果您選擇將自訂欄位資料另存為訂單備註,請考慮停用佈景主題中的新增購物車訂單備註選項(若您已啟用該設定)。這代表顧客不必輸入兩次備註內容。

使用訂單備註類型的一個好處是,其可在結帳頁面內,自動顯示在購物車輸入的現有訂單備註。這可確保特定用例(例如訂單備註或配送備註)在結帳流程的一致性。

訂單備註不相容訂單草稿

支援輸入類型

自訂欄位區塊支援以下類型欄位:

  • 核取方塊
  • 日期和時間選擇器
  • 出生日期
  • 下拉式清單
  • 電話欄位
  • 選項按鈕
  • 文字輸入

建立自訂欄位區塊

您可以在 Checkout Blocks 應用程式建立和設定自訂欄位區塊。在建立自訂欄位區塊後,必須新增該區塊至結帳頁面

步驟如下:

  1. 在您的 Shopify 管理介面中,依序前往「應用程式」>「Checkout Blocks」
  2. 按一下「區塊」,然後按一下「建立區塊」。
  3. 按一下「自訂欄位」。
  4. 選取要使用的欄位範本。如果您不想預先填入任何欄位或設定,請選取「空白範本」。
  5. 區塊名稱區段,輸入區塊名稱。這不會向您的顧客顯示。
  6. 應用程式區塊 ID 區段,使用下拉式選單套用特定 ID 編號。深入瞭解應用程式區塊 ID
  7. 顯示規則區段,配置您的區塊顯示規則

    • 若要向所有顧客顯示該區塊,請將顯示規則區段留空。
    • 若要建立顯示規則,請按一下「⊕ 新增顯示規則」,然後設定您的規則。根據需要新增任意數量的顯示規則。
  8. 內容區段,新增並自訂區塊內容:

    1. 在「另存為」選單,選取自訂欄位資料的儲存位置。深入瞭解自訂欄位資料類型
    2. 欄位區段,按一下「⊕ 新增自訂欄位」,然後選取要使用的自訂欄位類型
    3. 設定您的自訂欄位詳情,例如欄位標籤、欄位鍵、選擇選項,以及該欄位是否必填。按一下「完成」。
    4. 可選:在區段標頭區段,新增標題和子標題至自訂欄位。
    5. 可選:在設定區段,選取是否附加「(可選)」至欄位標籤,以及是否顯示所有欄位。
  9. 可選:在樣式區段,按一下「自訂設計」以自訂區塊邊界、容器和分隔線樣式。

  10. 可選:在發布區段,按一下鉛筆圖示以選取您希望該區塊顯示的市場和結帳頁面。

  11. 按一下「儲存」。

根據預設,您的區塊會儲存為「草稿」。當您準備好發布區塊時,在狀態區段,從下拉式選單選取「啟用」。

新增自訂欄位區塊至結帳頁面

您可以新增現有自訂欄位區塊至結帳頁面。區塊必須設定為「啟用」,才能顯示於結帳頁面。

步驟如下:

  1. 在您的 Shopify 管理介面中,依序前往「應用程式」>「Checkout Blocks」
  2. 按一下「封鎖」。
  3. 按一下要新增至結帳頁面的自訂欄位區塊。
  4. 按一下「更多動作 ⌄」>「新增至結帳頁面」。
  5. 可選:在預覽區塊 ID 區段,按一下剪貼簿圖示以複製該區塊的唯一預覽 ID
  6. 選取所需的結帳頁面配置,然後按一下「開啟編輯器
  7. 在結帳頁面和帳戶編輯器中,新增自訂欄位區塊至您的結帳頁面:

    1. 導覽至您想要新增區塊的結帳頁面。
    2. 在您要新增區塊的區段,按一下「⊕ 新增應用程式區塊」。
    3. 按一下「自訂欄位」Checkout Blocks 選項。
    4. 配置結帳頁面區塊詳情,並選取該區塊對應的應用程式區塊 ID。
    5. 可選:使用預覽區塊 ID(用於測試目的)欄位和區塊預覽 ID 來預覽該區塊在結帳頁面的顯示情況。
    6. 可選:拖放動態區塊以變更您希望該區塊在結帳頁面的顯示位置。
  8. 按一下「儲存」。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。