Search the Documentations
Categories

Banners

You can set different Banner strategies for different pages on your shop. Releva comes pre-configured with Home, Category, Product, Cart, and Promotions pages. 

 If you want to create a new page, just click on “Create a new Page”:

and then name your Page. Each created page “New page” can contain as many banners as you want, which you can activate or deactivate with the slider on the right-hand side:

Banners are returned by Releva in the order that is set up in the Admin interface. For instance, the first banner for our Releva demo shop on its Home page will be Register and the second one Subscribe

You can set the correct order by handling the banner by the mesh on the left-hand side and dragging and dropping it to the right place. In the following example, we drag and drop the Subscribe banner before Register.

Statistics

We track various statistics for each one of the banners:

  • pageviews – how many times this banner have been shown to users of the shop
  • clicks – how many times a user of the shop clicked on this banner,
  • conversions – home many times a user clicked on the banner and added products in their basket as a consequent event,
  • purchases – how many times a user purchased the products after they added them to the basket,
  • revenue – the amount of money in the currency of the shop generated from this banner.

In addition, we visualize clicks, purchases, and conversions on a graph for each banner. In the following screenshot, you can see the funnel and concrete number per day.

Create a new banner

To create a new banner, you need to click on the button “New Banner” at the bottom of the area of each page.

To configure a banner, you need to add a name, segment (that you have configured previously, see the Segments toolkit documentation: https://releva.ai/documentationss/kb/user-guide/segments/), and other properties, as shown in the screenshot below:

First-time visitor’s property defines if new users will be able to see this banner independently of the segment configuration.

 Tags property is used to associate keywords with banners. As tags are returned in the banner object of the response by our JavaScript SDK, you can define a visualization strategy and customize the display of banners using keywords. You can define tags by writing in the text field and hitting ‘Enter’.

You can use the labels in the Front-end, for example:

tags.indexOf('first tag') !== -1

Type property defines how many times the banner can be seen by your users. The Show always strategy will show the banner, no matter if the user already clicked on the banner or not. 

The banner can be seen multiple times and if you select the Show until click option, you will have the ability to configure it to show up only until the click of the particular user, or users may see it multiple times. Configuration of the banner to be seen multiple times follosw:

In addition, you may want the user to see the banner until click and then to show it up again after 5 days. You can do this with the Cooldown property. The configuration for 5 days cooldown is:

Show when?

Property defines the lifetime of the banner.

The Content property of the banner is an HTML editor where you can add the content of the banner. You may also upload an image of the banner and just refer to it in the img tag of the HTML. To upload images see our Assets toolkit documentation. 

After clicking on the ‘Save’ button, this banner will immediately appear on your website.

Next Examples of Banners
Table of Contents