Customize Cart Discount
This guide explains how to customize the Cart Discount widget and the Congrats message in BOGOS - helping you inform customers about available discounts and celebrate when they unlock a deal.
Customizing these with BOGOS includes the 5 steps:
In BOGOS Admin, open Customize > Discount > Cart Discount.
Click Save.
1. Customize Product Page Widget
The Product page widget appears on your store to show customers the available discounts and motivate them to add more to their cart.
a) General
Widget style: Select a layout from the 3 available options.
Discount tier style: Choose how tiers are listed - Checklist or Bullet.
For the Bullet option, you can select from available icons or contact BOGOS support team to help upload your own.
Divide tiers into table: Enable this to display tiers in a table format for a cleaner, easier-to-scan layout.
Widget border radius (for Widget style 2 & 3): Drag the slider to adjust the corner roundness of the widget.
b) Color
BOGOS allows you to customize the colors of all widget elements with any of the 3 methods below:
Choose a preset color theme from the dropdown to apply a ready-made color set.
Adjust individual color fields for the background, text, and discount tier states.
Contact BOGOS support to customize the colors to match your store's branding.
2. Customize Congrats Message
The Congrats message appears when a customer unlocks a discount tier, keeping them engaged by confirming they have successfully claimed the deal.
a) General
Message will appear in (seconds): Set the delay before the message appears after a customer qualifies.
Message position: Select where the message appears on the screen from 6 positions available.
Border radius: Drag the slider to adjust the corner roundness of the message.
b) Content
Title: Enter the headline displayed on the congrats message.
Description: Add details about the discount the customer has just unlocked.
Please retain the {{discount_amount}} in the description to dynamically display the discount syncing with your setup. If accidentally deleted, click Add variable to restore it.
c) Color
BOGOS allows you to customize the colors of all message elements with any of the 3 methods below:
Choose a preset color theme from the dropdown to apply a ready-made color set.
Adjust individual color fields for the background and text.
Contact BOGOS support to customize the colors to match your store's branding.
3. Adjust Widget Position on Your Store
By default, the Cart Discount widget automatically appears on all relevant product pages.
However, if you:
don't see any widget on your product page
want to reposition it on your product pages
want to add it to other store pages (such as the homepage, collection page, or cart page)
Please follow these steps:
Go to Shopify admin > Online Store.
Open the theme editor.
Navigate to the page where you want to adjust the widget.
Add or drag the BOGOS: Cart Discount block to your desired position.
For more details, visit our [Adjust BOGOS Blocks] guide.
Need Help?
If you need any assistance, feel free to reach out to our customer support team via:
Live chat within our BOGOS app.
Book a demo call for personal guidance.
Last updated