Zotabox

4. EC + SC.png

Zotabox 第三方外掛程式提供超過 20 種工具,助您提升銷售量、增加粉絲訂閱數!可供使用的工具包含:客製化彈出式視窗、臉書訊息、標題橫圖以及電郵訂閱按鈕,現在只要在 SHOPLINE 後台一鍵安裝即可操作上述功能。

 

本篇文章將介紹:

 

 ⚠️ 開始前請注意:

  • Zotabox 平台目前尚未支援中文介面。
  • 進入 Zotabox 平台後,系統便會以商店中的「商店電郵」自動建立帳號並綁定,且不支援更換綁定帳號,若您已有 Zotabox 付費帳號,請確保設定當下的商店電郵與付費帳號一致,以利系統順利串接。

 

一、安裝步驟

步驟一

前往 SHOPLINE 後台 >「擴充功能 > 擴充功能商店」,下拉篩選功能表單,勾選「市場推廣」以及「轉換優化」。

Screenshot 2026-01-07 at 3.38.45 PM.png

 

步驟二

找到並安裝 Zotabox,點選「立刻安裝」按鈕。更多安裝擴充功能的詳細說明,請參考:擴充功能商店

Screenshot 2026-01-07 at 3.40.21 PM.png

 

步驟三

進行相關權限授權,點選「立刻安裝和授權」即可安裝完成。

last image.png

 

步驟四

前往 SHOPLINE 後台 >「擴充功能 > 我的擴充功能」,找到「Zotabox」並點選「打開擴充功能」。

Screenshot 2026-01-07 at 3.44.45 PM.png

 

步驟五

系統將會直接跳轉至 Zotabox 平台頁面,並啟用免費方案。

您也可以點選「Upgrade」頁籤,選擇任一付費方案開始 14 天試用期。

*注意:實際價格請以 Zotabox 官方網站公布為準。

Screenshot 2026-01-07 at 3.51.54 PM.png

 

二、設定元件

步驟一

點選「New Widget」選擇您要使用的元件,以下將以 Easy Popup (簡易版彈出式視窗)做為範例說明。

Screenshot 2026-01-07 at 3.54.48 PM.png

 

步驟二

若要在您的 SHOPLINE 商店加入客製化彈出式視窗,請選擇「Customize Popup」頁籤。

Screenshot 2026-01-07 at 4.02.37 PM.png

 

步驟三

1. 選擇背景

您可以點選以下按鈕進行相關設定。

  • More Images:查看更多圖片
  • Upload Image:上傳圖片
  • Overlay Color:選擇您所要的覆蓋顏色
  • Fields:選擇明暗度
Screenshot 2026-01-07 at 4.26.21 PM.png

 

2. 選擇模板

可選擇「促銷」、「電郵訂閱」、「圖片連結」、「自訂 HTML」。

Screenshot 2026-01-07 at 4.26.43 PM.png

 

3. 自訂訊息

自行輸入標題及敘述,敘述的文字內容可以加入連結。

Screenshot 2026-01-07 at 4.27.06 PM.png

 

4. 自訂按鈕

自訂按鈕文字及背景顏色、跳轉連結、是否開啟新視窗、是否需要點選按鈕以繼續。

Screenshot 2026-01-07 at 4.27.29 PM.png

 

5. 預覽

右側畫面可以讓您對照所設定的樣式,也可在下方快速選擇模板、視窗呈現大小、字型。

Screenshot 2026-01-07 at 4.27.53 PM.png

 

步驟四

點選「Display Option」頁籤。

Screenshot 2026-01-07 at 4.41.56 PM.png

 

設定以下彈出視窗的顯示選項。

  1. Who to show:選擇此彈出視窗顯示給什麼種類的訪客。 
  2. Minimum screen size:選擇此彈出視窗支援最小的螢幕大小為何。
  3. Max display frequency:選擇此彈出視窗的顯示頻率。
  4. Activate / Expire date / time:選擇此彈出視窗顯示的時間範圍。
  5. When to display:選擇此彈出視窗何時顯示於頁面上。
  6. Location:選擇此彈出視窗顯示於什麼地區 / 國家。
  7. Where to display:選擇此彈出視窗顯示於何種頁面。

CH11.png

 

步驟五

調整完成後,開啟左上方開關,並點選右上方的「Save」按鈕,視窗將會顯示於您的商店。

Screenshot 2026-01-07 at 4.43.07 PM.png

 

步驟六

在 Zotabox 完成所有設定後,回到您的 SHOPLINE 商店前台查看設定好的彈出式視窗。

Screenshot 2026-01-07 at 4.44.47 PM.png

 

三、注意事項

若您因綁定錯誤或其他原因需調整 Zotabox 帳號,請參考下列步驟操作:

  1. 刪除後台安裝的 Zotabox 帳號後,系統將自動登出。
  2. 前往 SHOPLINE 後台「解除安裝」Zotabox 擴充功能。
  3. 開啟「無痕視窗」,登入 SHOPLINE 後台並再次安裝 Zotabox 擴充功能。
  4. 繼續使用「無痕視窗」,重新開啟 Zotabox 擴充功能即可使用。

 

 

延伸閱讀 

 

 




 

還有其他問題?提交請求

評論