Banners Overview

Creating a banner

Navigate to the In-app Announce section of Product Fruits and select "Banners". Here, you can create your first banner to display on your webpage:

an image showing how to navigate to the banners section of the Product Fruits administration

 

Content

In the banner content section, you will edit the banner content and determine the functionality of your banner. This is where you can add an action link to introduce what is being announced, choose how and if the banner can be dismissed, and add the style and positioning:

an example of adding an action link to open a URL to a popup

Floating banner:

an example of a floating banner

 

Inline banner:

an example of an inline banner

 

Settings

In the banner settings, you can configure the Triggers, Targeting, and restart the banner for users in Admin tools. This is similar to other Product Fruits content except that announcements have New user behavior and an option to repeat the announcement a set number of times. 

The "Do not display for users who signed up after publication" feature can be toggled to prevent showing announcements to users who have recently signed up and are probably still busy with their initial onboarding experience.  Prevent overwhelming new sign-ups with information while focusing on the core features of your application before displaying banners to them. 

In this section you can also choose to display this banner each day until it is viewed a specific number of times. This can be used for particularly important announcements that you want to ensure your users view and understand. 

an example of a Product Fruits banner showing the new user behavior and repeat until viewed x times functions

Appearance

Set the banner background color in the Appearance section. The text color is determined by the chosen background color:

a tutorial showing how to change the color of a banner in the appearance tab

 

Banner scheduling

Schedule a banner to be displayed in the future, and for a specific date and time range with the scheduling option. It is possible to select the user's timezone, or choose from any timezone in the world. If this is not selected, the banner will display immediately and for an infinite amount of time:

an example banner showing how to use the scheduling feature