Similar to email templates, you can send rich push notifications via Blueshift. However, the templates and capabilities may vary depending on whether you have installed our SDK or not. For either option, you must select a sample user and pick a recommendation algorithm (if needed) to preview the push notification.
1. SDK Push Template
In addition to plain text and custom json templates, we also have a variety of rich templates available to use. Use the same personalization variables as in email and get an immediate preview to the left.
You can choose templates using the iOS/Android Notification Type drop downs. Here's the list of templates that you can choose:
|
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 |
|
Dialog Box With One Button |
Dialog Box With One Button |
|
Dialog Box With Two Buttons |
Dialog Box With Two Buttons |
|
Animated Carousel |
Animated Carousel |
|
Non Animated Carousel |
Non Animated Carousel |
2. Non-SDK Push Template
While our SDK has its benefits, we recognize that you may not be able to install it yet. You can still send plain text notifications or paste/add json payload to create rich notifications. We also allow you to copy templates between Android and Apple.
3. Test Push Send
To test and preview the template, navigate to the main push template page. Click on the drop-down menu to the far right and select Test Send.
**Test Send
- Users must exist and have a valid device_token(s) to receive a push message
- For templates with a recommendation algorithm, select email addresses, customer IDs, or device IDs that would qualify for the segment
Preview
The Recommendation tab serves two purposes:
- Choose the recommendation algorithm that'll automatically choose products that you want to promote in a push message.
- Choose a user and preview how the push message appears on the user's device. You can specify the user's email address or device ID.
External Fetch
Push Studio has built-in support for external fetch. You can include one or more external fetch creatives, each of which calls a unique API endpoint. You can then use the content returned by your API endpoint(s) in your in-app messages using Liquid.
For more info about how external fetch works, please refer to this doc.
Image Size
In Blueshift Mobile SDKs, we use images in both push and in-app messages on various templates. The SDK is responsible for downloading and displaying the image. To make this a good experience for your customer, 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.
You can take a look at the following recommendations that could improve the user experience when image based templates are displayed using Blueshift's mobile SDKs.
Rich push with image/carousel
The rich push & carousel images use the same kind of images.
|
OS |
Push Notification type |
Aspect Ratio(W:H) |
Recommended resolution |
Recommended size |
Max size |
Image formats |
|
Android |
Image Push notification |
2:1 |
512x256, |
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 |
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.
Android
Rich push notification Carousel push notification
iOS Rich push notification with 1:1 aspect ratio image
Lock screen Expanded notification
Rich push notification with 2:1 aspect ratio image
Lock screen Expanded notification
Carousel push notification with 2:1 images
Lock screen Expanded notification