The Sales Flash feature in Discount Master for Woocommerce allows you to display a visually appealing badge on product images, highlighting discounts and promotions. This feature is customizable, enabling you to adjust text, styles, and positioning to match your store’s branding. Below is a detailed explanation of the settings available for configuring the Sales Flash.

Settings Overview

1. Discount Type

  • Purpose: Determines how the discount amount is calculated and displayed.
  • Options:
    • Fixed: Displays a fixed discount amount (e.g., “$10 Off”).
    • Percentage: Displays a percentage discount (e.g., “20% Off”).
  • How to Configure: Select your preferred discount type from the dropdown menu.

2. Custom Text

  • Purpose: Allows you to personalize the text displayed on the Sales Flash badge.
  • Example: Use placeholders like {{discount}} to dynamically show the discount value.
    • Example Output: “Save {{discount}}!” becomes “Save $10!” or “Save 20%!” depending on the discount type.
  • How to Configure:
    • Enter your desired text in the input field.
    • Use {{discount}} wherever you want the discount value to appear.

3. Rounding

  • Purpose: Enables rounding of discount values to the nearest integer for cleaner display.
  • Options:
    • Enabled: Rounds up values (e.g., “19.5%” becomes “20%”).
    • Disabled: Displays exact values (e.g., “19.5%”).
  • How to Configure: Toggle the checkbox to enable or disable rounding.

4. Background Color

  • Purpose: Sets the background color of the Sales Flash badge.
  • How to Configure:
    • Use the color picker to select your preferred background color.
    • Default value is black (#000000).

5. Typography

Font Size

  • Purpose: Adjusts the size of the text on the Sales Flash badge.
  • How to Configure:
    • Enter values like 14px, 1.4em, or 100% in the input field.

Font Weight

  • Purpose: Defines how bold the text appears.
  • Options:
    • Ranges from 100 (thin) to 900 (extra bold).
    • Default value is 400.

Font Color

  • Purpose: Sets the color of the text on the badge.
  • How to Configure:
    • Use the color picker to select your preferred font color.
    • Default value is white (#ffffff).

6. Border

Border Style

  • Purpose: Defines the style of the border around the badge.
  • Options:
    • None, Hidden, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset.

Border Width

  • Purpose: Sets the thickness of the border.
  • Example Values: 1px, 2px, or 5px.

Border Radius

  • Purpose: Adjusts how rounded the corners of the badge are.
  • Example Values: 5px, 10px, or 50%.

Border Color

  • Purpose: Sets the color of the border around the badge.
  • How to Configure:
    • Use a color picker or enter a hex code.

7. Position

  • Purpose: Determines where on the product image the Sales Flash badge appears.
  • Options:
    • Top Left, Top Right, Bottom Left, Bottom Right.
  • Default Position: Top Left.

8. Padding & Margin

Padding

  • Purpose: Adds space inside the badge around its content.

Margin

  • Purpose: Adds space outside the badge between it and other elements.
  • Example Values for Both:
    • 5px, 10px, or percentages like 50%.

Best Practices

  1. Use custom text creatively (e.g., “Hot Deal! Save {{discount}}!”) to make badges more engaging.
  2. Match badge colors and typography with your store’s branding for consistency.
  3. Enable rounding for cleaner visuals during promotions with uneven discount values.

With Discount Master for Woocommerce’s Sales Flash feature, you can create eye-catching badges that effectively highlight discounts and boost customer engagement!