彈出式表單設定

以下設定可決定彈出式表單的外觀與行為。您可在 create a form 時，連同 settings that apply to both popup and inline forms 一併設定。

本頁內容

表單顯示 設定會決定表單在商店中的顯示方式。

彈出式表單的表單顯示區段設定。
設定	說明
浮動式	在您的線上店面將 teaser 與 form 以浮動區段顯示，並可讓您選擇表單在商店中的位置。
疊加層	在頁面中央顯示表單，並在店面其餘區域套用疊加層顏色。

「簡介」設定可決定表單的簡介何時顯示。簡介區段是一個顯示在商店中的小型彈出式視窗。顧客點擊簡介後，會開啟表單。

彈出式表單的簡介區段設定。
設定	說明
顯示	決定何時向顧客顯示簡介區段。最先顯示 (在表單之前)：在表單之前顯示簡介區段。最先顯示 (在表單之前)，且顧客關閉表單時：在表單之前顯示簡介區段，且當顧客關閉表單時再次顯示簡介。顧客未訂閱就關閉表單時：若顧客未完成表單即關閉，則顯示簡介區段。永不：對所有顧客隱藏簡介區段。若顧客未完成表單就關閉，將無法再存取。
在商店中的位置	決定簡介在商店中的顯示位置。選擇 (旋轉) 的顯示選項時，簡介區段會以側邊方式呈現。
標題	顯示在簡介區段上的文字。

「樣式」設定用來決定表單的外觀。若您選擇的顏色彼此不協調、對比不足，或可能不易閱讀，系統會顯示警示。

在 Forms 編輯器的「品牌顏色」區段，您可以使用顏色選擇器，找到並選取您 added as brand colors 的顏色。

彈出式表單「樣式」區段的設定。
設定	說明
顏色	調整表單的背景、文字、作用中欄位、按鈕標籤與錯誤訊息的顏色，使其符合您的品牌與佈景主題。
表單欄位	選擇白色或透明。
字型	選擇要用於標題與內文的字型。

「圖片」設定決定表單是否顯示圖片，並影響圖片的展示位置與外觀。

彈出式表單「圖片」區段的設定。
設定	說明
圖片選項	決定圖片在表單上的顯示位置。
圖片	當您選取「背景圖片」、「圖片靠左」或「圖片靠右」時，會顯示此欄位。按一下「新增圖片」，即可從您的裝置上傳圖片。
縮放	當您在表單中加入圖片時，會顯示此欄位。您可以選擇圖片的顯示方式。
圖片不透明度	當您選取「背景圖片」時，會顯示此欄位。您可以使用滑桿調整圖片的不透明度。數值為 100 時，只會顯示您上傳的圖片。降低不透明度後，圖片會覆以「顏色」區段的背景顏色。

「行為」設定決定表單的顯示時機與位置。

彈出式表單「行為」區段的設定。
設定	說明
裝置	選擇要在所有裝置、僅電腦，或僅行動裝置上顯示表單。
頁面	選擇要在所有頁面顯示表單，或僅在特定頁面類型顯示。例如，您可以只在 Collection 或 Product 頁面顯示表單。
觸發條件	您可以選擇在第一次、第二次或第三次瀏覽頁面時顯示表單，且可設定為立即顯示或延遲顯示。在此區段中，您也可以勾選「當訪客嘗試離開頁面時顯示表單 (僅限電腦版)」。若勾選此核取方塊，當訪客將游標移向網址列時，會顯示表單。