Position & Animation Options for Annoucement Widget

The Position & Animation section in WiserNotify allows you to customize where your notification appears on the screen and how it enters and exits the page. This section provides options to optimize your notification’s visibility and ensure a smooth, engaging user experience on both desktop and mobile devices.

 

 

1. Show in Mobile#

• Purpose: Enable or disable the notification display on mobile devices.
• Animation Style in Mobile:
  • Choose how the notification appears on mobile screens. In the screenshot, the selected animation style is Fade.
  • Common options include:
    • Slide: The notification slides into view.
    • Fade: The notification fades in for a smoother effect.
• Display Position in Mobile:
  • Determine where the notification appears on mobile screens. Options include:
    • Top: Notification appears at the top of the screen.
    • Bottom: Notification appears at the bottom of the screen (selected in the screenshot).

2. Show in Desktop#

• Purpose: Enable or disable the notification display on desktop devices.
• Animation Style in Desktop:
  • Select how the notification animates when displayed on desktops. In the screenshot, the selected style is Slide.
  • Other available options include:
    • Fade: A softer entrance effect.
    • Bounce: A more dynamic effect to grab attention.
• Display Position in Desktop:
  • Define the notification’s placement on desktop screens. Options include:
    • Top Left
    • Top Right
    • Bottom Left
    • Bottom Right
  • In the screenshot, the notification is set to appear at the Right Top.

3. Compact Design View for Mobile#

• Purpose: Optimize the notification’s design for mobile screens by using a more compact layout, ensuring better visibility and responsiveness.
• When to Use: Ideal for smaller screens to avoid clutter and maintain a seamless user experience.