Setting Up Rich Push Notifications

🚧

Make sure these steps are completed successfully:

šŸ‘

Expected result of the ā€œSetting Up Rich Push Notificationsā€ step:

  • The push notification is displayed with a small square image on the right.
  • On long press, the notification expands and shows a full-width image and action buttons.

Rich push are push notifications that , in addition to a title and message (like standard push notifications), can include an image with a link and up to three action buttons with links.

ā„¹ļø

These guide walk through two main steps for setting up rich push notifications.

Step 1: Displaying an image preview

During this step, a 'NotificationServiceExtension' is added to the project.
As a result, the push notification displays a small image preview.

Step 2: Displaying an image and action buttons when the notification expands

In this step, a 'NotificationContentExtension' is added to the project.
After completing this step, long-pressing the push notification reveals a full-width image and action buttons.