All Blog

Rich Push Notifications: How to Boost Engagement with Images, Videos & Action Buttons

10 min read

Apr 2, 2026

Rich Push Notifications: How to Boost Engagement with Images, Videos & Action Buttons cover image - rich push notifications, push notification example, mobile app push notification

Standard text-only push notifications get an average click-through rate of 2–3%. Add an image, and that number jumps to 8% or higher. Attach action buttons, and you remove an entire step from the conversion funnel. That's the power of rich push notifications — they transform a plain text alert into an interactive, visual experience that users actually want to tap.

Yet most apps still send bare-bones messages. Why? Because rich media support varies across platforms, implementation requires extra configuration, and many teams simply don't know what's possible.

This guide fixes that. We'll cover every rich push notification type — images, videos, GIFs, carousels, and action buttons — with a full platform support matrix, real-world push notification examples, CTR benchmarks, and step-by-step best practices so you can start sending richer, higher-performing notifications today.

What Are Rich Push Notifications?

Rich push notifications are push messages that go beyond plain text by including media attachments and interactive elements. While a standard notification contains only a title and body, a rich push notification can include:

Images (product photos, promotional banners, maps)
Videos (short clips, previews, tutorials)
GIFs and animated media
Action buttons (Reply, Buy Now, Dismiss, Share)
Carousels (swipeable multi-image layouts)
Audio clips
Deep links tied to specific in-app screens

Think of it this way: a standard notification is a sticky note on someone's desk. A rich push notification is a mini landing page delivered straight to their lock screen — visual, interactive, and designed to convert.

Why Rich Push Notifications Matter

The data speaks clearly:

56% higher open rates: Notifications with images consistently outperform text-only messages across industries (source: Airship 2024 Benchmark Report).
25% lift in conversion: Action buttons that deep-link users to specific screens reduce friction and drive more completed actions.
3× engagement on carousel formats: E-commerce apps using carousel-style push notifications report up to three times the engagement rate compared to single-image pushes.
Lower unsubscribe rates: Users perceive rich notifications as more valuable and less spammy, leading to better opt-in retention over time.

If you're still sending plain text alerts, you're leaving significant engagement on the table.

Types of Rich Push Notifications (with Examples)

Let's break down each rich notification format, how it works, and where it performs best.

1. Image Notifications

The most common and widely supported rich format. A single image is attached to the notification, displayed either as a thumbnail or as an expanded banner when the user interacts with the message.

Best for: E-commerce product showcases, food delivery apps, travel deals, news headlines.

Push notification example:

Title: "Your wishlist item is 40% off 🔥"
Body: "The Nike Air Max 90 just dropped in price. Only 3 left in your size."
Image: High-quality product photo of the shoe

Performance data: Image-based push notifications see an average CTR of 6–8%, compared to 2–3% for text-only messages. In the food delivery vertical, appetizing food imagery can push CTR above 12%.

2. Video Notifications

Short video or animated previews that auto-play when the notification is expanded. These are particularly effective for entertainment, media, and gaming apps.

Best for: Streaming platforms, gaming apps, sports highlights, product demos.

Push notification example:

Title: "New episode just dropped"
Body: "Season 3, Episode 5 of 'The Bear' is streaming now."
Video: 5-second teaser clip that auto-plays on expand

Performance data: Video push notifications drive 2–3× the engagement of static image notifications for media and entertainment apps, though they require more bandwidth and have limited platform support.

3. GIF / Animated Image Notifications

A middle ground between static images and video. GIFs are lighter, load faster, and are supported on more platforms than video.

Best for: Flash sales with countdown animations, social app reactions, gamified notifications, weather alerts.

Push notification example:

Title: "Flash sale ends in 2 hours ⏳"
Body: "Up to 60% off summer styles. Tap to shop before it's gone."
GIF: Animated countdown timer or rotating product images

4. Action Button Notifications

Action buttons appear below the notification body and let users take action without opening the app — or deep-link them to a specific screen. This is one of the highest-impact rich push notification features because it reduces the number of steps between seeing a message and completing an action.

Best for: Messaging apps (Reply/Like), ride-sharing (Accept/Decline), e-commerce (Buy Now/Save for Later), task management (Mark Complete/Snooze).

Push notification examples:

Ride-sharing: Title: "Your ride is arriving" → Buttons: [Track Driver] [Cancel Ride]
E-commerce: Title: "Your cart is waiting" → Buttons: [Checkout Now] [View Cart]
Messaging: Title: "Alex sent you a message" → Buttons: [Reply] [Mark as Read]

Performance data: Notifications with action buttons show a 40–60% increase in interaction rate compared to those without. Two-button configurations outperform three or four buttons — too many choices create decision fatigue.

5. Carousel Notifications

Carousel push notifications display multiple images that users can swipe through horizontally, each with its own title, description, and CTA. They're essentially a mini product catalog delivered via push.

Best for: E-commerce (multi-product recommendations), travel (destination options), real estate (property listings), news (top stories roundup).

Push notification example:

Title: "Recommended for you"
Cards: [Product 1 image + price] → [Product 2 image + price] → [Product 3 image + price]
Each card CTA: "Shop Now" deep-linked to the product page

Performance data: Carousel notifications can achieve CTRs of 10–15% in e-commerce, significantly outperforming single-image formats because users engage with the swipeable content directly from the notification shade.

Platform Support Matrix: iOS vs Android vs Web

Not every rich format works on every platform. Here's a comprehensive compatibility guide so you know exactly what you can send and where.

Rich Feature	iOS (APNs)	Android (FCM)	Web (Browser Push)
Static Image	✅ Supported (via Notification Service Extension)	✅ Supported natively (BigPictureStyle)	✅ Supported (Chrome, Firefox, Edge)
GIF / Animated Image	✅ Supported (renders as animated)	⚠️ Partial (rendered as static on some OEMs)	⚠️ Limited (Chrome supports, others vary)
Video	✅ Supported (via Notification Content Extension, max 50 MB)	⚠️ Not natively supported (workaround via custom layout)	❌ Not supported
Audio	✅ Supported (max 5 MB)	⚠️ Custom implementation required	❌ Not supported
Action Buttons	✅ Up to 4 buttons (UNNotificationAction)	✅ Up to 3 buttons (NotificationCompat.Action)	✅ Up to 2 buttons (varies by browser)
Carousel	⚠️ Requires custom Notification Content Extension	✅ Supported via custom layouts / third-party SDKs	❌ Not supported
Inline Reply	✅ Supported (UNTextInputNotificationAction)	✅ Supported (RemoteInput)	❌ Not supported
Deep Links	✅ Universal Links / URL schemes	✅ Intent / Deep Link URIs	✅ Click-through URL
Max Payload Size	4 KB	4 KB	4 KB (varies by browser)
Max Image Size	10 MB	1 MB (recommended)	Varies (generally < 1 MB)

Key Platform Differences to Know

iOS offers the richest notification experience but requires more development work. You need a Notification Service Extension to modify payloads and attach media, and a Notification Content Extension for fully custom UIs (including carousels and video playback). The upside: once implemented, iOS notifications look polished and consistent across all devices.

Android is more flexible out of the box. BigPictureStyle, BigTextStyle, InboxStyle, and MessagingStyle are all available natively. However, OEM fragmentation (Samsung, Xiaomi, Huawei, etc.) means notification rendering can vary significantly. Always test on at least three different manufacturers.

Web push is the most limited. Images and basic action buttons work on Chromium-based browsers, but video, audio, carousel, and inline reply are not supported. Web push is best used for simple, text-plus-image notifications that drive users to a landing page.

Rich Push Notification CTR Benchmarks

Here's a summary of how different rich notification formats compare in terms of click-through rates, based on aggregated industry data:

Notification Format	Average CTR	Best-Performing Vertical
Text-only	2–3%	Utilities, Finance
Text + Image	6–8%	E-commerce, Food Delivery
Text + GIF	7–9%	Retail, Gaming
Text + Action Buttons	5–7%	Ride-sharing, Messaging
Image + Action Buttons	8–12%	E-commerce, Travel
Carousel	10–15%	E-commerce, Travel, Real Estate
Video Thumbnail + CTA	9–13%	Streaming, Gaming

Note: These are industry averages. Your actual performance depends on audience, timing, personalization, and message quality. Always benchmark against your own historical data.

Key findings from real-world data:

Images alone boost CTR by 20–40%. A product image in an abandoned cart push gives instant context — no need to open the notification to remember the item.
Action buttons improve CTR by 40–60%. Reducing steps between seeing a notification and completing an action is the highest-impact optimization available.
Personalized rich notifications outperform generic rich pushes by 2–3×. Inserting the user's name, saved item, or location-specific image makes the notification feel bespoke.
Video notifications in entertainment apps drive 3× higher engagement than static image notifications, though with higher implementation costs.

Real-World Push Notification Examples from Top Brands

Netflix — Video Thumbnails + Action Buttons

Netflix sends personalized push notifications featuring the artwork of shows tailored to each user's viewing history. Their notifications include a "Play" action button that deep-links directly into the content player, eliminating all friction between notification and viewing. Result: 45% higher engagement for image-based new release notifications.

Uber Eats — Image + Map + Action Button

Uber Eats uses rich notifications to display food images alongside order status updates. When a delivery is approaching, the notification includes a live map thumbnail and a "Track Order" button — combining visual information with actionable next steps. Lunchtime image notifications drive 2× the order rate of text-only pushes.

Spotify — Album Art + "Listen Now" Button

Spotify sends release radar notifications with album cover art and a single "Listen Now" action button. The visual instantly communicates what's new, while the button gets the user listening in one tap.

Sephora — Carousel Product Showcase

Sephora uses carousel-style notifications on Android to showcase new product collections. Each card in the carousel features a product image, name, and price — essentially turning the notification into a mini shopping experience. Carousel push notifications show 3× CTR vs. single-image format.

ESPN — GIF Highlights + Deep Links

ESPN sends sports highlight notifications with short GIF clips of key plays. Each notification deep-links into the full highlight reel within the app. This approach perfectly aligns the notification content (a visual hook) with the user's next desired action (watching the full clip).

Amazon — Image + Dual Action Buttons

Amazon pairs product images with "Buy Now" and "Add to Wishlist" action buttons in abandoned cart reminders. This mobile app push notification strategy achieves 35% higher conversion rates compared to text-only cart recovery messages.

Best Practices for Rich Push Notifications

1. Match the Media to the Message Intent

Don't add an image just because you can. Every piece of media should reinforce the message:

Urgency messages → Use bold, high-contrast images or animated GIFs
Product recommendations → Use clean product photography on white backgrounds
Social notifications → Use avatar images and inline reply buttons
Transactional updates → Use maps, progress indicators, or order images

2. Optimize Image Dimensions and File Size

Slow-loading images defeat the purpose of rich notifications. Follow these specs:

Platform	Recommended Image Size	Max File Size	Aspect Ratio
iOS	1024 × 1024 px	10 MB	1:1 (square, cropped in compact view)
Android	1440 × 720 px	< 1 MB	2:1 (landscape works best)
Web	1350 × 675 px	< 500 KB	2:1

Compress all images before sending. Use WebP format where supported — it delivers 25–35% smaller file sizes than JPEG at equivalent quality.

3. Limit Action Buttons to Two

Research consistently shows that two-button configurations outperform three or four. Give users a clear primary action and a secondary alternative:

✅ [Buy Now] + [Save for Later]
✅ [Accept] + [Decline]
❌ [Buy Now] + [Add to Cart] + [View Details] + [Share] — too many options

4. Always Include a Text Fallback

Not all devices render rich content the same way. Always write a notification that makes complete sense as plain text, even if the image or video fails to load. The rich media should enhance your message, not carry it.

A notification that reads "Check this out! 👆" with no context beyond the image is meaningless to users who see the text-only fallback. Describe the offer, the product, or the update in the body text — then let the image amplify it.

5. Personalize the Visual Content

Generic stock imagery performs significantly worse than personalized visuals. Use dynamic image URLs to serve:

The actual product the user browsed or left in their cart
A map showing the real-time location of their delivery
Their friend's profile picture in social notifications

Personalized images can lift CTR by an additional 20–30% on top of the base rich notification improvement.

6. Respect Platform-Specific UX Patterns

iOS users expect long-press to expand. Android users expect swipe-down. Web users expect a click-to-open. Design your notification experience around the platform's native interaction model, not against it.

On iOS, always implement a fallback for when the Notification Service Extension fails to download media within the 30-second time limit. On Android, test across at least 3–5 major OEM devices (Samsung, Xiaomi, Huawei, OPPO, Google Pixel). For web push, design for the lowest common denominator.

7. A/B Test Rich vs. Standard Notifications

Don't assume rich is always better. Some messages — especially time-sensitive alerts like two-factor codes or delivery ETAs — perform better as clean, fast-loading text notifications. Test systematically and let data guide your strategy.

8. Optimize Delivery Timing

Rich notifications perform best when users have time to engage — during commute hours, lunch breaks, and evening wind-down periods. Avoid sending media-heavy notifications during work hours when users are less likely to expand and interact.

How to Implement Rich Push Notifications

Implementation varies by platform, but the general architecture follows a clear pattern.

Step 1: Configure Your Push Notification Service

You need a backend service that constructs and delivers rich payloads to APNs (iOS), FCM (Android), and browser push endpoints (Web). Building this from scratch requires managing device tokens, payload formatting, media hosting, delivery tracking, and failure handling.

A purpose-built push notification service handles all of this out of the box — including rich media attachment, cross-platform payload formatting, and delivery analytics — so your team can focus on crafting the right message rather than debugging delivery infrastructure.

Step 2: Add Platform-Specific Extensions

For iOS:

Add a Notification Service Extension target to your Xcode project.
Implement didReceive(_:withContentHandler:) to download and attach media before display.
For custom UIs (carousel, video playback), add a Notification Content Extension.

For Android:

Use NotificationCompat.BigPictureStyle for image notifications.
Add addAction() calls to your notification builder for action buttons.
Implement custom RemoteViews for advanced layouts like carousels.

For Web:

Include image, icon, badge, and actions fields in your push payload.
Handle the notificationclick event in your service worker to route action button taps.

Step 3: Host and Serve Media Assets

Rich media URLs in your payload must be publicly accessible HTTPS endpoints. Use a CDN to ensure fast loading worldwide. iOS Notification Service Extensions have a strict 30-second timeout to download media — if your CDN is slow, the image won't appear. Test across multiple OS versions and network speeds (3G, 4G, Wi-Fi).

Step 4: Test Across Devices

Rich notification rendering varies dramatically across devices and OS versions. Test on:

At least 3 iOS devices (different screen sizes, including Dynamic Island models)
At least 3 Android OEMs (Samsung, Xiaomi/Redmi, Pixel)
Chrome, Firefox, and Edge for web push

Step 5: Track and Optimize

Measure CTR, conversion rate, and opt-out rate segmented by notification format. Use these metrics to decide which messages warrant rich media and which perform better as text-only.

A reliable mobile app push notification platform provides built-in analytics dashboards that break down performance by media type, button configuration, platform, and audience segment — giving you the data you need to continuously optimize.

Common Mistakes to Avoid

Even with rich media, notifications can underperform if you fall into these traps:

Using generic stock images. A random lifestyle photo won't move the needle. Use product-specific, personalized, or contextually relevant imagery.
Overloading with buttons. More than two buttons creates decision paralysis. Keep it simple.
Ignoring file size. A 5 MB image on a slow connection means the notification renders without media. Compress aggressively.
Not writing a text fallback. If your message only makes sense with the image attached, text-only fallback users see a meaningless notification.
Sending rich notifications for every message. Reserve rich formats for high-value messages. Two-factor codes and transactional confirmations don't need a carousel.
Skipping cross-device testing. What looks great on a Pixel may be broken on a Samsung or Xiaomi device. OEM fragmentation on Android is real.
Not tracking expanded views separately. Measure how often users actually expand rich notifications, not just overall click-through. This reveals whether your media is compelling enough to prompt interaction.

Frequently Asked Questions

What is a rich push notification?

A rich push notification is a push message that includes media content or interactive elements beyond plain text. This can include images, videos, GIFs, audio, action buttons, carousels, and inline reply fields. Rich notifications are supported on iOS, Android, and web browsers, though the level of support varies by platform.

Do rich push notifications increase engagement?

Yes. Across industries, rich push notifications consistently outperform text-only messages. Image notifications see 56% higher open rates on average, and formats combining images with action buttons can achieve CTRs of 8–12% — compared to 2–3% for plain text. The visual element captures attention, and action buttons reduce friction to conversion.

How many action buttons should I include in a push notification?

Two buttons is the optimal number for most use cases. Research shows that two-button notifications generate higher interaction rates than three or four-button configurations. Provide one clear primary action (e.g., "Buy Now") and one secondary action (e.g., "Save for Later"). More buttons lead to decision fatigue and lower overall engagement.

Can web push notifications include images and buttons?

Yes, but with limitations. Chromium-based browsers (Chrome, Edge, Brave) support images and up to two action buttons in web push notifications. Firefox supports images but has limited button support. Safari on macOS supports web push with images as of macOS Ventura. Video, audio, carousel, and inline reply are not supported in web push on any browser.

What image size should I use for rich push notifications?

For iOS, use 1024 × 1024 px images (up to 10 MB, though smaller is better). For Android, use 1440 × 720 px landscape images under 1 MB. For web push, use 1350 × 675 px images under 500 KB. Always use compressed formats (WebP where supported, or optimized JPEG) to ensure fast loading. Slow-loading images may not render before the user sees the notification.

Do I need a special SDK to send rich push notifications?

On iOS, you need a Notification Service Extension in your app to download and attach media before the notification is displayed. On Android, rich layouts like BigPictureStyle are available through the standard notification APIs. For web, you handle media in your service worker. Using a dedicated push notification service simplifies this significantly by handling payload formatting, media hosting, and cross-platform delivery from a single API.

Are rich push notifications supported on wearables?

Partially. Apple Watch displays notification images in a simplified format and supports up to two action buttons. Wear OS (Android) shows images in BigPictureStyle notifications and supports basic actions. However, video, carousel, and GIF formats are not supported on any major wearable platform. Always ensure your notification text is self-sufficient without media for wearable users.

Do rich push notifications affect battery life or data usage?

Rich push notifications consume slightly more data than text-only pushes due to media downloads. However, with properly optimized images (under 300 KB) and efficient caching, the impact is negligible. Video notifications consume more data and should be used judiciously for users on metered connections.

Conclusion

Rich push notifications are not a nice-to-have — they're a proven engagement multiplier. The data is clear: images, action buttons, and interactive formats drive significantly higher click-through rates, conversions, and user retention compared to text-only messages. With the right implementation and a thoughtful approach to matching media to message intent, every mobile app push notification you send can work harder.

Start with the highest-impact format for your vertical — image + two action buttons for e-commerce, food imagery for delivery apps, video thumbnails for streaming — and A/B test from there. Optimize image sizes, write solid text fallbacks, and test across devices relentlessly.

The gap between a good push notification strategy and a great one is often just one rich media attachment away.