Customize Discount on Cheapest/Most expensive item
After setting up your discount offer, you can fully customize its widget display by following these simple steps:
Step 1: Navigate to Customize from the BOGOS Sidebar.
Setp 2: Find Discount and select Discount on Cheapest/Most expensive item from the Discount customize.
This offer type includes two main widgets:
Discount widget
See All Products modal
Let’s walk through how to customize each one by clicking on each tab.
1. Discount widget
General
This section include key elements:
Number of products displayed: Set how many selected products appear in the widget.
Product list label: Add a short call-to-action message encouraging customers to choose a product.
Offer tier style: There are two options to inform customers about the qualified requirements for each tier:
▶ Checklist display: All tiers' announcements show up in turns as checkboxes. Whenever a customer meets the requirement of a tier, its announcement will be crossed out.
▶ Bullet list display: All tiers' announcements show up as a simple list.
Show Add button on each item: Enable this option to display a button that customers can click and add a product to their cart. You can also customize the button text as needed.
Show button to see all products: Enable this option to display a button that links to the full product list. You can also customize the button text as needed.
Color
BOGOS allows you to customize the colors of all elements with any of the 4 methods below:
Choose a ready-made color set from the dropdown.
Manually adjust each color field for all the available colors.
Use AI Theme Detector to auto-generate a full widget color palette based on your store's branding.
Contact the BOGOS support team to get help with color customization.
Click Save when done.
AI Theme Detector
BOGOS AI scans your online store and detects your brand's primary, secondary, and text colors, then generates a full widget color palette automatically.
Your store must NOT be password-protected for AI to access and detect your brand colors.
To edit the colors with BOGOS AI:
Click the pen icon.
Click Scan again to let BOGOS AI re-detect, or manually adjust the Primary color, Secondary color, or Text fields.
Click Apply for preview to apply the colors to the widget preview.
2. See all product modal
As you can see, it lets you configure how many products are displayed per load on desktop and mobile, including: Products per row and Number of rows. Then, BOGOS will automatically count the Products per load.
3. Widget preview
This section allows you to preview the widget on both desktop and mobile, including two display options:
Compact: Shows the offer in a smaller, space-saving layout that fits neatly alongside product details.
Fullwidth: Expands the offer to span the full width for maximum visibility.
Last updated