Web banners: use cases library (HTML)

Prerequisites

To work with web banners, first, they need to be set by the Meiro team:

1. Meiro Events must be implemented.

2. Meiro Events API connection must be set in the Administration/ Settings tab.

3. The Pop up web banners tab must be enabled by the administrator for your user role.

HTML web banners require inserting HTML code for the web banner to work. They are more complex to set in comparison to image web banners. as requires HTML code to be inserted, but enables the wide possibility of customization.

Remember: Use cases listed below are just examples. It is possible to customize web banners fully.

Learn more: about HTML web banners, please go to this article, as well as an introduction for the developer.

Use cases covered:

Abandoned basket

Assisted conversion

Countdown (e.g. Black Friday)

Customizable close button

Data collection (e.g. form submit on thank you page after finishing an order)

Abandoned Basket

To retarget customers who abandoned their shopping basket and did not make a purchase.

Set up conditions

URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g.:

Retarget customers who left something in the cart in their previous session. We do not want the banner to show to people who added something to the cart right now.

The cookie containing shopping cart information is set in the customer’s browser and is not empty.

Learn more: HTML code example

Assisted conversion

Target customers: assigned but not redeemed vouchers are about to abandon the shopping basket.

Set it up conditions

Display web banner to a segmented audience.

Countdown Black Friday

To promote discounted goods during a certain period of time and create a sense of urgency by displaying countdown till the time when the promotion will end.

Set up conditions:

URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed e.g. set up a deadline for the countdown:

Learn more: HTML code example

Customizable close button

The closing button deployed by our SDK is hardcoded. The first step to creating the web banner button which can be customized is to turn off the default closing button in the banner options.

Important is for the button to have onclick attribute with value "window.parent.MeiroEvents.closeWebBanner()"

Learn more: HTML code example

Data collection(form submit on thank you page after finishing an order)

Display data collection form on a particular page e.g.

Target customers that view certain URLs and prompt data collection, e.g., shopping basket with newsletter promotion and email collections.
After a successful order, send the form for customers who buy baby products to collect more data about the baby to send customized offers.

Data acquisition from the clients who successfully made an order.

Set up conditions

Set : URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g.: shown only to customers who bought products from the kids' category (segmented in Meiro Business Explorer):

Example of segment added to a web banner condition:

https://cdp.myshop.meiro.io/wbs?attribute=ps_meiro_user_id&value={{ls:meiroEventsUserId}}&segment=”segment_id”

Learn more: HTML code example

Demo schedule

Display schedule demo messages when a customer is on a particular part of the website.

Set up conditions

Set : URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g., limit web banner to a certain time:

Ebook promotion

Promote an ebook, collect user data to enable downloading an ebook.

Set up conditions

Set : URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g., limit web banner to a certain time:

Display web banners to promote an event and allow users to register.

Set up conditions

Set : URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g., limit web banner to a certain time, exclude devices:

Display a form to sign up for a newsletter on specific URLs.

Set up conditions

Set : URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target:

Add more conditions if needed, e.g., limit web banner to a certain time:

Recommended product

To retarget customers and offer them the product they might be interested in based on the data of their last purchases. In this use case, the recommended engine is returning the most similar product to the most expensive product in the latest order above a certain price.

Set up conditions:

URL contains {insert URL} or Pathname contains {insert Pathname}:

Exclude URLs or Pathnames you do not wish to target (if any):

Add more conditions if needed, e.g.: target only segmented customers who have any recommended product chosen for them.

https://cdp.myshop.meiro.io/wbs?attribute=ps_meiro_user_id&value={{ls:meiroEventsUserId}}&segment=”segment_id”

Learn more: HTML code example