> ## 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/easy-pop-up_lbwpfx.png)

###### 在这篇文章中 :
1.  简介    
2. 安装和设置 Easy Pop Up 扩充

## 1. 简介

由 EasyStore 开发的 Easy Pop-Up 弹跳视窗扩充功能，可以让商家轻松地以弹跳视窗显示，创建和管理您的促销优惠或则是对客户发送重要公告或其他信息等，协助您第一时间吸引住您官网浏览者的注意。 Easy Pop-Up 弹跳视窗是一个简单易用的扩充功能，只需几分钟即可马上完成设置，并开始在您的商店启用功能。
---

## 2. 安装和设置 Easy Pop Up 扩充

${youtube}[How To Set Up Pop Up Notice In Online Store](WcwkB5qLmrg)

**步骤一：** [EasyStore Admin](https://admin.easystore.co/) > 安装扩充 > App Store > 搜 **Easy Pop-Up >** Install this app

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

**步骤二 ：** 选择你要的 Easy Pop Up 功能目的
Easy Pop Up 可以选择两种目的，分别是通告（Announcement）或是获取联系资料（Get Contact）

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

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


**步骤三 ：** 设定 Easy Pop-Up

1. 设定 **标题（title）** 的字体大小以及颜色，你可以分别设定电脑版与手机版字体显示

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/easy-1_lwx2u9.png)

2. 设定 **内容（content）** 的字体大小以及颜色，你可以分别设定电脑版与手机版字体显示

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/easy-2_1lwqhh5.png)

3. 背景调整（Background）

选择以纯颜色、自行上传图片或是扩充内建的图片作为背景图

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/easy-3_1ny7kdh.png)

|| 💡 自定义背景图的建议尺寸为：520px x 350px （通告 Announcement） /  520px x 200px （获取联系资料 Get Contact）

4. 按钮调整（Button）
若需要设定按钮点击导向，可选择开启按钮 (Enable Button) 功能

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/easy-4_lswahv.png)

5. 在扩充功能设定里，右方可以查看前台预览显示 (Preview)

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

6. 点击下方“储存更改” ，完成！
 

### 前台显示
弹跳视窗会在客户一进入官网时马上弹出，前台显示如下：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/easy-pop-up_1hc4h9g.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)