彈窗表單

Avatar
Smart Push
追蹤

行銷策略中最重要的要素之一是獲取新客戶，獲取新客戶可以加快 EDM 行銷的效率。 SmartPush 為您提供「彈窗表單」功能，可以收集新聯絡人的資訊，並結合使用者體驗，提供多種表單模版和主題。透過本功能，您可以快速擴大您的聯絡人列表，提升銷售額。

 

在這篇文章，你可以了解：

 

一、彈窗表單分類介紹

SmartPush 從表單目的、類型、樣式、主題進行分類，方便您快速使用希望的彈窗表單。

 

1. 依表單目的分類：

  • 收集資訊表單：主要對象為未訂閱的新顧客，通常用於瀏覽網站時，觸發彈窗鼓勵顧客填寫個人資訊，新增您的聯絡人數量。
  • 召回挽留表單：主要是對象為有離開意圖、支付過程中斷、長時間停留猶豫購買的顧客等，於特定的時機觸發彈窗，可以挽回潛在流失顧客，增加訂單量和銷售額。

 

2. 依照表單類型分類：

  • 置中彈窗：瀏覽網站時出現的固定視窗。置中彈窗會根據您設定的出現條件彈出，中斷顧客在網頁上的操作行為。支援調整彈窗的透明度。

1.png

  •  角落彈窗：出現在網頁的四個角落的彈窗，不會影響顧客的操作行為。您可以在展示設定來配置彈跳窗展示形式。

2.png

 

3. 依照表單樣式分類：

  • 圖文表單：表單佈局為圖片和文字兩部分，您也可以在文字部分新增您想要新增的區塊。
    ＊注意：主體結構不可刪除，意思是您可以替換圖片，但是不可刪除圖片區塊。
  • 轉盤表單：SmartPush 提供的遊戲化彈窗表單，透過讓顧客點擊轉盤旋轉並贏得折扣或其他優惠來吸引訂閱者的互動方式。 您可以在該模版內設定轉盤獎項、優惠券和中獎機率。
    ＊    注意：設定中獎機率總和需為 100%，否則無法成功設定。

截圖 2024-06-24 下午4.59.22.png

 

4. 依照表單主題分類：

分為歡迎訂閱、節慶活動、優惠活動、提示提醒等彈窗表單，您可以在不同的行銷節日選擇合適的主題模版，模版主題將持續更新。

 

二、如何啟用彈窗表單

步驟一

前往 SHOPLINE 後台 > 擴充功能 > 我的擴充功能，點選 SmartPush 右側的下拉選單，再點選「App 設定」。

1.png

 

步驟二

於 App 設定頁面中，點選「啟用」按鈕。

2.png

 

在開發者入口網站中，您可以選擇要渲染腳本的主題、頁面或位置，在下方螢幕截圖中，您可以看到右側的三個區塊，分別是：

  1. 頁面觸發
  2. 插入位置
  3. 支援的主題

image (2).png

 

目前彈窗功能對部分模版和頁面暫不支援，僅支援 ultra chic、kingsman、varm 三種模板，適用頁面詳見下方圖表：

Page

Route

Descriptions

Home Page

home/index

Home page that the merchant has set

Product listing page

products/index

The page that lists all product

Product details page

products/show

The page that shows the detail of a product

Cart page

cart/index

The page that shows cart

Checkout page

checkout/index

The page where shopper checkout

Order success page

orders/confirm

Order success page after checkout

Order detail page

orders/show

The page that shows order details

About page

pages/about

 

Terms page

pages/terms

 

Policy page

pages/policy

 

Delivery policy page

pages/delivery_policy

 

Advanced page

pages/show

The page that set and build by page builder

User profile page

profile: users/edit

 

Store credits page

credits: users/user_credits

 

Member points page

member_points: users/member_points

 

Messages page

messages: messages/index

 

User orders page

orders: orders/index

 

Wishlist page

wishlist: wish_list_items/index

 

Promotion page

promotions/show

 

Redeem gift page

promotions/redeem_gift

 

 

三、如何設定彈窗表單

步驟一：建立彈窗表單

前往 SmartPush 後台，進入「彈窗表單 > 彈窗列表」頁面，點選右上角「新增表單活動」按鈕。

3.png

 

進入表單模版庫找到適合的模板，點選「使用模板」進入編輯器。

Screenshot 2024-05-23 at 1.23.13 PM.png

 

步驟二：編輯表單

1. 全局樣式

您可以在整體佈局設定表單的圖文結構佈局、背景顏色、背景透明度、填滿方式，支援支援新增陰影、圓角效果，需要注意的是，行動裝置僅支援上下結構佈局。

1.png

 

2. 表單設定

設定表單的生效時間、以及收集到的聯絡人標籤。您可以為提交表單的所有聯絡人分配標籤，標籤可以選擇現有標籤或直接建立新標籤。

＊注意：若建立新標籤，該標籤將會作為一級標籤在分眾群組篩選條件中顯示。

2.png

 

3. 展示設定

  • 展示類型：選擇置中彈窗或角落彈窗，設定彈窗出現和關閉的方式，出現類型可調整飛入方向與飛入速度；關閉方式可設定點擊彈窗關閉按鈕、點擊彈窗外區域、無操作自動消失。
  • 展示設備：彈窗的展示設備包括電腦設備和行動設備。
    ＊注意：置中彈窗和角落彈窗的展示位置不同。
  • 展示頻率：若訪客在表單顯示後沒有訂閱，可設定表單再次出現的頻率。

3.png

 

4. 推送設定

  • 推送對象：您可以根據顧客的國家地區進行篩選，國家地區是基於用戶 IP 來判斷的。
  • 推送時機：支援「用戶進入頁面」、「點擊加購」的篩選條件。
    • 展示頁面可以選擇彈窗展示的頁面，包括商店頁面和自訂頁面，可自行填寫自訂網址。
    • 展示規則是指顧客在頁面達到您設定的規則即可觸發彈窗，包括停留時間、滾動深度、退出意圖。
．停留時間：顧客需要在您的網站上花費的時間（以秒為單位）才能顯示表單；
．滾動深度：顧客需要在頁面上滾動多遠（以百分比為單位）才能顯示表單；
．退出意圖：顧客即將離開頁面時出現，透過顧客行為來追蹤：使用電腦設備的顧客滑鼠移動至頁面頂端時／滑鼠懸停在桌面視窗頂部上方時，行動設備顧客會從左向右滑動畫面、點選返回視為退出意圖。
  • 停止推送條件可以設定對單一顧客展示彈跳視窗的上限次數。

4.png

 

5. 新增區塊

在左側欄位中，您可以選擇特定內容項目並將其拖曳到表單內容中，可新增的項目包括電子郵件輸入框、電話輸入框、日期輸入框、單行輸入框、下拉選擇框、文字、按鈕、合規協議，也可以修改圖片、插入折扣碼。

＊注意：不同彈窗頁面可新增的區塊不同，但收集資訊頁請至少包含輸入框、合規協議、按鈕，優惠券頁至少包含一個折扣碼區塊，成功頁至少包含一個文字區塊。

 

  • Email 輸入框：在表單中的任何位置新增 Email 輸入框，新增後，您可以設定必填欄位／非必填欄位，變更顯示文字。

8.png

  • 文字：將文字項目拖曳到您的表單中，至右側選單編輯文字樣式、字體、大小、行高和字體顏色。
  • 按鈕：基本功能是新增一個按鈕來收集顧客資訊的提交，您也可以新增一個帶有連結的按鈕至您指定的商店頁面，或將多個按鈕新增至單一表單，同時可以調整文字、連結、按鈕樣式和對齊方式。

9.png

  • 下拉選擇框：透過下拉選擇框，您可以收集客戶的性別和國家／地區數據，您可以編輯顯示文字、標籤和樣式，並設定是否要將此內容設為必填內容。

10.png

  • 日期輸入框：收集聯絡人的生日數據，或將其對應到自訂屬性以收集自訂日期。與其他區塊一樣，您可以將此欄位設為必填、為其新增標籤並更改文字訊息。
  • 電話輸入框：在表單中的任何位置新增電話輸入框，拖放區塊後，您可以變更輸入顯示文字、將欄位設為必填、新增或刪除欄位的標籤以及變更所需訊息的文字（預設為「此欄位為必填」）。國家區號將根據使用者的 IP 自動填入。
  • 合規協議：合規協議區塊會產生預設文案，您可以編輯文案內容樣式等，需要注意的是，您需要新增隱私權政策連結。

11.png

  • 促銷折扣：您可以在輸入框內直接輸入在 SHOPLINE 的優惠代碼，顯示給顧客使用；也可以編輯優惠券樣式，支援上傳優惠券自訂背景圖，但需注意背景圖尺寸。
  • 圖片：選擇您想要加入表單內容的圖片，建議上傳尺寸小於 200KB、最大寬度 600px 的圖片，支援JPGE、JPG、PNG 和 GIF 格式。 您可以選擇填滿方式和樣式。
    ＊注意：若您想刪除圖片區塊，可以在整體佈局中選擇無圖模式。

6. 多頁面交互

表單模版通常會配置 2-3 個頁面，例如收集資訊頁、優惠券頁和成功頁。 使用者點擊按鈕後會自動跳轉下一頁。

截圖 2024-07-31 上午10.10.00.png

 

7. 常顯入口

常顯入口為彈窗收合元件，將彈窗收合在頁面邊緣，不會中斷顧客的操作，當顧客點選常顯入口即可開啟彈窗表單。

您可以點選「常顯入口」，編輯狀態、展示時機、顯示關閉鍵及文案等資訊，並可自訂背景圖片。

常顯入口1.png

 

步驟三：發佈表單

編輯完成後點選右上角「儲存並退出」按鈕，活動將會出現在表單活動清單內，點選「開啟」按鈕該表單將會發佈。

Screenshot 2024-05-23 at 1.27.16 PM.png

 

四、如何管理表單活動

您可以前往「彈窗表單 > 彈窗列表」頁面查看您設定的表單活動，活動概覽區塊顯示「瀏覽量、點擊和點擊率」，狀態欄位有「草稿、待開始、進行中、暫停中、已結束」五種狀態，對應的操作包括：

  • 複製：複製表單活動
  • 編輯：進入表單編輯器
  • 刪除：刪除表單活動
  • 暫停／開啟：暫停／開啟表單活動
  • 預覽：彈出彈窗預覽表單（支援查看行動裝置和電腦裝置的彈窗效果）
  • 查看數據：跳轉至數據分析頁面

截圖 2024-07-31 上午10.13.17.png

 

五、如何查看表單數據

前往「數據分析 > 彈窗表單」頁面，您可以匯出具體數據資料，也可以點選您要查看的表單活動。

截圖 2024-07-31 上午10.14.27.png

 

點擊列表可進入該表單活動的詳細數據，包含數據總覽頁面及用戶明細數據。

數據總覽頁面資料包括瀏覽量、點擊量、點擊率、收集資訊量、訂單數、銷售額。

截圖 2024-07-31 上午10.17.02.png

＊注意：

訂單數、銷售額與彈窗設定的折扣碼相關。當用戶使用折扣碼下單後，系統將自動搜尋該表單活動、該表單活動觸及不同用戶的時間和已觸及用戶的信箱、電話號碼（來源於表單中的聯絡人資訊收集和用戶登入資訊）。

若根據用戶下單時所填寫的信箱、手機號碼可以匹配到表單已觸及的用戶，且觸及時間在下單時間 15 天內，則把該訂單歸至該表單活動下；對於無法按照信箱、手機號碼準確匹配的用戶，因為無法準確追溯其折扣碼獲得途徑（例如：同一客戶通過信箱 A 獲得了表單中的折扣碼，下單時卻使用信箱 B），為避免遺漏，訂單將直接歸因至下單前 15 天內有過曝光、且新增了該折扣碼的表單活動下。

 

聯絡人收集邏輯

  • 目前支援在表單收集資訊量中查看透過表單活動收集到的，某一段時間內的聯絡人姓名、Email、電話、性別和國家。 您也可以匯出聯絡人並二次利用。
  • 如果您的表單收集了生日資訊，暫時不支援在收集資訊量中查看，但該資料會同步記錄在聯絡人資訊中。

聯絡人資料同步

透過彈窗表單、訂閱入口搜集到的顧客數據，SmartPush 將根據電郵和電話號碼匹配現有聯絡人並同步資訊至 SmartPush「聯絡人」和 SHOPLINE 「顧客」，詳細規則如下：

未搜集到電郵 / 電話號碼 不同步顧客資訊
僅搜集到電郵 已有使用該電郵的聯絡人，則同步搜集到的其他資訊至現有聯絡人資訊
尚未有使用該電郵的聯絡人，則新建一位聯絡人，同步搜集到的所有資訊
僅搜集到電話號碼 已有使用該電話號碼的聯絡人，則同步搜集到的其他資訊至現有聯絡人資訊
尚未有使用該電話號碼的聯絡人，則新建一位聯絡人，同步搜集到的所有資訊
僅搜集到電郵 A、電話號碼 B

若列表中既不存在電郵為 A，也不存在電話號碼為 B 的聯絡人，則新建一位聯絡人，並同步搜集到的所有資訊

若有任一聯絡方式與之相同的聯絡人：

  • 另一聯絡方式非空且不同，則新建一位聯絡人，並同步搜集到的所有資訊
  • 另一聯絡方式為空且不同，則同步搜集到的資訊至現有聯絡人資訊

 

＊注意：

  • 若未搜集聯絡人姓名或搜集到電郵且聯絡人姓名為空時，SmartPush 將自動取信箱前綴（@ 前內容）作為聯絡人姓名。

  • 若彈窗包含顧客姓名欄位，且顧客輸入與後台不一致的姓名，則同步資料時會更新、覆蓋既有姓名。

 

延伸閱讀

 

 

 

 

 

還有其他問題？提交請求

評論