> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.avada.io/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).

# How to create Notification Popup?

This article will guide you to create a Flyout Notification Popup in AVADA. This flyout will help you promote your advertising campaign effectively by displaying popup at the corner of your page and  therefore, customers can still browse normally on your website.

## Step 1: Create an Flyout Sign up form

From the app, select **Forms** > Click **Create** button


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

At **Select Type**, select **Notification Popup**


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

At **Select template**, select **Flyout Notification** > Click **Select Template** button


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

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

## 2: Design Flyout Notification Popup

Here you can edit the **Subscribe** and **Teaser** pages.


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

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


2.1. Edit content
To edit the content you can click on the fields on the left side of the screen or click directly on the preview and make edits from the left side of the screen.


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


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

Add other elements by selecting Add Component > clicking on the element you want to add.


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


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

More detailed instructions can be found [here](https://help.avada.io/en/article/how-to-configure-popup-components-1bftqoo/).


## 2.2 Editing display position

Select **Layout** > at **Desktop Settings** select the display location


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

Step 3: Trigger of Flyout Sign up form

The **Triggers** section includes **When to display popup, Where to show the popup, Country restriction**. See detailed instructions [here](https://help.avada.io/en/article/understand-triggers-to-show-sign-up-form-13ux3g6/).


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

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

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


## Step 4: Ready

Enter the name of the campaign > select **Save**


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

Select **Go live** so the form can be displayed immediately, or choose **Keep as draft** to save it as a draft.

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

- Edit Flyout Notification popup
- You can edit the design, trigger of the popup.


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

You can track form interactions at Report.

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