search
Watch TutorialsVisit Website

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.

hashtag
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

This section allows you to edit colors by entering a hex color code or choosing from the color wheel. You can also select a pre-made theme from BOGOS, and adjust some elements as below:

  • Background: Widget color, Widget border

  • Text: Header text, Description text, See all button, Product list label

  • Product: Product Name, Variant name, Price

  • Discount tier: Open tier text, Active tier text, Excluded tier, Open icon, Active icon, Tiers background

  • Button: Button color, Button text

hashtag
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.

hashtag
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.

PreviousCustomize Volume discountNextAnalytics

Last updated