Banner

A Banner is a notification that can display directly in your mobile app. You can personalize it in any way, and use dynamic elements to make it more interactive.

This is great solution to inform customers about:

  • Discounts and promotions,
  • Important notifications connected with using the app,
  • Personalized content based on the recipient’s activity.

Create banner

In order to activate a Banner message, go to Communication > Mobile.

Screenshot from the Communication module presenting banner

  1. Select Create new using the button on the upper right side of the screen,
  2. Choose Banner from the list,
  3. Name your mobile push notification and add a description.

Create a banner in 5 steps:

  • Choose mobile notification type,
  • Choose the device type,
  • Choose the audience,
  • Create the content,
  • Set up the schedule.

Mobile notification type

Screenshot from the Communication module presenting mobile notification type

Start by choosing the type of your mobile push notification. You can always change it at this stage. Just click the change button and choose a different type of message. In this case it will be Banner.


Device type

Screenshot from the Communication module presenting device type for banner

Choose where should the user see the message. You can choose from:

  1. All types of devices,
  2. iOS only,
  3. Android only.

Audience

Screenshot from the Communication module selecting an audience for banner

Use the box to describe the target of your message. You can choose from three options:

  1. Everyone - Everyone who gave marketing consent will receive your message. The estimated reach takes into account the number of customers who have given marketing consent to this type of communication (this means that in the case of communication such as mobile push, the estimated reach may be higher than the number of customers who have your mobile application).
  2. Segment - You can send the message to one or more existing segments in the system.
  3. New Audience - Create new segments and specify the conditions which the target must meet.
  4. Advanced options - You can use these additional options for your message.
    Advanced options - explanation

    • Batch delivery - You can use this option to prevent sending the message to all recipients at once. When to use it? When there is a risk that sending all of messages at once will result in excessive traffic in your application/website or the target audience is so large that the messaging provider might not be able to process all messages at once.
    • Enable control group - You can use this option to create a subgroup of the recipients who won’t receive any communication variant. When to use it? When you send one or several variants of a communication (A/B/x testing). When a customer is assigned to a control group, the information is available in their Profiles card as an event.
    • Include audience changes - You can use this option only for scheduled communication. It recalculates the number of recipients right before sending the communication. By default, the size of the customer segment chosen for the communication is the same as in the moment of sending, even if the number of customers in the chosen segment changed between scheduling the communication and sending it. When to use it? When the size of the segments of customers selected as the audience of the communication can change dynamically.
    • Ignore limits - You can use this option to send this message to a customer, even if it exceeds the global limit of this type of messages for a single customer per day (more information is available here), enable the Ignore limits toggle. You may apply it to system messages such as a transaction confirmation, notifications about order delays, and so on.

  5. To save your changes, click the Apply button below.
WARNING: Remember that you can send the push message only to app users who gave you their consent to receive that kind of communication. This is the reason why the estimated reach is lower than total audience.

Content

Screenshot from the Synerise communication presenting content for banner

  1. This is where you can select the message template and set up A/B tests,
  2. To add your template, click the Create message button. You can create your banner using the visual builder or a ready-made template.

Screenshot from Synerise communication presenting how to create banner

  1. You can choose a template from the list if you have prepared one previously. To do so,choose the From templates option,
  2. Then choose one from the list.
WARNING: If you have not created a folder before, you will see only the default folders.
Tip: If you want to save a modified template as new (instead of overwriting an existing one), rename the template and click “Save as new template”.

Screenshot from the Synerise communication presenting creating banner in the visual editor

To create a new banner you can use the visual builder. You can do this in a few steps:

  1. Add the name to your project,
  2. Save the project as a new template in a selected folder,
  3. Go to the next step when your message is ready,
  4. You can also leave the panel by clicking the exit button,
  5. Using Insert lets you can add a personalized box into your message (e.g. personalized products/coupon/link/name etc.).

Screenshot from the Synerise communication module presenting creating banner in visual editor - layout

You can monitor how your message will look thanks to an interactive preview on the left side in which you can see your changes immediately. Choose one layout from these four types:

  1. Full screen image - this type of banner only has a full screen image,
  2. Full screen image + text - this banner consists of a photo and text,
  3. Full screen color + text - this banner contains two elements; full screen background with text,
  4. Mixed content - a combination of all previous types.
WARNING: If a user is not in a mobile application (but the application is active in background) all of notification types will be delivered as a simple push notification, except for full screen image. User can click the notification and will be redirected to the mobile application and the banner will appear.

The type of content depends on the layout chosen in the previous step. If you have chosen a full screen image, you will find a box for an image URL and the background color, but for text you will find boxes for headers and descriptions.

Screenshot from the Synerise communication module presenting creating banner in visual editor - add CTA

  1. This is where you can add a CTA button and the button text, corner radius and color

Screenshot from the Synerise communication module presenting creating banner in visual editor - close button

  1. To make your message more user friendly, you should remember to include a close button to let users close it any time. In this step you can add the close button and set its position.

Screenshot from the Synerise communication module presenting creating banner in visual editor - make your banner disappear

  1. If you want to make your banner disappear you can activate this option and choose the timeout (in seconds only).

Screenshot from the Synerise communication module presenting creating banner in visual editor - action type

  1. The last step is Action type. You have to decide what kind of action should follow your message. You can choose from:
    • Deep linking - Dedicated to notifications in the app. Using this link, you can transfer users to a specific place in your app,
    • Open URL - Lets you link to a specific URL,
    • Do nothing.

Screenshot from the Synerise Communication module presenting how to add and edit content for banner

When you finish your template, you can create another one to start an A/B test. This way you can check which version converts better. It is not necessary but can be used to optimize your message.

  1. To add another version of your message, click the plus button at the top of the content box,
  2. Add another template in the same way as before but add some changes to make this version a little bit different to be able to check which elements convert better,
  3. You can also use customer allocation and choose what percent of your customer base will get version A or B.
  4. If the message is displayed correctly after entering the content, save your changes with the Apply button.
WARNING:
  • By choosing more than one version within an A/B test, you will be able to set the size of the groups to which the message will be sent. The control group (if you checked the"enable a control group" option in the previous step) is already excluded from the recipient database.
  • The maximum number of versions of the message sent is 3 with an additional control group.

Schedule

Screenshot from the Synerise Communication module presenting how to set up the schedule for a banner

This is where you can set the start date for your message.

  1. You can choose one of three options:

    • To send the message right away after clicking the Send button on the upper right corner, use the Display immediately option.
    • To plan a message to be sent at a future date, use the Scheduled option. Set the start time and the time zone.

      Synerise is a system that performs the best while operating on the real time data that is why the users can plan a message 10 days forward from the current date.

      To select the best time of sending the message, take a look at the suggestion from the AI engine that calculates the best time (for all recipients). If time optimization is disabled, click here to learn more how to enable it and use it.

    • To send the message when a user displays a specific screen in the application, use the Trigger at option. In the field, enter the name of the tracked screen in the screen.view event.
  2. To save the changes, click Apply.

Set up time restrictions for sending notifications


To disable sending out notifications at a specific time during the day, in the Silence Hours in the Schedule section, select one of the following options:

  • Without silence hours - Notification can be processed and sent out to the recipients at any time during the day.
  • Include silence hours - In the selected time, the notifications won’t be sent out to the recipients. The duration of silence hours can’t exceed 12 hours. If the sending process overlaps with silence hours, the unsent part of the notifications will be rejected. In such case, the push.skipped event will be generated.
    WARNING: If a notification is scheduled for sending just before silence hours (for example, silence hours start at 22:00 and sending is scheduled at 21:59:59), the notification may be processed, sent, and logged in the events a short time after the silence hours start.

Adding custom parameters


You can add up to 10 custom parameters with constant values. They will be added to the following events generated by the communication:

  • push.send,
  • push.notSent,
  • push.click,
  • push.capping
  1. To define the custom event parameters, in the Additional parameters section, click Define.

  2. Click Add parameter.

  3. In the Parameter field, enter the name of the parameter.
    The following parameters cannot be sent:

    • modifiedBy,
    • apiKey,
    • eventUUID,
    • ip,
    • time,
    • businessProfileId,
    • correlationId,
    • clientId,
    • uuid
  4. In the Value field, enter the parameter value.
    The value is always sent as a string when the event’s JSON payload is generated. The maximum length of the string is 230 characters.

    WARNING: Dynamic values are not supported in the Parameter and Value fields.

  5. If you want to add more parameters, click Add parameter, and repeat steps 3-4.
    Result: the parameters will be added to all events listed above with the values you entered. This is an example event saved in the database. The custom parameter season is located in the params object:

    {
      "action": ...
      ...
      "params": {
        "clientId": 1111111111,
        "season": "autumn",
        "campaignName": "Back to school",
        "time": 1662392318050,
        "title": "Have you prepared for coming back to school?",
        "businessProfileId": "xxx"
      }
    }
      

  6. Confirm the settings by clicking Apply.

Save and send


Screenshot from the Synerise Communication module presenting how to save banner

  1. You can finish your message later and save it as a draft,
  2. Also you can Activate the message immediately if you are sure that it is ready to go.
WARNING: The Activate button will not be active until the moment you fill in all sections described above.

😕

We are sorry to hear that

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

😉

Awesome!

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

Close modal icon Placeholder alt for modal to satisfy link checker