Discount Banners

These banners display the promotional discount to buyers for their first purchase using Hokodo.

Note

If your company is not eligible for discounts, standard messaging will be displayed.

Leaderboard

Similar to the standard leaderboard banner, it can sit at the top of a page, before products are listed. It could also feature alongside similar size banners that might be promoting a certain brand, product or another promotion.

Default

Dark

Light

Usage

<hokodo-marketing
  data-element="discount-leaderboard-small"
  data-theme="dark"
></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.
data-theme	false	default	Available options are default, dark and light.

Rectangle

Similar to the standard rectangle banner, it has room for additional text and can give a bit more information about Hokodo and the benefits buyers can expect. This would be well positioned on the homepage so buyers are instantly aware of the service Hokodo provides.

Default

Dark

Light

Usage

<hokodo-marketing
  data-element="discount-rectangle-small"
  data-theme="dark"
></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.
data-theme	false	default	Available options are default, dark and light.

Square

Similar to the standard square banner, it is versatile and can be placed on multiple different pages of your website. For example, they could be used alongside previews of certain product categories.

Default

Dark

Light

Usage

<hokodo-marketing
  data-element="discount-square-medium"
  data-theme="dark"
></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.
data-theme	false	default	Available options are default, dark and light.

Mobile Banner

This banner is similar to our square/rectangle banners and can be used to promote Hokodo on mobile devices.

Default

Dark

Light

Usage

<hokodo-marketing
  data-element="discount-mobile-banner"
  data-theme="dark"
></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.
data-theme	false	default	Available options are default, dark and light.

Product Description Page Banner

This banner can be displayed on the product description page below the product details.

Usage

<hokodo-marketing data-element="discount-product-banner"></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.

Top Strip

A top strip which is displayed on the homepage and all subsequent pages is a great way of letting customers know that Hokodo is available as a checkout option. It allows for clear messaging but is also subtle and won’t take up too much space on your website’s pages.

Default

Dark

Light

Usage

<hokodo-marketing
  data-element="discount-top-strip"
  data-theme="dark"
></hokodo-marketing>

Parameter	Required	Default	Description
data-element	true		Type of the banner element.
data-theme	false	default	Available options are default, dark and light.