Adding Notification Buttons

A guide to adding buttons to your push notifications

Adding buttons to push notifications is a great way to encourage users to engage with your messages by adding additional options that are relevant to the content being displayed. The Sailthru Mobile SDK automatically creates several default button options for you to choose from, as well as allowing you to specify custom buttons you have set up in your app.

A guide to setting up custom buttons can be found here.

📘

Note

The default categories in the SDK are available from the following versions:
iOS - 9.0.0
Android - 10.0.0

Selecting Buttons

You can select which buttons when creating your notification by selecting the 'Buttons' option from the custom fields options.

24362436

You can then select which buttons you want from the dropdown list.

24352435

By default positive actions will launch the app to the foreground, the same as tapping the main notification body. Negative actions will clear the notification without launching the app. Positive actions can also have a deeplink applied to them which will override the default behaviour. To add this, simply select the 'Deep link' radio button and enter the desired link.

24342434

Custom buttons can be used by selecting 'Custom' from the dropdown and entering the category ID.

24332433

Handling Actions

It's possible to add custom behaviour in your app when particular buttons are tapped.

iOS

The category and button selected will be passed back to the app in the UNUserNotificationCenterDelegate userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler: method. You can retrieve them from the UNNotificationResponse actionIdentifier field. Sailthru Mobile default buttons are returned in the format <category_name>&<button_title>.

- (void)userNotificationCenter:(UNUserNotificationCenter *)center didReceiveNotificationResponse:(UNNotificationResponse *)response withCompletionHandler:(void (^)(void))completionHandler {
    NSArray *components = [response.actionIdentifier componentsSeparatedByString:@"&"];
    if ([components count] == 2) {
        NSString *category = [components objectAtIndex:0];
        NSString *title = [components objectAtIndex:1];
        
        // Handle button tapped
    }
}
func userNotificationCenter(_ center: UNUserNotificationCenter, didReceive response: UNNotificationResponse, withCompletionHandler completionHandler: @escaping () -> Void) {
    let components = response.actionIdentifier.components(separatedBy:"&")
    if (components.count == 2) {
      let category = components[0]
      let title = components[1]

      // Handle button tapped
    }
}

Android

You can add a NotificationActionTappedListener instance to the SDK which will be notified when the user taps an action.

new SailthruMobile().addNotificationActionTappedListener(new NotificationActionTappedListener() {
    @Override
    public void onNotificationActionTapped(Context context, Bundle bundle, String title, String category, NotificationActionState actionState) {
      // handle button tapped
    }
});
SailthruMobile().addNotificationActionTappedListener { context, bundle, title, category, actionState ->  
    // handle button tapped
}

Default Categories

From version 9.0.0 of the iOS SDK and version 10.0.0 of the Android SDK, the following categories will be automatically created in the SDK. You can use these by choosing them from the dropdown, if available, or you can just send the category ID directly in the 'Custom Category ID' field.

Category ID

Positive Action

Negative Action

st_cat_yes_no

Yes

No

st_cat_accept_decline

Accept

Decline

st_cat_learn_more

Learn More

st_cat_next_step

Next Step

st_cat_view

View

st_cat_shop_now

Shop Now

st_cat_add

Add

st_cat_watch

Watch

st_cat_subscribe

Subscribe

st_cat_share

Share

st_cat_continue

Continue


Did this page help you?