Visual Settings

Customizing the discount display for customers.

Where to find visual settings?

In each rule: Visual options section

Discount Label

Field: Discount label

Purpose: The discount name displayed in the cart and order as the discount line item name.

How it works

The label is used as the discount name in the cart when the discount is applied as a Fee (separate line item).

Fallback order:

If label is filled in → the label is used
If the discount type is “Free Gift” → “Free Gift”
If no label → the rule name (title) is used
If nothing → “Special Offer”

Usage Example

Settings:

Rule name: PROMO_WINTER_2025
Discount label: Winter Sale 20%

Customer’s cart:

T-shirt Basic              $8.00
Pants                     $20.00
───────────────────────────────
Subtotal:                 $28.00
Winter Sale 20%           -$5.60  ← Label is used here
───────────────────────────────
Total:                    $22.40

Without a label:

Subtotal:                 $28.00
PROMO_WINTER_2025         -$5.60  ← Rule name is used
───────────────────────────────
Total:                    $22.40

Discount Message

Editor: Discount Message (WYSIWYG editor)

Custom marketing content displayed to customers on the product page provided the discount applies to the product.

WYSIWYG Editor

New in v1.0.1: The message is created using an advanced WYSIWYG editor with support for:

HTML formatting (bold, italic, lists, links)
Images and media
Text colors
Alignment
And more…

Message Display

Toggle: “Show discount message on product page” - Enable/disable display

Display conditions:

The rule must be active and published
Rule conditions must be met (except cart-dependent ones like cart value*)
The product must match the filters
The “Show message” toggle must be enabled

*Important: Promo messages are displayed even when cart-dependent conditions (cart value, item count) are not met. This allows showing, for example, “Spend $40 and get a discount” even when the customer has only $20 in their cart.

Basic Usage

Example:

<strong>Special Offer</strong> - save today!
<br>
<em>Discount valid while supplies last</em>

Display on the product page:

┌─────────────────────────────┐
│ T-shirt Basic               │
│ ̶$̶8̶.̶0̶0̶  $6.40 (-20%)        │
│                             │
│ Special Offer -             │ ← Custom message with HTML
│    save today!              │
│ Discount valid while        │
│ supplies last               │
│                             │
│ [Add to cart]               │
└─────────────────────────────┘

Tips for Writing Messages

Good messages

Save up to $2 on this product!
Volume discount - the more you buy, the more you save!
VIP discount 15% - thank you for your loyalty!
Buy 2 get 1 FREE!
Limited offer - don't hesitate!

Bad messages

Discount  (too generic, no value)
BUY NOW!!!  (too aggressive)
Discount applies to this product  (redundant information)

Where is the message displayed?

The message is displayed on the product page according to the info block position setting.

Position Settings

Per-rule position (recommended): In each rule’s settings: Visual options section → Message position

Global setting (fallback): Discounts → Settings → Info block on product page

Position options:

In product summary (recommended)
After product summary
At the beginning of meta info
At the end of meta info
None (do not display the info block for this rule)

How it works:

If a per-rule position is set → it is used
If no per-rule position is set → the global setting is used
If the per-rule position is “None” → the info block is not displayed for this rule

Example:

Global setting: "In product summary"

Rule A:
  Message position: (empty)
  → Displays "In product summary" (global)

Rule B:
  Message position: "After product summary"
  → Displays "After product summary" (per-rule)

Rule C:
  Message position: "None"
  → Not displayed at all

Countdown

Important: The countdown is NOT configured in the visual settings, but in the rule conditions.

New in v1.0.1: The countdown is displayed AUTOMATICALLY in the discount message if a valid date condition with show_countdown is set.

Where to find countdown settings?

Go to the Conditions section
Add a Date condition
Enter Date to (end date)
Check the “Show countdown” checkbox

How it works

Display conditions:

A “Date” condition with “Date to” must be set
The date must be in the future
The “Show countdown” checkbox must be checked
All non-cart-dependent conditions in the group must be met

Automatic display: The countdown is automatically added after the discount message on the product page.

Display:

┌─────────────────────────────┐
│ T-shirt Basic               │
│ ̶$̶8̶.̶0̶0̶  $6.40 (-20%)        │
│                             │
│ Special Offer -             │ ← Discount message
│    save today!              │
│                             │
│ Time remaining: 12:34:56    │ ← Countdown (automatic)
│                             │
│ [Add to cart]               │
└─────────────────────────────┘

Setting Up the Countdown (Step by Step)

Step 1: Add a “Date” condition

Conditions:
+ Add condition group
  + Add condition
    Type: Date
    Date from: 2025-12-01 00:00 (optional)
    Date to: 2025-12-31 23:59

Step 2: Check “Show countdown”

☑ Show countdown

Done! The countdown will automatically appear on the product page.

Practical Countdown Examples

Flash Sale

Conditions:
  Date from: 2025-10-07 10:00
  Date to: 2025-10-07 22:00
  ☑ Show countdown message
  Position: Single product summary
  Message: Flash Sale ends in {countdown}!

Visual:
  Message: Flash Sale - 30% Off!

Display:

Flash Sale - 30% Off!
Flash Sale ends in: 5 hours 23 minutes

Black Friday

Conditions:
  Date from: 2025-11-24 00:00
  Date to: 2025-11-25 23:59
  ☑ Show countdown message
  Message: Black Friday ends in {countdown}

Visual:
  Message: Black Friday - mega discounts!

Practical Examples

Example 1: Product discount with custom message

Settings:

Type: Product discounts
Discount: 20%
Filters: Categories → T-shirts

Visual:
  Label: 20% off T-shirts
  Message: Special price on all t-shirts!

Result on the product page:

┌───────────────────────────────┐
│ Special price on all          │
│    t-shirts!                  │
└───────────────────────────────┘

Result in the cart:

T-shirt Basic ($8.00)          $6.40
20% off T-shirts                (Label is used in the order)

Example 2: Cart discount with fee

Settings:

Type: Cart discounts
Discount: $2 fixed

Conditions:
  Subtotal >= $20

Visual:
  Label: $2 off on orders over $20
  Message: Save $2 on orders over $20!

Cart:

Subtotal:                 $28.00
$2 off on orders over $20 -$2.00  ← Label
───────────────────────────────
Total:                    $26.00

Example 3: VIP discount without message

Settings:

Type: Product discounts
Discount: 15%

Conditions:
  User role: VIP

Visual:
  Label: VIP discount 15%
  ☐ Show message (disabled)

Result: The discount is applied, but no custom message is displayed (only the standard “VIP discount 15%” in the cart).

Example 4: Bulk discount with description

Settings:

Type: Bulk
Tiers:
  - 2-5 pcs = 10%
  - 6-10 pcs = 20%
  - 11+ pcs = 30%

Visual:
  Label: Volume discount
  Message: The more you buy, the more you save!

Display:

┌───────────────────────────────┐
│ The more you buy, the more    │
│    you save!                  │
│                               │
│ Quantity | Discount | Price   │
├───────────────────────────────┤
│ 2 – 5    | 10%      | $7.20  │
│ 6 – 10   | 20%      | $6.40  │
│ 11+      | 30%      | $5.60  │
└───────────────────────────────┘

Info Block Styling

Styling settings for the info block on the product page.

Where to find the settings?

Discounts → Settings → Discount Info Block tab

Custom Styles vs. Plugin Styles

Toggle: Use custom styles

State	Description
Enabled (default)	The plugin does not inject any CSS. Styling is up to your theme.
Disabled	The plugin injects predefined styles with customizable colors.

Predefined Block Styles

When “Use custom styles” is disabled, you can select a style:

Style	Description
Minimal	Simple style with dividers between items only
Boxed	Box with background, border, and rounded corners

Colors (with custom styles disabled)

Background color - block background color
Text color - text color (empty = theme color)
Border color - border and divider color

Discount Label in the Info Block

Option to display the discount name directly in the info block.

Activation

Toggle: Show discount label

When enabled, the discount label (rule name) is displayed before the content of each item in the info block.

Label Styles

When “Show discount label” is enabled and “Use custom styles” is disabled:

Style	Description
Title	Simple bold heading
Badge	Badge with colored background and rounded corners
Ribbon	Ribbon protruding from the block with a fold effect

Label Colors (for Badge and Ribbon)

Label background color - label background color
Label text color - label text color

Display Example

Title style:

┌───────────────────────────────┐
│ Winter Clearance               │ ← Label as heading
│ 20% off all clothing           │
└───────────────────────────────┘

Badge style:

┌───────────────────────────────┐
│ [Winter Clearance]             │ ← Label as badge
│ 20% off all clothing           │
└───────────────────────────────┘

Ribbon style:

══╗ Winter Clearance             │ ← Label as ribbon
  ╚═════════════════════════════┤
│ 20% off all clothing           │
└───────────────────────────────┘

Manual Select UI Texts

Customization of texts displayed in the product selection for Manual Select mode.

Where to find the settings?

Visual options → Manual Select UI (the section appears only when the Manual Select application mode is selected)

Settings

Toggle: Show custom text in selection UI

When disabled (default): No text is displayed above the product selection.

When enabled: Fields for configuration are shown:

Field	Description	Example
Selection title	Heading above the product selection	”Choose your gift”
Selection description	Description below the heading	”Select one free product with your order”

Display Example

With texts enabled:

┌─────────────────────────────────────┐
│ Choose your gift                    │ ← Selection title
│ Select one free product with        │ ← Selection description
│ your order                          │
│                                     │
│ ┌──────┐ ┌──────┐ ┌──────┐         │
│ │ [img]│ │ [img]│ │ [img]│         │
│ │Prod 1│ │Prod 2│ │Prod 3│         │
│ └──────┘ └──────┘ └──────┘         │
└─────────────────────────────────────┘

Without texts (toggle disabled):

┌─────────────────────────────────────┐
│ ┌──────┐ ┌──────┐ ┌──────┐         │
│ │ [img]│ │ [img]│ │ [img]│         │
│ │Prod 1│ │Prod 2│ │Prod 3│         │
│ └──────┘ └──────┘ └──────┘         │
└─────────────────────────────────────┘

Multilingual Support

Texts fully support WPML and Polylang:

Set texts in the default language
Switch the language in the admin bar
Enter translations for the given language

Fallback: If no translation exists, the text from the default language is displayed.

CSS Classes

/* Title */
.wpify-woo-discount-selection__title {
  /* custom styles */
}

/* Description */
.wpify-woo-discount-selection__description {
  /* custom styles */
}

CSS Styling

Info Block CSS Classes

/* Info block wrapper */
.wpify-woo-discount-info-block {
  /* custom styles */
}

/* Individual item */
.wpify-woo-discount-info-block__item {
  /* custom styles */
}

/* Discount label */
.wpify-woo-discount-info-block__label {
  /* custom styles */
}

/* Message content */
.wpify-woo-discount-info-block__content {
  /* custom styles */
}

/* Pricing table */
.wpify-woo-discount-info-block__pricing {
  /* custom styles */
}

Countdown CSS

/* Countdown wrapper */
.wpify-woo-discount-countdown {
  background: #f8f8f8;
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
}

Tip: Add CSS to Appearance → Customize → Additional CSS or to your theme stylesheet.

Frequently Asked Questions

The message is not displaying on the product page

Checklist:

Is the rule active and published?
Are the rule conditions met?
Is the product included in the filters?
Is the “Show message” toggle enabled in visual settings?
Is the info block position correctly set in global settings?
Is the cache cleared?

The countdown is not displaying

Checklist:

Is a Date condition with Date to set in the Conditions section?
Is the “Show countdown” checkbox checked in the condition?
Is the date in the future (not in the past)?
Are all other conditions in the group met (except cart-dependent)?
Is the discount message displayed (the countdown appears after it)?

Can I use HTML in the custom message?

Yes! Since version 1.0.1, you have access to a WYSIWYG editor with full HTML support:

Formatting: bold, italic, underline, strikethrough
Lists: bulleted, numbered
Links: to other pages
Images: from the media library
Text colors
Alignment
And more…

Security: The editor automatically filters dangerous tags like <script>.

Can I use placeholders for dynamic values?

NO — The custom message (Discount Message) does not support placeholders like {amount} or {percentage}.

Countdown: It is displayed automatically if a valid date condition with show_countdown is set. No placeholder is needed.

Recommendation: Write the message statically, e.g., “Save up to $2!” instead of “Save {amount}!”

How to change the message display position?

Per-rule position:

Open the discount rule
Visual options section
Message position field
Select a position or “None”

Global position (fallback):

Go to Discounts → Settings
Info block on product page section
Select the default position for all rules

Tip: The per-rule position takes precedence over the global setting.

Can I have different messages for different products?

Yes, create multiple rules with different filters and custom messages:

Rule 1:

Filters: Categories → T-shirts
Message: Discount on t-shirts!

Rule 2:

Filters: Categories → Pants
Message: Discount on pants!

What is the difference between Label and Message?

Field	Purpose	Where it is displayed
Label	Discount name in cart/order	Cart, Order, Email
Message	Information for the customer	Product page

Example:

Label: “$2 off on orders over $20” → In the cart as the line item name
Message: “Save $2 on orders over $20!” → On the product page