建立表單

您可以透過建立表單,以下列方式拓展業務:

  • 提示顧客訂閱您的電子郵件、SMS 或 WhatsApp 行銷資訊
  • 使用公司帳號要求表單核准批發零售商
  • 蒐集對您的業務重要的顧客資料
  • 建立用於支援諮詢的「聯絡我們」表單

您可以使用編輯器自訂表單,使其符合您的網路商店,同時以符合隱私規範的方式蒐集顧客資訊。建立表單前,請先檢閱各類表單可用的 form settings

您可以在商店同時顯示多個彈出式表單、內嵌表單,或兩者並行。

建立 Shopify Forms 的注意事項

建立 Shopify Forms 前,請先注意下列事項:

  • 表單只有在 activated 後才會在您的商店顯示。
  • 每個商店最多可建立 25 份表單。
  • 不支援多步驟表單。
  • 表單不支援條件式邏輯。
  • 當現有顧客提交表單時,系統不會修改其個人檔案中的電子郵件和電話號碼,即使表單包含不同的電子郵件或電話號碼亦然。系統也可能不會更新行銷同意聲明等其他欄位。若要變更現有顧客的電子郵件或電話號碼,請直接在 Shopify 管理介面中編輯其個人檔案

表單類型

您可以建立彈出式或內嵌表單。請先瞭解兩者的差異,以及顯示它們所需的條件。

各表單類型、說明與必要條件總覽。
表單類型說明必要條件
彈出式表單顯示為在頁面上方浮動的疊加層內容。瞭解您可以為彈出式視窗表單設定的相關設定要在商店顯示彈出式表單,您需要在佈景主題中安裝 Forms theme app embed
內嵌表單以嵌入佈景主題特定區段 (例如頁面) 的方式顯示內容。瞭解您可以為內嵌表單設定的相關設定要在商店顯示內嵌表單,您需要使用 compatible theme,並在佈景主題中安裝 Forms theme app embed

您可在 Shopify 管理介面的 Forms app 中建立要在商店顯示的彈出式表單。建立並啟用彈出式表單後,表單會自動顯示於您的商店。

請依下列步驟建立彈出式表單並將其新增至商店:

步驟 1:在您的佈景主題中開啟 Forms 應用程式嵌入

若您是首次建立彈出式表單,需先在佈景主題中開啟 Forms 應用程式嵌入。只要「Forms 佈景主題應用程式嵌入」設定保持開啟,所有啟用中的彈出式表單都會顯示在您的網路商店。

如果您已開啟 Forms 應用程式嵌入設定,請前往 步驟 2:建立彈出式表單

步驟:

  1. 在您的 Shopify 管理介面中,前往 網路商店 > 佈景主題

  2. 在使用中的佈景主題中,按一下 編輯佈景主題

  3. 在佈景主題編輯器的側邊欄,按一下 應用程式嵌入 圖示。

  4. Forms 切換開啟。

  5. 按一下 儲存

步驟 2:建立彈出式表單

  1. 在您的 Shopify 管理介面中,前往 App > Forms

  2. 按一下 建立表單

  3. 選取 彈出式表單

  4. 輸入表單名稱,然後按一下 建立

  5. 彈出顯示 設定中,請擇一進行:

    • 若要建立浮動式彈出式表單,選取 浮動,然後從下拉式選單選擇在商店上的顯示位置。
    • 若要建立疊加層彈出式表單,選取 疊加層,然後使用顏色選擇器設定疊加層顏色。
  6. 設定表單的下列部分:

  7. 選用:若要在顧客提交表單後建立 顧客標籤,請在 標籤 欄位輸入標籤,以選取或建立新標籤。

  8. 選擇性:若要在每次送出表單時接收電子郵件通知,請在「電子郵件通知」區段中選取「每次有人送出此表單便寄送電子郵件」。

  9. 選用:若要管理與此表單相關的自動化與工作流程,請在 自動化與工作流程 區段中,按一下任一工作流程旁的 管理

  10. 按一下 儲存

步驟 3:將表單翻譯成其他語言 (選用)

您可以將表單翻譯成 支援的語言。翻譯步驟取決於您想使用的 翻譯方式,以及您是否已 為商店新增其他語言

若某個語言不支援自動翻譯,系統會顯示「Auto-translation not available for this language」訊息。

步驟:

  1. 在表單的「 語言 」區段中,請擇一進行:
    • 如果您已將其他語言發佈到商店,且它們顯示於 已發佈 區段,請繼續下一步。
    • 如果「 已發佈 」或「 未發佈 」區段中未顯示任何可用語言,您需要先為商店新增語言:
      1. 按一下 語言設定
      2. 語言 頁面中,按一下 新增語言
      3. 從下拉式選單選取語言,然後將其指派至網域。
      4. 按一下 完成
      5. 按一下 <-- Forms 返回 Forms,然後開啟要繼續編輯的表單。
  2. 依您的偏好與可用的翻譯方式,請擇一進行:
    • 使用自動翻譯:
      1. 按一下欲翻譯語言旁的 翻譯。若要翻譯為多種語言,您也可以選取 全部自動翻譯
      2. 按一下 審閱 以預覽您的翻譯。
      3. 按一下 儲存
    • 手動新增您自己的翻譯:
      1. 按一下欲翻譯語言旁的 翻譯
      2. 在目標語言那一欄的每個欄位中,輸入您的翻譯。
      3. 按一下 儲存

步驟 4:預覽並啟用您的彈出式表單

建立表單後,其狀態預設為 未啟用。在啟用表單之前,您可以先透過預覽,確認表單各部分將如何呈現給顧客。

準備好在網路商店顯示表單時,按一下 開啟表單。開啟後,狀態會顯示為 啟用中

瞭解如何 啟用停用 表單。

建立並將內嵌表單新增到您的商店

您可以建立內嵌表單,將表單新增到商店的新頁面,或將表單嵌入商店的現有頁面。請依下列步驟建立內嵌表單並將其新增到商店:

步驟 1:建立內嵌表單

  1. 在您的 Shopify 管理介面中,前往 App > Forms

  2. 按一下 建立表單

  3. 選取 內嵌表單

  4. 輸入表單名稱,然後按一下 建立

  5. 設定表單的下列部分:

  6. 選用:若要在顧客提交表單後建立 顧客標籤,請在 標籤 欄位輸入標籤,以選取或建立新標籤。

  7. 選擇性:若要在每次送出表單時接收電子郵件通知,請在「電子郵件通知」區段中選取「每次有人送出此表單便寄送電子郵件」。

  8. 選用:若要管理與此表單相關的自動化與工作流程,請在 自動化與工作流程 區段中,按一下任一工作流程旁的 管理

  9. 按一下 儲存

步驟 2:將表單翻譯成其他語言 (選用)

您可以將表單翻譯成 支援的語言。翻譯步驟取決於您想使用的 翻譯方式,以及您是否已 為商店新增其他語言

若某個語言不支援自動翻譯,系統會顯示「Auto-translation not available for this language」訊息。

步驟:

  1. 在表單的「 語言 」區段中,請擇一進行:
    • 如果您已將其他語言發佈到商店,且它們顯示於 已發佈 區段,請繼續下一步。
    • 如果「 已發佈 」或「 未發佈 」區段中未顯示任何可用語言,您需要先為商店新增語言:
      1. 按一下 語言設定
      2. 語言 頁面中,按一下 新增語言
      3. 從下拉式選單選取語言,然後將其指派至網域。
      4. 按一下 完成
      5. 按一下 <-- Forms 返回 Forms,然後開啟要繼續編輯的表單。
  2. 依您的偏好與可用的翻譯方式,請擇一進行:
    • 使用自動翻譯:
      1. 按一下欲翻譯語言旁的 翻譯。若要翻譯為多種語言,您也可以選取 全部自動翻譯
      2. 按一下 審閱 以預覽您的翻譯。
      3. 按一下 儲存
    • 手動新增您自己的翻譯:
      1. 按一下欲翻譯語言旁的 翻譯
      2. 在目標語言那一欄的每個欄位中,輸入您的翻譯。
      3. 按一下 儲存

步驟 3:選擇內嵌表單的展示位置

內嵌表單可顯示在新的登陸頁面或既有的頁面範本。瞭解詳情:inline form placement

儲存表單變更後,請根據您希望表單在商店中顯示的方式,設定下列任一種展示位置選項:

為表單在網路商店新增頁面

從 Forms 應用程式建立登陸頁面時,系統會建立新的頁面範本,並以該範本產生新頁面;您可以自訂控制代碼,例如:example.com/pages/your-custom-form-URL

步驟:

  1. 在您的 Shopify 管理介面中,前往 App > Forms

  2. 點選要更新展示位置的內嵌表單。

  3. 在表單設定的 展示位置 區段中,點選 建立登陸頁面

  4. 在對話方塊中輸入登陸頁面的標題與網址,然後點選 儲存。系統會建立新頁面,並將其新增至您 Shopify 管理介面中的 Pages 清單。

  5. 選用:若要更新登陸頁面的標題、內容或控制代碼,點選 編輯頁面。您也可以隨時在管理介面的 Pages 清單中進行變更,或於佈景主題編輯器中編輯 page template

將表單新增至既有的頁面範本

在佈景主題編輯器中,您可使用與表單關聯的 Form ID,將內嵌表單以區塊形式新增至既有的頁面範本。Form ID 為 6 位數字,用來代表商店中的特定表單。使用您所選範本的所有頁面都會顯示該內嵌表單。

  1. 儲存變更後,前往表單設定的 展示位置 區段,選取 既有頁面
  2. 點選剪貼簿圖示,將 Form ID 複製到您的剪貼簿。
  3. 點選 前往佈景主題編輯器
  4. 在表單的「 範本 區段中,將內嵌表單新增至頁面範本:
    1. 點選 ⊕ 新增區段
    2. 選取 應用程式 分頁。
    3. 選取 Forms
    4. 在區塊設定中,將複製的 Form ID 貼到 Form ID 欄位。
    5. 選用:調整此區塊的顏色、樣式與版面配置設定。
  5. 點選 儲存

步驟 4:預覽並啟用內嵌表單

建立表單後,其狀態預設為 未啟用。在啟用表單之前,您可以先透過預覽,確認表單各部分將如何呈現給顧客。

準備好在網路商店顯示表單時,按一下 開啟表單。開啟後,狀態會顯示為 啟用中

瞭解如何 啟用停用 表單。

複製現有表單

您可以複製表單,建立包含現有表單所有欄位與設定的新表單,但不包含翻譯與內嵌表單的放置位置。

表單複製後,新表單預設為 未啟用。瞭解如何 activate a form

步驟:

  1. 在您的 Shopify 管理介面中,前往 App > Forms

  2. 針對您要複製的表單點擊 Horizontal menu

  3. 在下拉式選單中選取 複製表單

  4. 輸入新複製的表單名稱。

  5. 編輯您要變更的任何 表單設定,然後點選 儲存

  6. 點選 開啟表單,即可在商店顯示該表單。