🔔 Notification Widget

The Notification Widget allows you to display real-time alerts, updates, or promotional messages directly on your website. Whether you want to announce new products, flash sales, limited-time offers, or important updates, this widget grabs attention instantly. It’s a powerful way to drive engagement, urgency, and conversions.

1. Start with a Template

What you’ll see:

• Popup Notification – Center-screen alert for big announcements

• Slide-In Bar – Appears from the top, bottom, or side of the page

• Floating Box – Small message box that hovers in a corner

• Minimal Banner – A slim bar with text only

What to do:

• Preview each style to see how it appears on your site

• Pick the layout that best fits your purpose

• Click Continue with this template to start customizing

2. Use the Editing Tabs

• Content – Add your message, links, and images

• Style – Customize design, colors, and animations

• Settings – Control timing, triggers, and display rules

3. Customize Your Notification

Content Tab

• Message Text – Keep it short and clear (“50% off this weekend!”)

• Icons/Images – Add visuals to draw attention

• CTA Buttons – Example: “Shop Now” or “Learn More”

• Links – Direct users to landing pages, blogs, or checkout

Style Tab

• Colors & Fonts – Match your branding or highlight urgency with bold colors

• Animations – Fade in, slide in, bounce, or flash effects

• Positioning – Top bar, bottom bar, corner, or fullscreen

• Size & Spacing – Adjust to make it noticeable but not intrusive

Settings Tab

• Triggers – Show after X seconds, on scroll, or on exit intent

• Frequency – Display once, repeat daily, or every visit

• Scheduling – Set start and end times for campaigns

• Mobile Optimization – Ensure it looks clean on smaller screens

• Close Options – Allow dismiss button or auto-hide after a few seconds

Helpful Tips

• Keep notifications short and urgent for maximum impact

• Use contrasting colors to stand out from the page

• Add clear CTAs so users know what to do next

• Avoid overloading with too many notifications (less is more)

• Use timing smartly – e.g., a discount popup after 30 seconds on page

• Test both desktop and mobile for smooth display