Banner, badges and cart display
Customers can only use a discount they know about. The banner tells them on the product page, and the cart shows them what they save and what the next step is.
The banner
The banner appears above the add-to-cart button on every product that has the discount switched on. It lists each tier and highlights the one the customer has reached, based on how many of that product are in the cart.
Change it at C4D Buy More › Banner:
| Field | What it does |
|---|---|
| Title | The heading. “Buy More Save More!” by default. |
| Description | A line under the heading. Leave it empty to hide it. |
| Tier row text | The text of each row. Use {qty} for the quantity and {percent} for the discount. Default: {qty} items get {percent} OFF. |
| Tier label text | The small label on each row. Use {percent}. Default: {percent} OFF. |
| Border color | The colour of the banner’s border. |
| Title color | The colour of the heading. |
| Label color | The colour of the tier labels, and of the trust badges. |
Click Save settings when you’re done. To change anything else about how it looks, add your own rules in Custom CSS on the Advanced tab.
Trust badges
Trust badges are three small icons with a line of text each, such as “Easy Free Returns”, “Premium Quality” and “Happy Customers”. They sit under the banner and take their colour from Label color.
At C4D Buy More › Trust badges:
- Tick Show the three badges under the banner next to Show trust badges. They are off until you do.
- Next to Position, choose Under the banner, or Only where I place the [c4d_wbm_badges] shortcode.
- Edit the texts in Badge 1, Badge 2 and Badge 3.
- Click Save settings.
The shortcode
Put [c4d_wbm_badges] in any page, post or page-builder text block to show the badges there. This is how you place them in a custom product layout, or on a landing page. The shortcode shows nothing while Show trust badges is unticked.
With Under the banner, badges show only on products that have the discount on. With the shortcode option they don’t appear under the banner at all.
In the cart
When a customer’s quantity reaches a tier, the price of that line in the cart shows three things:
- the original price, struck through
- the new price
- the percent saved, such as -10%
On the cart page, a hint under the price shows the next tier: “Add 2 more to save 15%”. It disappears once the customer has reached the highest tier.
The cart and checkout blocks calculate the same prices and totals, so what customers pay is the same with either. The struck-through price and the hint are part of the classic cart. The block cart shows the discounted price and totals only.