In-App Studio

Overview

In-App Messages are a great way to extend the capabilities of your mobile app and further delight and engage users through relevant content. 

The Blueshift In-App studio provides an easy-to-use interface for creating engaging in-app content. Once an in-app message has been created, it can be used in the campaign journey editor along with content for other channels like email, push, SMS, cloud apps etc. to execute a multi-channel engagement strategy. 

Note: You will need the latest Blueshift SDK in order to leverage this feature in your app. 

The In-App studio has 4 menu options:

  1. General
  2. Template
  3. Recommendations
  4. External fetch

 

General

Here you define the name of the template and configure where in the app you’d like the message to show up. You can also organize your template using tags (optional). 

template.png

Template

For your in-app message, you have the option to choose from 4 different template types:


Screen_Shot_2019-10-16_at_9.09.12_AM.png

  1. Slide In:  Slide In in templates are small banners that slide across the top or bottom of the screen. They can contain an image or a badge.  These are ideal for showing a short promotional message (e.g. a promo code).
  2. Modal : Modal templates pop-up in the center of the screen. They can contain one or two buttons with custom actions.  These are ideal for getting consent from the user for high value actions (e.g. opting in for push notifications).
  3. Custom Html : Custom Html templates are useful for pixel perfect rendering of your message. These messages can occupy the whole screen or a part of it. As you update the content in a template, a preview of the message will be shown on the left.

  4. Drag Drop: The Drag and Drop editor can be used for building custom full screen messages.

 As you update the content in a template, a preview of the message will be shown on the left.

 

Slide In 

The slide in template allows you to construct a banner style in app message. You can configure the banner’s position and slide in direction. You also have the choice of adding an image or a custom badge which will appear on the left side of the slide in message. 



Slide-in_Full_Screen.png

To use a badge instead of an image, select the badge option. You can pick one of the preconfigured badge icons or input a unicode from the 600+ icons in the fontawesome.com library. 



Slide-In_Zoom_In.png

Modal

The modal template contains a title, message, and up to two buttons. Use the action fields to configure the on click actions for each button. 


Modal.png

 

Drag Drop

Drag and Drop templates allow you to visually construct a custom full screen in-app message. Use the content tab in the editor to drag in different types of content block, such as text,  images and buttons. 


Drag_Drop.png

Custom HTML

 Create your own custom message template (for example a carousel of product recommendations) using HTML.



HTML.png

Recommendations

 You can choose to personalize the in-app message for the user by including a recommendation algorithm (optional). You can include recommendation data in any of the text fields using Liquid. You can preview the recommendation content on the left pane by selecting a preview user.


Recommendation.png

Liquid Examples

 Use liquid values in a slide-in banner.

Reco_Liquid.png

Preview of slide-in banner with liquid content.

Reco_Preview.png

External Fetch

In-App 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.

Ext_Fetch.png

For more info about how external fetch works, please refer to this doc.





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