Notification Popup
Notification Popup
Welcome to the “Notification Popup” documentation.
Looking to integrate a notification popup into your website? Our block allow you to quickly capture your users' attention and convey important messages or offers in an engaging way.
In this guide, we'll show you how to use the editor to customize your notification popup block.
Step 1: Open the Editor
1. Go to Notification Popup template.
2. Click on "Edit" after choosing your template.
class="" alt="">Step 2: customize the content
1. In this panel, you can easily add, remove, or rearrange your notification popups as needed.
class="flex justify-center items-start h-auto w-auto" alt="">2. Customize each popup by selecting background and text colors, uploading an image and specifying its position, inserting a link, and editing the popup content.
Additionally, you can determine when the popup should appear and set its duration time.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Configure settings
Here, you'll handle the quiz settings:
1. When you enable the random option, you can determine the maximum number of popups that will appear, specify the timing for each one, and set their duration.
class="flex justify-center items-start h-auto w-auto" alt="">2. you can specify the position of the popups, fine-tune their roundness, width, height, maximum height, and margin.
Additionally, you have the option to apply animations to them.
class="flex justify-center items-start h-auto w-auto" alt="">Step 4 : Preview
Lastly, you can click on “Preview” to see how your notification popup block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">