新增區塊|彈窗表單

您可以透過拖曳新增區塊,自訂彈窗表單內容,各項區塊包含文字、按鈕、合規協議、電子郵件、電話號碼、生日日期、單行輸入框、下拉選擇框、分隔線、Logo、倒數計時、單選按鈕、多選按鈕、促銷折扣。以下將為您介紹各項區塊及自訂屬性功能。

目錄:

 

一、各項區塊介紹

*注意:不同彈窗頁面可新增的區塊不同,「第 1 步」收集資訊頁需要包含電子信箱或電話號碼區塊,建議包含輸入框、合規協議、按鈕,「成功頁」建議包含一個促銷折扣區塊及一個文字區塊。

1. 文字

透過拖曳新增文字區塊到表單中,右側選單支援編輯文字內容及樣式,包含字體、大小和字體顏色等。

1.png

 

2. 按鈕

按鈕區塊分為 3 種按鈕行為,包含提交、連結、關閉。基本功能是以「提交」的方式收集顧客資訊,或以「連結」的方式將顧客引導至您指定的商店頁面,也可以將多個不同功能的按鈕新增至單一表單。支援自訂按鈕文字、按鈕行為;「樣式」頁籤則可以調整按鈕樣式和對齊方式。

2.png

 

3. 合規協議

合規協議區塊會顯示預設文案,右側選單支援設定自訂文字內容、字體顏色及背景顏色等。

*注意:需自行新增商店的隱私權政策連結。

3.png

 

4. 電子信箱

透過拖曳新增電子信箱區塊到表單中,右側選單支援設定標題文字、佔位符文本(即輸入框中顯示文字),以及此電子信箱輸入框是否為必填欄位;「樣式」頁籤可設定字體顏色、背景顏色等。

4.png

 

5. 電話號碼

透過拖曳新增電話號碼區塊,右側選單支援設定標題文字、佔位符文本(即輸入框中顯示文字),以及此電話號碼輸入框是否為必填欄位;「樣式」頁籤可設定字體顏色、背景顏色等。

國碼將根據使用者的 IP 自動填入該使用者所在地區的國碼。

5.png

 

6. 生日日期

收集聯絡人的生日數據,或自訂屬性以收集特定日期,例如:您可以自訂屬性「Mom_Birthday」,以收集「母親的生日」,該自訂屬性將作為分眾群組或自動化任務的篩選條件。詳細資訊請參考:自訂屬性。右側選單支援更改文字訊息、此欄位是否為必填欄位及設定樣式。

6.png

 

7. 單行輸入框

透過拖曳新增單行輸入框區塊,預設為收集「姓氏」、「名字」屬性,將作為分眾群組或自動化任務的篩選條件。右側選單支援設定標題文字、佔位符文本(即輸入框中顯示文字),以及此欄位是否為必填項目;「樣式」頁籤可設定字體顏色、背景顏色等。

7.png

 

8. 下拉選擇框

透過拖曳新增單行輸入框區塊,預設為收集顧客的性別和國家/地區數據,或自訂屬性以收集特定資訊,該屬性將作為分眾群組或自動化任務的篩選條件。詳細資訊請參考:自訂屬性。右側選單支援更改文字訊息、此欄位是否為必填欄位及設定樣式。

8.png

 

9. Logo 

若您在「商店品牌」中已經設定過 Logo 圖片,拖曳並新增 Logo 區塊後將自動顯示。右側選單支援對齊方式及設定樣式。

9.png

 

10. 倒數計時

支援設定「固定日期」、「固定時長」兩種倒數計時方式。若開啟「停止條件」開關,當時間倒數至 0 秒時將自動隱藏該區塊。

10.png

 

11. 單選按鈕、多選按鈕

「單選按鈕」支援顧客選擇單一選項,「多選按鈕」支援顧客選擇多個選項。透過拖曳新增區塊,支援自訂屬性以收集特定資訊,該屬性將作為分眾群組或自動化任務的篩選條件。詳細資訊請參考:自訂屬性。右側選單支援更改文字訊息、是否為必填欄位及設定樣式。

11.png

 

12. 促銷折扣

於「成功頁」拖曳新增促銷折扣區塊,輸入在 SHOPLINE 設定的優惠代碼;也可以編輯樣式、上傳自訂背景圖,若您有新增該區塊,則必須填寫折扣碼才能啟用該彈窗表單。

12.png

 

優惠代碼設定來源

前往 SHOPLINE 後台,進入「促銷及分潤」,在第三步驟「設定優惠與標準」中,點選「使用優惠券」,並輸入代碼。詳細資訊請參考:「促銷及分潤」設定的第三步驟 - 優惠與標準

3.png

 

13. 圖片

選擇您想要加入表單內容的圖片,建議上傳尺寸小於 200KB、最大寬度 600px 的圖片,支援 JPEG、JPG、PNG 和 GIF 格式,支援選擇填滿方式和樣式。

13.png

 

二、自訂屬性

字段屬性表示該區塊的特性或用途,您可以選擇已有的屬性或自行新增,該屬性將作為分眾群組或自動化任務的篩選條件。若要自行新增,可使用的字元包含大小寫英文符號、數字符號及底線(A-Z、a-z、0-9、_ );選項至少需要 2 個選項,最多可新增至 20 個選項。

 

新增屬性

於「字段屬性」下拉選單輸入框中輸入自訂名稱,再點選「+ Add item」,即可收集顧客對應此屬性的資訊,並透過分眾群組或自動化任務新增該屬性條件以篩選聯絡人。

例如:於彈窗表單中新增「hair_color」自訂屬性。

14.png

 

分眾群組

於「聯絡人 > 分眾群組 > 新建分眾群組 > 新增條件」,即顯示新增的「hair_color」自訂屬性。

分眾群組.png

 

自動化任務

於「自動化 > 任務列表 > 創建自定義任務 > 觸發器 > 篩選條件」,即顯示新增的「hair_color」自訂屬性。

自動化任務.png

 

 

延伸閱讀

 

 

 

 

 

還有其他問題?提交請求

評論