Customize how discounts appear across your store.
Overview # The Interface and Accessibility tab is the largest settings section, controlling how discount information appears to both administrators and customers.
Section Settings Count Purpose Alerts 3 Admin notification styling Last Focus 2 Admin interface highlighting Product Message 2 Product page discount messages Mini Cart & Checkout Messages 3 Cart area discount displays Tier Discount Table 5 Quantity discount table styling Accessibility 1 Screen reader support
Section 1: Alerts (Admin Interface) # These settings control how validation messages appear in the admin panel when editing rules.
Alert Color Theme # Option Visual Style Rose Pink/Red tones Blue Blue tones Gray Neutral gray Sage Green tones Lavender Purple tones Amber Yellow/Orange
Default: RoseLive Preview: Shows sample text in selected color below dropdown.
Alert Position # Option Behavior Inline (inside the form field) Message appears directly below the field Top Notice (toast) Message appears as toast notification at top
Default: Inline
Alert Message Display Duration (ms) # Parameter Value Minimum 2,000 ms Maximum 15,000 ms Default 5,000 ms
Tip: 5000ms (5 seconds) provides balanced read time.
Section 2: Last Focus (Admin Interface) # These settings control how the interface highlights recently edited campaign rows.
Last Focus Highlight Color # Option Best For Rose Softer attention Blue Professional Gray Minimal Sage Subtle Lavender Elegant Amber Clear visibility
Default: AmberLive Preview: Shows sample highlight color below dropdown.
Last Focus Highlight Duration (ms) # Parameter Value Minimum 1,000 ms Maximum 10,000 ms Default 3,500 ms Step 250 ms
Where it appears: After saving a campaign group, the row highlights briefly to show which item you just edited.
Section 3: Product Message (Customer-Facing) # These settings control discount messages displayed on product pages.
Product Message Position # Option Location Automatic (Above add to cart – recommended) Tries multiple positions in order Above add to cart Before “Add to Cart” button Below add to cart After “Add to Cart” button Above price Above the product price Product summary In the product summary/meta area
Default: Automatic
How Automatic Works # Priority Position Tried WooCommerce Hook 1st Above add to cart woocommerce_before_add_to_cart_form2nd Above price woocommerce_single_product_summary3rd Below add to cart woocommerce_after_add_to_cart_form
The first working position is applied. If your theme doesn’t support a hook, the next is tried.
Force Product Message Position # Status Effect ❌ Off Uses theme hooks (may not work with all themes) ✅ On Forces position via JavaScript (better compatibility)
When to enable:
Message doesn’t appear with your theme Using page builder (Elementor, WPBakery, Divi, etc.) Theme overrides standard WooCommerce hooks Position changes during page builder reflows Section 4: Mini Cart & Cart & Checkout Messages # These settings control discount messages in cart areas.
Message Position Options # Option Default Right below the product block ✅ On As a block in the total/button area ❌ Off
Both can be enabled simultaneously for maximum visibility.
Which Campaign Types Go Where # Campaign Type Below Product Block Area Tiered (quantity) discounts ✅ If enabled ✅ If enabled Cart total discounts ❌ Never ✅ Always
Note: If “Below product” is ON, tiered messages show under items and are NOT repeated in block area.
Show Special Campaign Messages Below Product Line # Status Effect ✅ On (default) BOGO, Buy X Pay Y, Nth item discount shown under products ❌ Off These messages only in block area
Example campaign types affected:
Buy X Pay Y (e.g., “Buy 3 Pay 2”) Nth item discount (e.g., “50% off 4th item”) Free gift campaigns Cart/Checkout Strikethrough Price # Status Effect ❌ Off (default) Shows only final price ✅ On Shows original price discounted price
Visual example:
Setting Mini Cart / Cart / Checkout Off $80.00 On $100.00 $80.00
Section 5: Tier Discount Table (Customer-Facing) # These settings control the quantity discount table on product pages.
Product Page Tier Discount Table (Enable/Disable) # Status Effect ✅ On (default) Quantity tier table shown on product pages ❌ Off No table displayed
Tier Discount Table Position # Option Location Automatic (Above add to cart – recommended) Tries multiple positions Above add to cart Before “Add to Cart” button Below add to cart After “Add to Cart” button Above price Above product price Product summary In product summary/meta area
Default: Automatic
How Automatic Works (Same as Product Message) # Priority Position Tried 1st Above add to cart 2nd Above price 3rd Below add to cart
Force Tier Discount Table Position # Status Effect ❌ Off Uses theme hooks ✅ On Forces position via JavaScript
Enable for: Page builders, custom themes, position issues.
Use Custom Color in Tier Discount Table # Status Effect ❌ Off Uses preset color theme from dropdown ✅ On Uses your custom hex color
When enabled, shows:
Color picker input Hex input field (e.g., #3498db) Reset button Tier Discount Table Color Theme # Option Style Rose Warm, inviting Sky (blue) Professional, trustworthy Gray Minimal, clean Sage Natural, eco-friendly Lavender Elegant, premium Amber Energetic, attention-grabbing
Default: Sky (blue)Live Preview: Shows sample table color below dropdown.
Note: This dropdown is only active when “Use Custom Color” is OFF.
Section 6: Accessibility # Accessibility: Alert Role # Status Effect ✅ On (default) Adds role="alert" to inline messages ❌ Off No accessibility role added
What it does:
Screen readers immediately announce alert messages ARIA live region created for dynamic content Complies with WCAG accessibility guidelines Who benefits:
Visually impaired users Screen reader users Users requiring assistive technology Complete Settings Reference # All Dropdown Options Summary # Setting Options Alert Color Theme Rose, Blue, Gray, Sage, Lavender, Amber Alert Position Inline, Top Notice Focus Highlight Color Rose, Blue, Gray, Sage, Lavender, Amber Product Message Position Automatic, Above add to cart, Below add to cart, Above price, Product summary Tier Table Position Automatic, Above add to cart, Below add to cart, Above price, Product summary Tier Color Theme Rose, Blue, Gray, Sage, Lavender, Amber
All Numeric Fields Summary # Setting Min Max Default Unit Alert Duration 2,000 15,000 5,000 ms Focus Highlight Duration 1,000 10,000 3,500 ms
All Checkbox Settings Summary # Setting Default Scope Force Product Message ❌ Off Customers Cart Msg Below Product ✅ On Customers Cart Msg Block Area ❌ Off Customers Special Msg Under Item ✅ On Customers Strikethrough Price ❌ Off Customers Tier Table Enabled ✅ On Customers Tier Table Force ❌ Off Customers Tier Custom Color ❌ Off Customers Alert Role (a11y) ✅ On Accessibility
Common Configurations # Minimalist Store # Setting Value Cart Message Position Block area only Special Messages ❌ Off Strikethrough ❌ Off Tier Table ❌ Off
Maximum Visibility # Setting Value Cart Message Position Both ✅ enabled Special Messages ✅ On Strikethrough ✅ On Tier Table ✅ On Tier Color Amber (attention-grabbing)
Page Builder Compatibility (Elementor, WPBakery, etc.) # Setting Value Reason Product Message Position Manual (not Automatic) Predictable behavior Product Message Force ✅ On Works with page builders Tier Table Position Manual Predictable behavior Tier Table Force ✅ On Works with page builders
