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.
From the app, select Forms > Click Create button

At Select Type, select Notification Popup

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


Here you can edit the Subscribe and Teaser pages.


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.


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


More detailed instructions can be found here.
Select Layout > at Desktop Settings select the display location

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.



Enter the name of the campaign > select Save

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

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

You can track form interactions at Report.

Step 1: Create an Flyout Sign up form
From the app, select Forms > Click Create button

At Select Type, select Notification Popup

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


2: Design Flyout Notification Popup
Here you can edit the Subscribe and Teaser pages.


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.


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


More detailed instructions can be found here.
2.2 Editing display position
Select Layout > at Desktop Settings select the display location

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.



Step 4: Ready
Enter the name of the campaign > select Save

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

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

You can track form interactions at Report.

Updated on: 22/09/2021
Thank you!