Customize Frequently Bought Together Style & Settings
Customize Style
After setting up your deals, navigate to the Design section:
From the campaign setup page, click Continue.
This will take you to the customization area, where you can personalize your campaign's visual elements.
Customize Style Options
In the Design section, you can modify these elements to match your store’s branding:
Color Theme
Pick a color preset to match your store branding — or adjust individual colors manually.
Fonts
Use your theme’s fonts or select a new one to improve readability and styling consistency.
Custom Elements
Individually customize elements like:
Heading
Visibility, Font size, Font weight, Color, Position (Left, right, middle) & Automatically customize text with built-in command
Deal boxes
- Subtitle: Font size, Font weight & Color
- Highlight Badge: Font size, Font weight, Color & Radius
- Deal tag: Font size, Font weight, Color, Border & Radius
- Price: Font size, Font weight, Color
- Background: Color, Border, Radius & Spacing
- Radio button: Visibility, Border & Radio button size
👉 NOTE: Show compare-at price: Displays original price next to the discounted one.
Total box
You can change the visibility, title, badge, price and background inside the total box, the details of each customization are similar to element in the deal box
Button
You can change the color, border, radius, animation visilibiity, text and text color - size - weight
Display Settings
Show on pages:
Choose where to display the campaign - More details
Setting the main product for Frequently Bought Together campaign's guide
Extra settings:
Pricing Options
Show compare-at price: Displays original price next to the discounted one.
Price rounding: Round the number after the decimal point
Button & Cart Behavior
Action after click button: Choose what happens when the customer clicks the CTA
- Show cart
- Open cart drawer
- Redirect to checkout
Out of stock text:
Customize the message shown when a product variant or gift is unavailable (e.g., Coming back soon).
**Open product page on product click: **If enabled, clicking on a product will open the product page
**Combine variants options: **If enabled, all variant options will be combined into a single picker. For example, instead of showing separate pickers for Color and Size, the user will see one combined picker: Color/Size.
Apply discount when purchased products: Set the limitation on how many products the user needs to buy to get the discount.
Note: Apply discount when purchased products - You can choose when the discount will be applied, either if the customer has to choose all the product in the campaign or you can set a minimum of product that customer has to purchase from the campaign
Updated on: 25/05/2025
Thank you!