說明
登入

建立表單

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

  • 引導顧客加入您的電子郵件行銷名單
  • 透過 company account request form 受理批發客戶申請
  • 蒐集對您的業務重要的顧客資料
  • 建立用於支援諮詢的「聯絡我們」表單

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

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

本頁內容

建立 Shopify Forms 的注意事項

建立 Shopify Forms 前，請先注意下列事項：

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

表單類型

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

各表單類型、說明與必要條件總覽。
表單類型說明必要條件
彈出式表單會以疊加層形式浮現在頁面上方。瞭解 settings that you can configure for popup forms。要在商店顯示彈出式表單，您需要在佈景主題中安裝 Forms theme app embed。
內嵌表單會內嵌於佈景主題的特定區塊，例如頁面。瞭解 settings that you can configure for inline forms。要在商店顯示內嵌表單，您需要使用 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. 在要複製的表單旁點選 …。

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

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

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

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