跳到內容
免費安裝
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

在佈景主題編輯器中加入表單區塊

使用應用程式在佈景主題編輯器中的區塊,將申請表單顯示為頁面範本上的區段。

Sami B2B Onboarding 會在您的佈景主題中新增 B2B application form 區塊。它會把表單顯示為頁面範本上獨立的區段,因此您可以在上方和下方放置自己的區段,例如橫幅或批發買家可享有的權益清單。

加入頁面範本的區段,會顯示在每個使用該範本的頁面上。大多數頁面使用佈景主題的預設頁面範本,包括應用程式為您的表單建立的頁面,該頁面已經包含表單。若只想在單一頁面顯示表單,請依照下列步驟為該頁面指定專屬範本。

  1. 在 Shopify 後台中,前往線上商店 › 佈景主題,並在您目前的佈景主題上點擊編輯佈景主題。

  2. 開啟佈景主題編輯器頂端的範本選單(編輯器開啟時顯示為首頁)。選擇頁面,然後選擇建立範本。為它命名,例如 wholesale,以預設頁面為基礎,然後點擊建立範本。

    編輯器會切換到新的範本。

  3. 在左側邊欄的範本之下,點擊新增區段,開啟應用程式索引標籤,並選擇 B2B application form。

    表單會作為區塊加入應用程式區段中,預覽會在其中顯示您的預設表單。在佈景主題編輯器中,即使您已登入商店,看到的也永遠是表單本身。

    wholesale 頁面範本上的佈景主題編輯器,新增區段面板開啟在應用程式索引標籤,並列出 Sami B2B Onboarding 的 B2B application form 區塊。

    在範本之下新增區段,然後在應用程式索引標籤中選擇 B2B application form。

  4. 在側邊欄的應用程式之下,點擊 B2B application form。在其 Form 欄位中:

    • 留空即顯示您的預設表單,或
    • 輸入另一份表單的代稱,也就是欄位說明文字所要求的簡短名稱。

    若要找出表單的代稱,請前往應用程式中的 Forms,點擊該表單所在列的 …(More actions),並選擇 Copy embed code。將它貼到您能閱讀的地方:代稱就是最後一組引號中的文字。以 Wholesale application 表單為例,代稱是 wholesale-application。

    wholesale 頁面範本上的佈景主題編輯器,已選取 B2B application form 區塊,其 Form 欄位中輸入了 wholesale-application,預覽中顯示申請表單。

    Form 留空即使用預設表單,或輸入另一份表單的代稱。

  5. 點擊佈景主題編輯器右上角的儲存。

  6. 在 Shopify 後台中,前往線上商店 › 頁面。開啟要顯示表單的頁面,或點擊新增頁面建立一個,並為它設定標題,例如 Wholesale。在佈景主題範本之下,選擇 wholesale,然後點擊儲存。

    請不要為應用程式替表單建立的頁面選擇它:該頁面本來就包含表單,所以表單會顯示兩次。

應用程式提供一個捷徑,可開啟已備妥區塊的佈景主題編輯器。

  1. 在應用程式中,前往 Forms。點擊該表單所在列的 …(More actions),並選擇 Add block in theme editor。

    Forms 頁面上表單的 More actions 選單,列出 View applications、Copy embed code、Add block in theme editor、Duplicate form、Unpublish 和 Delete form。

    Add block in theme editor 會開啟佈景主題編輯器,並已加入表單區塊。

  2. 您目前佈景主題的編輯器會在預設頁面範本上開啟,並已加入 B2B application form 區塊。點擊該區塊,在 Form 中輸入表單的代稱(或留空以使用預設表單),然後點擊儲存。

  1. 在私密瀏覽視窗中開啟商店的頁面,這樣您看到的就是未登入的買家所見的畫面。表單會顯示在它的區段中,位於其他區段之間。

    • This form is not available right now. Form 中的代稱與任何已發佈的表單都不相符。請檢查拼字,或在 Forms 中發佈該表單。
    • 顯示了不同的表單。 Form 是空的,所以區段顯示的是您的預設表單。請輸入您想要的表單代稱,或在 Forms 中透過 …(More actions)› Set as default 將該表單設為預設。

如果您鎖定商店,來自線上商店 › 頁面且顯示表單的頁面,仍會對訪客開放。請參閱鎖定商店。

這對您有幫助嗎?