Design

Go to Dashboard/eCommerce Notification/Design to design the notification pop-up

1. Templates: Choose from 22 built-in templates to quickly set up your notification design.
2. Position & effect
   1. Position: Select where the notification will appear – bottom left, bottom right, top left, or top right
   2. Show notification effect: Choose an animation effect when the notification appears
   3. Hide notification effect: Select an animation for when the notification disappears
3. Style
   1. Message will be rounded and featured image is round instead of square – Toggle this option to round the message box and featured image instead of keeping the default square shape
   2. Custom rounded corner – If you enable the option above, set custom corner radius for the notification box as you need
   3. Background color: Choose a background color for the notification
   4. Text message color: Customize the color of the notification message text
   5. Post name text color: Define the color of the post title text
4. Image
   1. Image Position: Adjust where the post’s featured image appears in the notification – Left or Right
   2. Gap between post image and notification’s border – Set spacing between the image and the notification border
   3. When click image, you will redirect to post single page – Toggle to enable this click behavior
   4. When click image, you will be redirected to the post’s single page on a new tab – Toggle to open the post page in a new tab when clicking the image
5. Show Close Icon: Display an “X” icon to allow visitors to close the notification manually. If disabled, the notification remains visible until the set close time ends
   1. Icon style: Choose between “Class” or “Default” styles for the close icon
   2. Time close: Set the duration before the notification automatically disappears
   3. Close icon color: Customize the color of the close icon
   4. Close icon background: Define the background color of the close icon
6. Custom CSS: Add your own CSS styles to further customize the notification’s appearance.
7. Preview notification popup: View a live preview of your notification popup before applying changes.