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. tab

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

4. For embedded web banners it is required to place a DOM element with a unique ID in the HTML code of  the website where the banner will be displayed.

 

Some use cases may require additional prerequisites. Learn more in use cases details below. 

HTML web banners require inserting HTML code for the web banner to work.work, Theywhich areis more complex to set in comparison to image web banners. asThis requires basic knowledge of HTML codeand toCSS, be inserted, buthowever, 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 (for pop up web banners)

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

The retargetgoal customersof whoan abandoned theirbasket template is to show the customer the product, which was recently added to the shopping basket andbut didwas not makepurchased. aThis purchase.will remind the customers of their purchase intention and guide them to finish the checkout process.


 

image-1637941702692.png

Learn


more:
about thisuse

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 somethingcase 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.pngdetail


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


AssistedCountdown conversionBlack Friday

TargetGrab customers:customers' assignedattention butwith nottime-limited redeemedsales voucherscampaigns. areWeb aboutbanners towill abandonshow the shoppingcustomers basket.

countdown


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.urgency.


 

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: HTMLabout codethis exampleuse case in detail

CustomizableData closecollection button& (forthank popyou uppage webwith banners)promo code

TheCollect closinginformation buttonabout deployedyour bycustomers ourto SDKimprove istargeting hardcoded.and provide promo codes as a thank you.

Web banners will Theask firstthe stepcustomers to creatingfill the form and after submitting it, a new tab will offer the customers a promo code. Promo code can be copied and used on the next purchase or any other conditions that the user will describe on 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: HTMLabout codethis exampleuse case in detail


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

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 forGuide customers who buyhave babyregularly productspurchased a product in the past to collectbuy moreagain data aboutat the babyright to send customized offers.  time.

Data acquisition from the clients who successfully made an order.


image-1637942544987.png

Learn


more:


about thisuse

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 (segmentedcase in Meiro Business Explorer):

image.pngdetail

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

 

 

DisplayThe schedulegoal demo messages whenof a customerrecommended product template is onto atarget particularspecific partaudiences ofwith therecommendations website.tailored to their interests. 


image-1624013130492.pngLearn more: about this use case in detail


Shopping intention

SetNudge upcustomers conditionsto buy products they've been browsing but didn't add to the shopping cart.


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


image-1623943644406.png

Learn


more:

Excludeabout URLsthis oruse Pathnamescase youin do not wish to target:

image-1623943761818.png


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

image-1624010939787.pngdetail

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