Adding Action Buttons to Web Push Notifications

In AlertElevate, you can include action buttons inside your web push notifications, giving users more ways to interact with your messages.
Currently, action buttons are displayed only in Chrome, with a maximum of two buttons per notification.

Why Use Action Buttons

Action buttons allow a notification to have multiple links or actions. For example:

  • A “Read More” button for an article
  • A “Shop Now” button for a product promotion
  • A “Like” or “Save” button for quick feedback

Action Button Fields

When creating a web push notification, each action button can include:

  • Title: The label shown to the user.
  • Link (optional): The page that opens when clicked. If left blank, the main link of the notification is used.
  • Icon (optional): A small image representing the button, or you can use symbols/emojis in the title.
  • Action (optional): An identifier for triggering a custom action.

Types of Actions

  • Link Actions: Opens a webpage in a new tab or window when clicked.
  • Custom Actions: Executes a background process without opening a page, ideal for quick user responses (e.g., liking a post).

Passing Data to Actions

You can assign custom data to an action button. This data can be used by the system to perform specific actions, such as saving a user preference or recording engagement.

Browser Support

Keep in mind:

  • Only Chrome supports action buttons at this time.
  • Chrome will display a maximum of two buttons per notification.

By strategically using action buttons in AlertElevate, you can improve engagement and give users quick, meaningful ways to respond to your notifications.