Articles on: Customization

Notification position and animation: Customizing display

Choose where notifications appear (top-left, top-right, bottom-left, bottom-right) and select animation styles (slide, fade, bounce). Position and animation affect how visitors notice and interact with notifications.


Position is set in Settings (top right) → Global Settings (affects all campaigns). Animation is set per campaign in Edit → Advanced Settings tab. Choose from Slide, Fade, or None.



Notification Position


Setting

Location

Scope

Options

Position

Settings (top right) → Global Settings

Global (all campaigns)

Bottom-right, bottom-left, top-right, top-left

Animation

Campaign → Edit → Advanced Settings

Per campaign

Slide, Fade, None


Position Options


Position

Description

Default

Bottom-right

Lower right corner

✅ Yes (most common)

Bottom-left

Lower left corner

Top-right

Upper right corner

Top-left

Upper left corner


Why Global: Ensures consistent positioning across campaigns


Animation Options


Animation

Description

Recommended

Slide

Notification slides in from side

✅ Yes (smooth)

Fade

Notification fades in/out

✅ Good (subtle)

None

Appears instantly

⚠️ Can feel abrupt


Why Per Campaign: Each campaign can have different animation


How to Change Position


  1. Go to Settings (top right) → Global Settings
  2. Find "Notification Position" setting
  3. Select desired position
  4. Save settings
  5. All campaigns use new position


How to Change Animation


  1. Go to campaign → Edit
  2. Click "Advanced Settings" tab
  3. Find "Animation Style" dropdown
  4. Select: Slide, Fade, or None
  5. Save campaign


Best Practices


Practice

Why

Position: Bottom-right works for most stores

Doesn't block content

Animation: Slide is smooth and professional

Best user experience

Testing: Try different options to see what works

Find what fits your store

Consistency: Keep position consistent (it's global)

Professional appearance


Common Mistakes:
  • Changing position per campaign (it's global)
  • Using "None" animation (can feel abrupt)
  • Top positions may block important content
  • Not testing on actual storefront


Next Steps:

  • Change position in Settings if needed
  • Customize animation per campaign
  • Test on storefront to see results
  • See "How do I change global settings?" for more


Updated on: 03/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!