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.

Variant Display

Guide

Countdown Feature

Turn On Countdown

Switch Show countdown to ON to display the timer in your campaign.

Set Duration

Choose how long the countdown lasts.

• Adjust the number (e.g. 15)
• Select time unit: Minutes, Hours, or Days

Choose Position

Pick where the timer appears:

• Top – above your content
• Bottom – below your content

Customize Timer

In Timer, you can change how the clock looks — font, color, or format.

Edit Text

In Text, add a message like “Hurry, offer ends soon!” and adjust font or color.

Adjust Background

In Background, choose the color or style that fits your campaign design.

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

1. Subtitle: Font size, Font weight & Color
2. Highlight Badge: Font size, Font weight, Color & Radius
3. Deal tag: Font size, Font weight, Color, Border & Radius
4. Price: Font size, Font weight, Color
5. Background: Color, Border, Radius & Spacing
6. 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

Pricing Options

Show compare-at price: Displays original price next to the discounted one.

Price rounding: Enables rounding for cleaner pricing. (Optional)

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

Extra options

Open product page on product click

If enabled, clicking on a product will open the product page.

Exclude POS

If enabled, it will exclude POS orders

Updated on: 25/11/2025