> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【擴充功能】Easy Pop Up 彈跳視窗


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_xe0dbj.png)
 
由 EasyStore 開發的 Easy Pop-Up 彈跳視窗擴充功能，可以讓商家轻松地以彈跳視窗顯示，创建和管理您的促销優惠或則是對客戶發送重要公告或其他信息等，協助您第一時間吸引住您官網瀏覽者的注意。 Easy Pop-Up 彈跳視窗是一个简单易用的擴充功能，只需几分钟即可馬上完成设置，并開始在您的商店啟用功能。

 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1rpcv8s.png)
 

 
### 步驟一：安裝 Easy Pop-Up 擴充
1. 前往EasyStore後台 → 安裝擴充 → 更多 → 搜尋 Easy Pop-Up > 立即安裝擴充
安裝連結：https://www.easystore.co/zh-tw/apps/easy-pop-up

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_4nlaru.png)
  

### 步驟二：選擇你要的 Easy Pop Up 功能目的
 
1. Easy Pop Up 可以選擇兩種目的，分別是通告（Announcement）或是獲取聯繫資料（Get Contact）

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_f89qtx.png)


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ciyt7c.png)

 


### 步驟三：設定 Easy Pop-Up
1. 設定標題的字體大小以及顏色，你可以分別設定電腦版與手機版字體顯示


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_w979ha.png)

2. 設定內容的字體大小以及顏色，你可以分別設定電腦版與手機版字體顯示



![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1uzaxag.png)

3. 背景調整（Background）

選擇以純顏色、自行上傳圖片或是擴充內建的圖片作為背景圖
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_176ct66.png)

💡 自定義背景圖的建議尺寸為：520px x 350px （通告）
  /  520px x 200px （獲取聯繫資料）

4. 按鈕調整
若需要設定按鈕點擊導向，可選擇開啟按鈕功能

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_rmu8k7.png)

5. 在擴充功能設定里，右方可以查看前台預覽顯示

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_15tbik1.png)
 


 

### 步驟四：點擊儲存，完成！
 

 
---
### 前台顯示
彈跳視窗會在客戶一進入官網時馬上彈出，前台顯示如下：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1d8u5zx.png)
 

---

💡 小提醒：

1. 若你設定擴充目的為「獲取聯繫資料（Get Contact）」，你可以放入設定好的優惠代碼，當顧客輸入郵件後，即會呈現優惠代碼給顧客
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1utrktv.png)

顧客輸入郵件後，顧客的郵件資料即會出現在後台 → 顧客管理裡

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_p6nkny.png)