跳至主要內容
如何設定網頁推播(Pop-up)
一個月前已更新

提醒:開始設定網頁推播功能前,建議先建置好網頁推播要跳出來的活動喔!

1. 前往網頁推播後台

2. 建立網頁推播

於右上角點擊【建立】

提醒:你可以先建立,但預覽或上線必須先完成安裝插件程式碼於你的網站。若尚未進行設定,請參考:如何安裝網頁推播程式碼於網站上

選擇欲設定的樣式

3. 訊息設定

建立後即進入編輯畫面,你會看到訊息設定視窗

  1. 設定訊息名稱

    此名稱只會出在後台列表,讓你好辨識管理

  2. 選擇訊息類型 (三選一)

    • 活動
      動作:點擊pop-up後跳轉到指定活動

      選擇事先建立好的活動,或直接輸入活動編號快速找到活動,確認後按下【確定】即可完成設定。

    • 發送通關序號
      動作:點擊pop-up後跳轉到指定活動(限定參加資格必須是看到Pop-up的人才能參加)

      選擇事先建立好的通關序號活動,或直接輸入活動編號快速找到活動 ,確認後按下【確定】即可完成設定。

【補充說明】

什麼是通關序號活動?

於活動參加資格設定裡開啟通關序號功能,可用來限制活動參加者的身分,必須是有得到序號的人才能參加。 通關序號可透過【手動產生一批序號自行發送】、【透過行銷推廣發送】、【透過實體活動小幫手產生QRcode供顧客掃描】



  • 網頁
    動作:點擊pop-up後跳轉到指定網頁網址(任何網址)

    設定你希望前往的網址, 裡如: 促銷頁面、某一篇文章內容頁、開戶頁面、等等,確認後按下【確定】即可完成設定。

4. 認識網頁推播編輯器

1. 網頁推播資訊

網頁推播名稱(可更改名稱),上線狀態,時間排程的顯示(時間排程的設定請看下方【設定】說明)

2. 插件內容

【icon型插件】

更換圖片

支援兩種上傳方式:

  1. 直接上傳圖片檔

  2. 輸入圖片網址上傳

圖片格式:長寬>300px,比例不限,大小不要超過3mb, PNG檔

替代文字

如果訪客無法順利看到圖片,將以【替代文字】內容來顯示。建議設定呼籲型文字,例如:點我參加、立刻抽獎、等等

改變大小

可直接針對圖片調整顯示出來的尺寸。

(調整寬度即可,高度是自動調整)

要設定多少比較好?

建議可依手機為主來評估,以普遍 640 px 的螢幕寬度,你希望此插件顯示的比例如何。 如果是 1/6 那就抓100px 左右

3. 樣式

你可以在樣式設定裡面調整插件的呈現樣式

1.關閉按鈕

插件物件右上方的 🅧 關閉功能按鈕的顏色設定

tips: 如果不想要有關閉按鈕, 可設成透明色

2. 背景

圖片背景顏色設定

如果你上傳不規則邊界的圖片,想加上底色, 可在這裡做設定。示範:


3. 圓角

可針對你上傳的圖片進行邊角的裁切


4. 顯示位置

此插件於螢幕上的顯示位置


5. 間距

選完顯示位置後, 可用間距再挪動物件


6. 動態效果

可設【無】動畫效果 或 【縮放】動畫效果

4. 設定

你可以在設定裡面調整有關此插件的條件設定, 如:觸發時機、點擊行為、排程等等

設定項目

說明

設定選項及內容

訊息類型

更換訊息類型或調整設定的內容

(與一開始建立時所選的訊息類型相同,可於此處再進行調整)

三選一後可設定對應的內容。

詳細可以回頭看 訊息類型說明

點擊行為

當訪客看到插件物件時,點擊後的動作設定

  1. 開啟彈跳視窗
    不離開原本的網頁, 直接開啟小視窗,在小視窗內呈現目標網址/活動頁面(可直接在小視窗瀏覽/參加完畢),關閉後仍留在原本看到插件物件的頁面。

  2. 另開頁面
    於瀏覽器新分頁開啟目標網址/活動頁面。

  3. 原頁面開啟
    讓網頁直接轉跳到目標網址/活動頁面(原分頁覆蓋原頁面)

延遲點擊時間

延遲插件物件可被點擊的時間,例如:訪客抵達頁面後就會看到插件物件,但要等待15秒後才能點擊。

指定排程

設定此插件物件何時要開始運作(於站上開跑的時程)

訊息顯示位置

指定該插件物件要顯示在哪些網頁網址

  1. 全部頁面
    所有有安裝到插件程式碼的網頁,像全站式都要出現的需求,建議選擇此方式進行設定。你仍可以排除某些特定頁面,例如:查看訂單頁或結帳頁網址

    設定關鍵字:可設定完整網址(url), 也可以設定網址內某些關鍵字

  2. 部分頁面

    指定部分頁面才會顯示該插件物件,例如,只想在促銷檔期landing page上才會顯示輪盤插件,或某些文章頁面才要出現問答題插件,建議選擇此方式進行設定。你仍可以排除某些特定頁面,例如:查看訂單頁或結帳頁網址

    設定關鍵字:可設定完整網址(url), 也可以設定網址內某些關鍵字

  3. 指定關卡瀏覽頁(結合多元任務模組是用)
    從多元任務裡的指定任務卡,出發到指定網頁網址的訪客 (需搭配多元任務-自訂點擊行為的設定)才能看到此插件物件。

    使用此方式進行設定時,你可以直接選擇欲綁定的多元任務活動是哪一檔,以及裡面哪一個任務。系統將自動帶入該任務關卡所設定的活動成為此插件點擊後前往的活動網址。
    【了解關於多元任務】


    【活動情境範例】

    你有一個多元任務活動給新會員參加,其中一個任務是去站上閱讀新手上路的文章超過30秒。

    由於,文章本身是公開文章,你不希望所有造訪此文章頁面的人都可以看到這個插件物件領取獎勵,畢竟他不一定是你的"新會員"。

    以這樣的需求情境,你可以這樣進行設定:

    1. 在多元任務的此關卡設定例如:問答小學堂(舉例而已,也可以選別的模組),並且設定參加資格必須有通關序號才能參加。

    2. 多元任務該關卡設定-自訂點擊行為,設定為新手上路文章的網址。

    3. 到網頁推播後台新增訊息

    4. 訊息類型選擇發送通關序號選擇多元任務該關卡綁定的活動(問答小學堂)。

    5. 延遲點擊時間設定成30秒

    6. 訊息顯示位置設定處,選擇 【指定關卡瀏覽頁】,選擇該多元任務活動及同樣的任務關卡。

    這樣就可以限定, 從多元任務出發的新會員必須在文章頁停留超過30秒才能點擊,且只有這個路徑進入文章頁的人才會看到此插件物件,才能去參加問答小學堂

觸發時機

顯示插件物件的時機點。

  1. 頁面載入時
    一旦頁面載入完, 即開始顯示插件物件。

  2. 停留在頁面X秒
    頁面載入完後,X秒後才開始顯示插件物件

發送頻率

訪客會看到插件物件的頻次,訪客造訪次數的判斷依據是瀏覽器cookies。

  1. 每次訪問

  2. 每天一次

  3. 只會發送一次

5. 預覽插件

你有兩種方式可以進行預覽

  1. 於編輯器內進行預覽
    在你編輯的過程中,編輯器本身就提供了模擬器預覽功能,你可以切換手機版及網頁版兩種模式。

  2. 於實際網站上預覽
    按下【預覽】按鈕後,可輸入你的網站網址 ex: 首頁網址,輸入後,按下預覽按鈕確認,將自動開啟你設定的網址,並且可以看到目前設定的插件物件,進行點擊測試。

補充說明:此預覽模式僅限於系統自動產生的特殊網址下,才會顯示所設定的插件,並不代表正式發布到站上。你可以複製該網址給其他同仁一同預覽。

6. 開啟上線

測試沒問題後就可以按下【上線】按鈕啟動網頁推播。

如有設定時間排程, 上線後就會依照你設定的排程開始顯示。

是否回答了您的問題?