ePrivacy and GPDR Cookie Consent by Cookie Consent Skip to main content

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. The Web banners tab must be enabled by the administrator for your user role.

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

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)

Demo schedule

Ebook promotion

Event sign up

Newsletter sign up

Recommended product

 

 

Abandoned Basket
 

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

 

image-1637941702692.png

 

Set up conditions

 

URL contains {insert URL} or Pathname contains {insert Pathname}:  image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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.

Screenshot 2021-11-26 at 17.10.12.png

 

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

image-1637943081344.10.17.png

 

Learn more: HTML code example

 

Assisted conversion 

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

 

image-1621632977708.png

 

Set it up conditions

Web banners based on a particular segment of users are segmented from multiple data sources (coming soon).

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.

 

image-1637939668201.png

 

Set up conditions:

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image-1637943521351.png

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.

Screenshot 2022-01-05 at 5.56.31 PM.png

 

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

 

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.

 

image-1637942544987.png

 

 

Set up conditions

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image.png

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.

 

image-1624013130492.png

 

Set up conditions

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image-1624010939787.png

Ebook promotion

 

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

 

image-1624012319041.png

Set up conditions

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image-1624010939787.png

Event sign up

 

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

 

image-1624012387873.png

 

Set up conditions

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image-1624012919297.png

 

 

Newsletter sign up

 

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

 

image-1624013016320.png

 

Set up conditions

 

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

image-1623943644406.png

 

Exclude URLs or Pathnames you do not wish to target:

image-1623943761818.png

 

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

image-1624010939787.png

 

 

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.

 

image-1637941873745.png

 

Set up conditions:

 

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

image-1623943644406.png

 

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

image-1623943761818.png

 

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

image-1637942818991.06.25.png

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

Learn more: HTML code example