Push

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.

iOS_preview.png

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.

ios-default-custom-json.png

 

 

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.

send_test_1.png

 

**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
device_ID.png

 

 

Preview

The Recommendation tab serves two purposes:

  1. Choose the recommendation algorithm that'll automatically choose products that you want to promote in a push message.
  2. 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. 

push_recommendation_preview.png 

 

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.

external_fetch.png

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,
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

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

mceclip0.png               mceclip1.png       

     Rich push notification                  Carousel push notification

iOS Rich push notification with 1:1 aspect ratio image

mceclip2.png            mceclip3.png          

              Lock screen                            Expanded notification

 

Rich push notification with 2:1 aspect ratio image


mceclip4.png                mceclip5.png

           Lock screen                                Expanded notification

 

Carousel push notification with 2:1 images

mceclip7.png                      mceclip8.png

            Lock screen                                  Expanded notification
            

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request