彈窗表單（shoplineapp.com）

Avatar
Smart Push
追蹤

概述

行銷策略中最重要的要素之一是獲取新客戶。獲取更多的新客戶可以加快edm行銷的效率。 SmartPush將為您提供多種收集新聯絡人的方法—彈跳表單。 SmartPush將結合使用者旅程和體驗，提供多元表單模版和主題，可以快速擴大您的聯絡人列表，同時幫助您提升銷售額。

 

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

如何啟用彈窗

您需要在“主站-擴充功能-我的擴充功能”，手動點擊SmartPush【啟用腳本】按鈕，彈窗才會在C端用戶頁面生效。

1.png

在開發者入口網站中，您可以選擇要渲染腳本的主題、頁面或位置

image (2).png

在上面的螢幕截圖中，您可以看到右側有3 個小部件，分別是

1.頁面觸發

2.插入位置

3.支持的主題

要了解的是，目前彈跳窗功能對部分模版和頁面暫不支援。
支援模版為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

 

 

接下來，本文將為您介紹SmarPush彈窗表單功能的設定流程、表單類型和表單編輯。

如何設定彈窗並查閱收集聯絡人

1. 建立表單

您可以在表單層級選單下點選建立表單活動按鈕，進入表單模版庫選擇您想要的表單模版，進入編輯器編輯並設定後點選儲存按鈕，活動將會出現在表單活動清單內。注意如果點選退出按鈕，編輯操作將不儲存。點選開啟按鈕該表單將會發佈至C端。

1.png

2. 任務管理

您可以在任務清單頁面查看您設定的表單任務。

表單任務有草稿、待開始、進行中、暫停中、已結束五種狀態，對應的操作有編輯、預覽、檢視資料、複製、暫停、刪除。點擊編輯將進入表單編輯器；點擊預覽會彈出彈窗預覽表單，支援查看行動端和pc端彈跳視窗的效果；點擊查看資料將跳轉資料報告頁。 同時瀏覽量、點擊量和點擊率資料也將展示在表單清單中。

3. 數據查看

您可以在表單任務清單頁面查看表單數據，也可以在數據報告選單下查看表單數據。點擊表單活動可以查看該表單明細數據，包括瀏覽量、點擊量、點擊率、收集資訊量、訂單、銷售量。同時您也可以匯出聯絡人和訂單的具體明細資料。

其中，訂單數與銷售額與彈窗設定的折扣碼相關。當用戶使用折扣碼下單後，系統將自動搜尋新增了該折扣碼的表單任務、該表單任務觸達不同用戶的時間和已觸達用戶的信箱、電話號碼（來源於表單中的聯絡人資訊收集和用戶登入資訊）。若根據用戶下單時所填寫的信箱、手機號碼可以匹配到表單已觸達的用戶、且觸達時間在下單時間前 15 天內，則把當前訂單歸因至該表單任務下；對於無法按照信箱、號碼準確匹配的用戶，因為無法準確追溯其折扣碼獲得途徑（例如：同一客戶通過信箱 A 獲得了表單中的折扣碼，下單時卻使用信箱 B），為避免遺漏，訂單將直接歸因至下單前 15 天內有過曝光、且新增了該折扣碼的表單任務下。

2.png

3.png

 

4. 聯絡人收集邏輯

  • 目前支援在表單收集資訊量中查看透過表單活動收集到的，某一段時間內的聯絡人姓、名、Email、電話、性別和國家。 您也可以匯出聯絡人並二次利用
  • 如果您表單收集了生日訊息，暫時不支援在收集資訊量中查看，但該資料會同步記錄在聯絡人資訊中。
  • 您可能關心：表單收集的聯絡人資料如何同步？
  1. 如果表單收集到的資料未配對到本地聯絡人，則新增聯絡人並同步訂閱；
  2. 如果表單收集到的資料符合到本地已有一個聯絡人但郵件或手機號碼資訊不一致，則新增一個聯絡人同步訂閱
  3. 如果表單收集到的資料符合到一個聯絡人且姓、名、國家資訊任一為空，則會補全
  4. 如果表單收集到的資料符合到本地已有一個聯絡人但手機資訊不一致，則只收集表單聯絡人，不同步聯絡人資訊
  5. 如果表單收集到的資料如果符合到兩個不同的聯絡人（A聯絡人手機，B聯絡人信箱），則只收集表單聯絡人，不同步聯絡人資訊

表單類型

為了更好滿足您對表單的需求，smartpush表單將從表單目的、類型、樣式、主題來梳理，方便您快速找到您想要的表單。

1. 依表單目的可分為收集資訊和召回挽留兩種表單類型。

  • 收集資訊表單主要針對未訂閱的新用戶，通常用於瀏覽頁面的場景，觸發彈跳視窗來激勵用戶填寫個人訊息，從而新增您的聯絡人數量。
  • 召回挽留表單主要是針對於有離開意圖、支付過程中斷、長時間停留猶豫購買的用戶等，基於特定的時機觸發彈窗，可以挽回潛在流失用戶，並增加訂單量和銷售額。

2. 依照表單類型分類可以將表單分為彈窗和提示框。

  • 置中彈窗是瀏覽網站時出現在網站上的固定視窗。此表單會根據您設定的出現條件在特定網站頁面的固定位置上彈出，會打斷使用者在網頁上的操作行為。支援調整彈窗蒙層的透明度。

6.png

  •  角落彈窗是一般出現在網頁的四角，和彈跳窗相比最大的差異是，提示框不會影響使用者在底部頁面操作的視窗。您可以在展示設定來配置彈跳窗展示形式。

7.png

3. 表單樣式分類可分為圖文表單和轉盤表單。

  • 圖文表單是指表單佈局為圖片和文字兩部分，請注意，主體結構不可缺失，您可以替換圖片但是不可刪除圖片區塊，您也可以在文字部分添加您想要新增的區塊。
  • 轉盤表單是SmartPush提供的遊戲化彈窗表單。 這是一種透過讓訂閱者點擊轉盤旋轉並贏得折扣，或其他內容來吸引訂閱者的互動方式，以換取他們的註冊。 您可以在該模版內設定轉盤獎項、優惠券和中獎機率。 請注意，設定中獎機率總和為100%，否則會報錯。

8.png

4. 表單主題分類

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

表單編輯

表單編輯器主要功能包括表單設定、展示設定、推播設定、新增區塊

1. 表單設定

您可以在該部分設定表單的生效時間、以及收集到的聯絡人標籤。您可以為提交表單的所有聯絡人分配標籤，這有助於進一步細分。您可以將現有標籤新增至表單中，或直接在表單產生器中建立新標籤，以便隨後對聯絡人進行細分。表單聯絡人標籤將會作為一級標籤在細分群組篩選條件中展示。

image (1).png

2. 展示設定

  • 您可以在展示設定中設定表單出現和關閉的方式、展示設備和頻率等。如果您選擇了提示框，可以在這裡調整飛入方向並飛入速度。您可以選擇多種關閉方式，包括點擊彈窗關閉按鈕、點擊彈窗外區域、無操作自動消失。

4.png5.png

 

  • 展示設備

您可以選擇彈窗的展示設備，包括PC端和行動端。 要注意的是，置中彈窗和角落彈窗展示位置對應也會有些不同。

  • 展示頻率

定義瞭如果訪客在表單顯示後沒有訂閱，表單將再次出現的頻率。 您可以決定在與表單互動後不再顯示該表單：

12.png

3. 推送設定

  • 推送對象

您可以根據使用者的登入狀態、訂閱狀態、購買狀態、國家地區來篩選彈窗需要推送的物件。只有選擇登陸用戶才會進一步篩選訂閱狀態和購買狀態，國家地區是基於用戶IP來判斷的。 推送物件僅支援選擇無限制訂閱狀態。

  • 推播時機

本期功能僅支援使用者進入頁面的時機篩選條件，後期將基於使用者瀏覽商品以及商品更新等條件來增加推播時機，敬請期待。

  1. 您可以選擇彈窗展示的頁面，包括商店頁面和自訂頁面，您可以自行填寫自訂網址。
  2. 展示規則是指使用者在頁面達到展示規則即可觸發彈窗，包括停留時間、滾動深度、退出意圖。停留時間是指訪客需要在您的網站上花費的時間（以秒為單位）才能顯示表單；滾動深度是指使用者需要在頁面上滾動多遠（以百分比為單位）才能顯示表單；退出意圖是指使用者即將離開頁面時出現，透過使用者行為來追蹤：PC端使用者滑鼠移動至頁面頂端時/滑鼠懸停在桌面視窗頂部上方時，行動端使用者會從左向右滑動畫面、點選返回視為退出 意圖。

停止推送條件是指對於單一觸發使用者的停止推送條件，包括展示次數。您可以在此進行配置。需要注意的是，當您選擇停止推送條件為【用戶行為】-【用戶訂閱信箱或手機後】時，只要用戶完成了信箱訂閱或手機訂閱任一行為，該表單任務將停止對該用戶推送。

6.png

4. 區塊編輯

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

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

  • 全域樣式

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

7.png

  • email輸入框

該區塊可讓您在表單中的任何位置新增email輸入框，只需將區塊拖放到所需位置即可。 新增後，您可以變更輸入佔位符文本，設定必填欄位並變更所需訊息的文字（預設為「此項目為必填項」）。 透過將其命名為「電子郵件」或「在此處留下您的電子郵件」等內容來新增該欄位的標籤。

8.png

  • 文字

將您想要的任何文字加入表單內容。 只需將文字項目拖曳到您的表單中即可。 到右側選單以編輯文字樣式、字體、大小、行高和字體顏色。

  • 按鈕

一個基本功能是新增一個按鈕來收集電子郵件提交。 同時，您可以新增一個帶有指向商店特定頁面的連結的按鈕。 您可以在提交表單和連結到特定頁面之間切換按鈕操作，並將多個按鈕新增至單一表單。 同時您可以調整文字、連結、按鈕樣式和對齊方式。

9.png

  • 下拉選擇框

透過下拉選擇框，您可以開始收集客戶的性別和國家/地區數據，只需將項目拖放到表單中，然後選擇應對應到哪個設定檔欄位：國家/地區、性別。 您可以管理佔位符、選擇和標籤，並決定是否要將此字段設為必填字段，同時可以設定樣式。

10.png

  • 日期輸入框

您可以為表單新增額外的日期輸入方塊以收集聯絡人的生日數據，或將其對應到自訂屬性以收集自訂日期。 與其他區塊一樣，您可以將此欄位設為必填、為其添加標籤並更改所需的訊息。

  • 電話輸入框

使用此區塊，您可以在表單中的任何位置新增電話輸入框。 拖放區塊後，您可以變更輸入佔位符文字、將欄位設為必填、新增或刪除欄位的標籤以及變更所需訊息的文字（預設為「此欄位為必填」）。 國家區號將根據使用者的IP自動填入。

  • 合規協議

合規協議區塊會內建文案，讓法律文本更簡潔。 您可以編輯文案內容樣式等，需要注意的是，您需要新增隱私權政策連結。

11.png

  • 促銷折扣

您可在輸入框內直接輸入在SHOPLINE配置的優惠代碼，顯示給你的顧客使用。 您也可以編輯優惠券樣式，支援上傳優惠券自訂背景圖，但需注意背景圖尺寸。

  • 圖片

選擇您想要加入表單內容的圖片；建議上傳尺寸小於200KB，最大寬度600px的圖片，支援JPGE、JPG、PNG 和 GIF 格式。 您可以選擇填滿方式和样式。 若您想刪除圖片區塊，可以在整體佈局中選擇無圖模式。

  • 多頁面交互

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

常顯入口是彈窗的一部分，可以視為彈窗表單的預告頁。它們比彈出視窗的侵入性要小，但它們仍然很突出，因為它們出現在頁面邊緣而不是中心。訪客通常可以繼續瀏覽，而無需與表單互動或關閉表單。您可以在表單範本中點擊常顯入口進行開啟和設置，編輯它的文案、樣式、展示位置和展示時機。

12.png

還有其他問題？提交請求

評論