Discount Banners
These banners display the promotional discount to buyers for their first purchase using Hokodo.
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. |