Your privacy choices

We use cookies to see how the site is used and, with Google and Meta, to measure our ads. Nothing is set until you choose. You can change your choice at any time under Cookie settings.

Privacy Policy

We use cookies to see how the site is used and, with Google and Meta, to measure our ads. You can change your choice at any time under Your Privacy Choices.

Your privacy choices

Choose which cookies we may use. Your choice applies on every page and lasts 12 months.

Your opt-out preference signal has been honored. Advertising stays off while your browser sends it.

NecessaryKeeps the site working: your privacy choice here, the language you are reading in, the documentation search, and Cloudflare's protection of the site.
Always on
Google Analytics and Cloudflare Web Analytics, and WooCommerce's own record of the page your visit started on: which pages are read, how the site is used, and which of them lead to an order.
Google Ads and the Meta pixel: measuring and improving our ads, including on other sites.
ThriveDesk, which runs the live chat on our support page. It is run by another company and stores an identifier in your browser.
Privacy Policy

Customize BOGO Card Styles

2 min read Updated April 20, 2026 By the Bright Plugins team

Get BOGO Deals Pro

Summary
Use the Styles tab to make your BOGO card and notices match your store branding without touching theme files. Focus on the three areas that drive clarity and conversions.

Where to find the Styles tab#

  1. Go to Bright Plugins Pro → BOGO Deal.
  2. Open the Styles tab.
Bogo Deal: Bogo deal styles section

The 80/20 approach to styling BOGO#

To get the best visual result fast, prioritize these three areas:

  1. Card Styles for structure and readability.
  2. Label Styles for offer clarity.
  3. Price + Notice Message Styles for customer confidence at decision time.

Everything else is refinement.

Shot 1 – Card Styles (layout first)#

This section controls the overall container of the BOGO card.

What matters most#

  • Background and border
  • Border radius
  • Padding and spacing

A clean card makes the offer easier to scan and trust.

Quick recommendations#

  • Match your theme’s neutral tones.
  • Use comfortable padding so the card doesn’t feel crowded.
  • Keep the shape consistent with your theme buttons/cards.

Shot 2 – Label Styles (make the offer obvious)#

Labels are often the first element customers read.

What matters most#

  • High-contrast background and text
  • Readable font size
  • Clean padding and radius
Bogo Deal: Bogo text labels

Quick recommendations#

  • Use strong contrast for “Free” offers.
  • Keep labels short to avoid wrapping.

Shot 3 – Price and Notice Message (confirm the savings)#

These two areas reduce hesitation at the final step.

Price Styles#

Use this section to differentiate:

  • Original price
  • Discounted price

Best practice: make the discounted price more visually prominent than the original price.

Notice Message Styles#

This controls the cart and product notices when a deal is active or incomplete.

Best practice: keep notice backgrounds subtle but readable, so the message feels helpful, not intrusive.

Optional refinements (when you want polish)#

These help align the card with your catalog visual style:

  • Product Name and Category Styles
  • Product Image Styles

Preview and reset#

Use Live Preview#

Review readability and contrast before saving.

Reset to Theme Defaults#

Use it to remove custom styling and return to the default look.

Common issues#

  • Changes don’t appear due to caching.
  • Theme or optimization plugins delay updates.
  • Styles were edited but not saved.

Updated on April 20, 2026 · Need help? Open a support ticket