The Push message content is defined in the Content tab of the push studio. The content tab is divided into two areas.

  • Design area: This is where you configure the various fields for the push messages and specify the content of the Push message. You can use liquid variables to personalize the messages for your customers. You can also include recommendations.
  • Preview: The Push preview is generated for the specific user that is selected as the preview user.

Design message for Blueshift SDK

If you use Blueshift’s Android and iOS SDKs, you can select various types of iOS/Android Notification Type templates. 

For iOS devices (iOS 15 onwards), you can set the Notification interruption level for your push notification.

  • The interruption level can be set as Passive, Active, Time Sensitive, or Critical. 
  • The default interruption level for iOS 15 devices is Active.

push_content_ios.png

Predefined templates

Here's the list of templates that you can select from.

iOS Android
None None
Plain Text Plain Text
Custom JSON Custom JSON
Title + Content Title + Content*
Rich Push With Image Rich Push With Image*
Rich Push With One Action Button Rich Push With Image & One Action Button*
Rich Push With Two Action Buttons Rich Push With Image & Two Action Buttons*
Silent Push Silent Push
Animated Carousel Animated Carousel*
Non Animated Carousel Non Animated Carousel*

* Note: If you select an Android template marked with an asterisk (*), it is recommended that you provide the following information on the notification channel. The Blueshift SDK provides default values if these fields are left empty. Refer to this Android user guide and to the Blueshift Android SDK documentation to learn more about push notification channels.

  • Channel ID (default value = "bsft_channel_General")
  • Channel name (default value = "General")
  • Channel description (no default value used as this field is optional)

push_content_android.png

Images in push messages

If you are using Blueshift Mobile SDKs, you can use images in push messages based on the template you select. The SDK downloads the image from the URL that is provided for the image and displays the image.

You can include an image URL in the following types of templates:

  • Rich push with Image
  • Animated Carousel
  • Non-animated Carousel

To ensure a good experience for your customers, we recommend that you use optimized images. The rule of thumb is to keep the image size as low as possible without compromising the clarity. Anything less than 100 KBs is highly recommended. 

The following image recommendations could help to improve user experience when image based templates are displayed using Blueshift's mobile SDKs.

  • Both the rich push & carousel images use the same kind of images. 
  • For iOS carousel push notifications, ensure that you use the same aspect ratio & same resolution images. An image of a different aspect ratio gets cropped before it's displayed to your customers.
OS Push Notification type Aspect Ratio (W:H) Recommended resolution Recommended size Max size Image formats
Android  Image Push notification 2:1 512x256, 1024x512 Less than 512KB 5MB PNG, JPG
Android Carousel Push notification 2:1 512x256, 1024x512 Less than 512KB 5MB PNG, JPG
iOS Image Push notification 1:1, 2:1 512x512,  1024x512 Less than 512KB 10MB PNG, JPG, GIF
iOS Carousel Push notification 1:1, 2:1 512x512,  1024x512 Less than 512KB 10MB PNG, JPG

Examples:

push_images_android_ios.png

Design messages without Blueshift SDK

If you are unable to use Blueshift’s SDK, you can still send plain text notifications or add a json payload to create rich notifications. You can also copy templates between Android and iOS.

mceclip3.png

Include Deep Links

Blueshift Deep Links are http or https URLs that take users to a particular page in the app or launch a particular page in a browser. When you send a Blueshift deep link in an SMS or an email and a customer clicks the link, both iOS and Android can launch your app and open a particular page in the app that is mapped to the link.

For more information, see Deep Links for mobile apps.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.