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. Meiro Events API connection must be set in the Administration/ Settings tab. 

3. Web banners tab must be enabled by the administrator for your user role.

4.  For embedded web banners it is required to install  "Element ID" on the website where the banner will be displayed.

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

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.


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 (for pop up web banners)

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()"


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.


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