Creating Announcement – Video Widget

Updated Oct 26, 20262 min read
On this page · 3 sections

The Announcement – Video widget pairs your announcement with a video thumbnail, so visitors can watch a launch, tutorial or product video from the notification.

It is one of the ready-made Announcement designs in the widget library, so you only change the text, link and colors. Like every widget, it can open after a time delay, on scroll or on exit intent.

Follow this step-by-step guide to design, configure, and publish your widget-type notification.

Step 1: Create a Widget-Type Notification

  1. Log in to your WiserNotify dashboard.
  2. Navigate to the Social Proof section and select Announcement – Video from the widget options.
  3. Click the “Add” button under the Announcement – Video widget to begin

Step 2: Customize Your Notification

In the Design Section, customize the notification to align with your brand and preferences:

  1. Text Editor:
    • Modify the text content, such as product details or location.
    • Use dynamic placeholders like {Name}, {Location}, and {Product}.
  2. Click Actions:
      • Enable a clickable button (e.g., “Buy Now”) and define its link action (e.g., redirect to a dynamic URL).
      • Customize the button’s font, weight, colors, and more
  3. Position & Animation:
    • Select animation styles for mobile (e.g., Fade) and desktop (e.g., Slide).
    • Position the notification on your website (e.g., Left Bottom or Center).
  4. Style:
    • Adjust the shape, color scheme, and size for desktop and mobile.
    • Add shadow effects to make the notification visually appealing.
  5. Embed Code:
    • Add custom HTML or CSS if needed.
  6. Data Control:
    • Choose the duration for displaying notifications and define the number of records to display.
    • Skip seen data to avoid repeating the same notification for users.
  7. Timing Control:
    • Set delays for showing notifications (e.g., initial delay of 4 seconds, display time of 8 seconds).
    • Randomize delays for more dynamic notifications.

Here, you can see all options in the designs section in detail.

Step 3: Configure Display Settings & Publish


Under the Display Section, define where and how your notification will appear:

  1. Select Pages: Choose specific pages or display notifications across all pages.
  2. Multiple Websites: Configure settings for notifications on multiple domains.
  3. Advanced Targeting: Target users based on visitor behavior, location, UTM parameters, cookies, or referrer.

Here, you can see all options in the display section in detail.

Click “Save” and then “Publish” your notification.

Now, Visit your site.

Important: After making changes, check your notification in a private browser to avoid cache issues.

Was this guide helpful?

Related guides

Still stuck? We'll set it up with youLive chat or a free screen-share call, every day of the year.Chat with support

Small nudges, big impact

Show your visitors what others are doing right now, and turn hesitation into checkout.

WiserNotify customerWiserNotify customerWiserNotify customerWiserNotify customer
Trusted by 20,000+ sites ·★ 5 onCapterraCapterra34 people signed up today