Posted on Leave a comment

WooCommerce Sale Badge Free Plugin

Enhance your WooCommerce store with Sale Badges! Boost product visibility and customizable labels. Get started now!WooCommerc Sale Badge Free Plugin has the power to boost your store’s sales and wow your customers simultaneously. By highlighting special offers, discounts, or new arrivals, you can create a sense of excitement and urgency, encouraging customers to take action. In a crowded marketplace, standing out and creating a memorable shopping experience is essential. Product labels provide an opportunity to showcase your products uniquely and enticingly, ultimately leading to increased sales and customer satisfaction.

Boost Sales with Free WooCommerce Sale Badges

Unlock the full potential of our complimentary WooCommerce Sale Badge plugin, a dynamic tool designed to revolutionize your product presentation and significantly boost sales. This innovative plugin empowers you to effortlessly craft visually compelling product labels, capturing the attention of potential customers and driving increased sales. Elevate your online shopping experience by seamlessly integrating this plugin into your WooCommerce platform, ensuring that your products not only stand out with attractive labels but also entice customers to explore and make purchase decisions. Maximize the impact of your online store with the compelling features of the WooCommerce Sale Badge plugin.

Supercharge Sales with WooCommerce Sale Badge Free Plugin

Elevate your online retail game by downloading our complimentary WooCommerce Sale Badge plugin today. This powerful tool is designed to supercharge your sales effortlessly by allowing you to seamlessly integrate attention-grabbing badges onto your products. With this user-friendly plugin, you can enhance the visual appeal of your offerings, ensuring they stand out and attract potential customers. Take control of your sales strategy as you effortlessly highlight discounts, special offers, or exclusive deals, creating a more enticing shopping experience for your audience. Download the WooCommerce Sale Badge plugin now to unlock a new level of engagement and drive remarkable sales growth for your online store.

Installing Sale Badges and Product Labels for WooCommerce
in WordPress

WooCommerce Sale Badges and Product Labels elevates your store’s appeal with customized badges and countdown timers (PRO Version). Unlock the full potential of your WooCommerce store with captivating sale badges, product labels, and countdown timers. This all-in-one plugin empowers you to create eye-catching labels and scheduled badges for products, categories, and tags. Highlighting discount values, product quantities, ratings, shipping classes, stock status, and sale status, these labels provide valuable information to your customers. Plus, leverage the power of countdown timers to create urgency and drive conversions. With an intuitive interface, easily customize labels and replace default on-sale badges. Take your WooCommerce store to new heights with visually appealing badges, labels, and countdown timers tailored to your unique offerings. It enables you to your Product Woocommerce in under 2 minutes.

Install Sale Badges and Product Labels for WooCommerce

Follow these steps to install the Sale Badges and Product Labels for the WooCommerce plugin.

  • Navigate To Plugins.
  • Woocommerce Should be installed and Activated.
  • Click on Add New Plugin.
Plugins
Plugins
Install Badge and Product Label for WooCommerce
Install Badge and Product Label for WooCommerce

Now, Sale Badges and Product Labels for WooCommerce have been installed. Navigate to the Product Badges.

Product Badges
Product Badges

Create a Percentage Off badge in WooCommerce

After Install WooCommerce Sale Badges and Product Labels Plugin, Navigate To Product badges.

  • Click on Add New
Create a Percentage Off
Create a Percentage Off
  • Set a Name your badge and check its status to enable it.
  • Navigate to the CSS Labels Tab.
  • Choose a label style.
  • Adjust the label width size and set the label text.
  • Customize the label color and change its position.
Create Sale Badge For Woocommerce
Create Sale Badge For Woocommerce

After modifying the CSS label, proceed to the “Products” tab.

  • Select “Products” and choose “Included.”
  • Pick the products you desire, for example: ‘Album,’ ‘Beanie (woo-beanie).’
  • Save your changes.
Select Products
Select Products

Additionally, Go to the archive page to see the CSS Labels.

Perentage off Badge on Archive Page
CSS Labels on Archive Page

Visit the Beanie product page and check out the CSS label.

CSS Label on Beanie Product Page
CSS Label on Product Page

Create a New Badge in Woocommerce

  • Click on Add New
Click on Add New For Create a New Badge in Woocommerce
  • Set a Name your badge and check its status to enable it.
  • Navigate to the CSS Labels Tab.
  • Choose a label style.
  • Customize the label width, set the text, and adjust the font size and line height.
  • Customize the label color and change its position.
Modify Badge
Create New Badge

After modifying the CSS label, proceed to the “Products” tab.

  • Select “Stock Status” and choose “in Stock”.
  • Save your changes.
In-stock Condition
Stock Status

Furthermore, visit the archive page to view the CSS labels on the ‘In Stock’ products.

New Badge on Archive Page

Visit the product page for the Album and inspect the CSS label

New Badge on Product Page
New Badge on Product Page

Create a Sale Badge in Woocommerce

  • Click on Add New
Click on Add New For Create Badge
  • Set a Name your badge and check its status to enable it.
  • Navigate to the CSS Labels Tab.
  • Choose a label style.
  • Customize the label width, set the text (e.g., ‘SALE’), and adjust the font size and line height.
  • Customize the label color and Change Border Radius
  • change its position.
Modify Sale Badge For Woocommerce
Modify Sale Badge For Woocommerce

After modifying the CSS label, proceed to the “Products” tab.

  • Select All Products.
  • Save your changes.
All Products
All Products

Moreover, go to the archive page to see the CSS labels on all products.

Visit the product page for the Hoodie with Logo and inspect the CSS labels

Create a Buy 2 Get 1 Free Badge in Woocommerce

  • Click on Add New
  • Set a Name your badge and check its status to enable it.
  • Navigate to the CSS Labels Tab.
  • Choose a label style.
  • Customize the label width, set the text (e.g., ‘Buy 2 Get 1 Free’), and adjust the font size and line height.
  • Customize the label color and Change Border Radius.
  • change its position with pixel.

After modifying the CSS label, proceed to the “Products” tab.

  • Choose categories, select “Included,” and pick “Clothing/Accessories” or your preferred category.
  • Navigate to the “Schedule” Tab.
  • Choose a date and specify both the ‘From Date’ and the ‘To Date’.
  • Save your Changes.

Additionally, Go to the archive page to see the CSS Labels in the ‘Clothing/Accessories’ category.

Visit the product page for the Beanie and inspect the CSS label

Shortcodes

Sale Badges And Product Labels Plugin To Woocommerce has the below shortcodes.

  • [asnp_badge hide="1"] to use on the product page.
  • [asnp_badge] to use on the archive product or product listing page.

If you would like to show a specific product sale badges, then use the below shortcodes.

  • [asnp_badge product_id=”7″ hide=”1″] to use on the product page, replace “7” with your product ID.
  • [asnp_badge product_id=”7″] to use on the archive product or product listing page, replace “7” with your product ID.

Add Multi-Language Support

First, set a name for the badge, then select a label style and customize it by adjusting the label color and width size. Then, click on “Translate.”

  • Choose a language, such as French, Portuguese, or German.
  • Add Translate Label and Add It.
  • Then, save your changes.

Display the label in French language.

Display the label in German language.

Posted on Leave a comment

Add Product Labels to WooCommerce Products (Full Guide)

In this guide, we’ll walk you through the process of adding labels to a specific set of products in your WooCommerce store. Discover the power of product categorization and how it can enhance your customers’ shopping experience. Learn to effectively highlight and differentiate products, creating a more organized and visually appealing online store. Whether you want to promote special items, create product distinctions, or simply improve your store’s organization, this tutorial has you covered. Join us to gain control over your product presentation and make your WooCommerce store more user-friendly and engaging.

Why Need to add a Sale Badges and Product labels to Products in WooCommerce

Adding sale badges and product labels to custom products in WooCommerce is a strategic approach to enhance the visibility and appeal of your products. These visual elements can significantly impact customer engagement and sales. Here are three compelling reasons why you need to incorporate sale badges and product labels into your WooCommerce store:

1. Enhanced Visibility:

  • Sale badges and product labels make your custom products stand out among the numerous options available to customers. When shoppers see a vibrant “Sale” label or a label that highlights specific product features, they are more likely to notice and explore those products. This increased visibility can lead to higher click-through rates and conversions.

2. Increased Trust and Credibility:

  • Sale badges and product labels provide valuable information to customers. A “Sale” badge indicates a discounted price, which can instill a sense of urgency and encourage purchases. Additionally, labels that highlight product attributes, such as “New Arrival” or “Best Seller,” help customers make informed decisions. These labels build trust and credibility by offering clear and concise information about your products.

3. Improved User Experience and Conversion Rates:

  • Sale badges and product labels contribute to a better user experience by simplifying product discovery. Customers can quickly identify products that match their preferences or needs, leading to a more efficient shopping experience. As a result, the likelihood of making a purchase increases. By leveraging these visual cues, you can improve your conversion rates and overall sales performance.

In summary, adding sale badges to your custom products in WooCommerce is an effective strategy for increasing visibility, building trust, and enhancing the user experience. These elements help customers make informed choices and ultimately contribute to higher conversion rates and increased sales for your online store.

How to Add Product Labels to WooCommerce Products (Full Guide)

In this article, we will provide you with a detailed guide to adding Sale Badges and Product Labels and Countdown Timer to Woocommerce All Products and Categories and Tags and Is On Sale and In Stock Out Of Stock and On Backorder.

Are you ready? Let’s dive in.

Installing Sale Badges and Product labels Plugin in WordPress

The Sale Badges and Product labels Plugin is an easy-to-use for WooCommerce. It will help you to add a Sale Badge and Product Labels and Countdown Timer to the website in less than 2 minutes.

Conditions

The WooCommerce Sale Badges and Product Labels Plugin have many conditions, such as :

  1. All Products
  2. Products
  3. Categories
  4. Tags
  5. “Is On Sale”
  6. “In Stock” and “Out Of Stock”, “on backorder” 
  7. Discount Rules

Installing Sale Badges and Product label plugins in WordPress

Follow these steps to install the Sale Badges and Product Labels for the WooCommerce plugin.

  • Navigate To Plugins.
  • Woocommerce Should be installed and Activated.
  • Click on Add New Plugin.
Plugins
Plugins
Install Badge and Product Label for WooCommerce

Now, Sale Badges and Product Labels for WooCommerce have been installed. Navigate to the Product Badges.

Product Badges
Product Badges

Create Product Label

  • Begin by selecting the ‘CSS Label’ tab.
  • Then, set a label and choose your preferred label style.
  • Select the label color and adjust the label width.
Create Product Label

Add Product Labels to All Products

Display Labels on All Products in WooCommerce.

  • Navigate to the ‘Products’ tab.
  • Choose ‘All Products.’
  • Save your changes.
Produtcs Tab
  • View Labels on All Products on the Archive Page.
Css Label on Archive Page

Add Product Labels to Products

In the paragraph explaining how to Create Product Label, you learned how to create a CSS label. So, after creating the CSS label..

  • Go to the ‘Products’ tab.
  • Select ‘Products’ and choose ‘Included.’
  • Pick the products you desire, for example: ‘Beanie (woo-beanie),’ ‘Cap (woo-cap).’
  • Save your changes.
Select Products

Additionally, Go to the archive page to see the CSS Labels.

CSS Labels on Archive Page

Visit the Cap product page and check out the CSS label.

CSS Labels on Product Page

Add Product Labels to Categories

  • Go to the ‘Products’ tab.
  • Select ‘Categories’ and choose ‘Included.’
  • Choose the categories you desire, for example: ‘Clothing/Accessories.’
  • Save your changes.
Select Categories

Additionally, Go to the archive page to see the CSS Labels in the ‘Clothing/Accessories’ category.

CSS Labels in the ‘Clothing/Accessories’ category

Visit the product page for the Belt and inspect the CSS label

Belt Prodcut Page

Add Product Labels to Products and Categories

In the paragraph explaining how to Create Product Label, you learned how to create a CSS label. So, after creating the CSS label..

  • Go to the ‘Products’ tab.
  • Select ‘Products’ and choose ‘Included.’
  • Pick the products you desire, for example: ‘Album (woo-album),’ ‘Polo (woo-polo).’
  • Select ‘Categories’ and choose ‘Included.’
  • Choose the categories you desire, for example: ‘Clothing/Accessories.’
  • Save your changes.
Categories

Additionally, Go to the archive page to see the CSS Labels in the ‘Clothing/Accessories’ category.

Css Label For Clothing/Accessorie

Visit the Polo product page and check out the CSS label.

Polo

Add Product Labels to On Sale

In the paragraph explaining how to Create Product Label, you learned how to create a CSS label. So, after creating the CSS label..

  • Go to the ‘Products’ tab.
  • Choose Is On Sale and Select Yes.
  • Save your changes.
Is On Sale

Visit the archive page to view the CSS Labels on the Is On Sale products.

CSS Label for On-Sale Products

Add Product Labels to Stock Status

In the paragraph explaining how to Create Product Label, you learned how to create a CSS label. So, after creating the CSS label..

  • Go to the ‘Products’ tab.
  • Select Stock Status and Choose In Stock
  • Save your selection.
Add Product Labels to Stock Status

Visit the archive page to view the CSS Labels on the in-stock products.

Css Label For In Stock Products

Add Product Labels to Tags

In the paragraph explaining how to Create Product Label, you learned how to create a CSS label. So, after creating the CSS label..

Assign a tag to the product you desire in the image below.

Check Woocommerce Products
  • Go to the ‘Products’ tab.
  • Choose Tags and Select Included.
  • Select Tag You Desire For Example (Tshirt).
  • Save your changes.
Tags

Go to the archive page to see the CSS labels on the tagged products.

CSS Label On Archieve Page

View the CSS label on the product page.

CSS Label on Product Page

Shortcodes

Sale Badges And Product Labels Plugin To Woocommerce has the below shortcodes.

  • [asnp_badge hide="1"] to use on the product page.
  • [asnp_badge] to use on the archive product or product listing page.

If you would like to show a specific product sale badges, then use the below shortcodes.

  • [asnp_badge product_id=”7″ hide=”1″] To use on the product page, replace “7” with your product ID.
  • [asnp_badge product_id=”7″] To use on the archive product or product listing page, replace “7” with your product ID.
Posted on Leave a comment

How to Add Product Labels in WooCommerce

Enhance your WooCommerce store with Sale Badges and Product Labels! Boost product visibility and customizable labels. Get started now!
Sale Badges and Product labels in WooCommerce Plugin have the power to boost your store’s sales and wow your customers simultaneously. By highlighting special offers, discounts, or new arrivals, you can create a sense of excitement and urgency, encouraging customers to take action. In a crowded marketplace, standing out and creating a memorable shopping experience is essential. Product labels provide an opportunity to showcase your products in a unique and enticing way, ultimately leading to increased sales and customer satisfaction.

Why do you need to add Sale Badges and Product Labels for WooCommerce Plugin?

Adding sale badges and product labels to your WooCommerce plugin is crucial for various reasons. Firstly, sale badges help create a sense of urgency and excitement among customers. When they see a product with a sale badge, they are more likely to feel compelled to make a purchase, as they perceive it as a limited-time opportunity to get a good deal. The visual representation of a sale badge also catches the attention of customers, making the discounted product stand out from the rest, increasing its visibility and attracting potential buyers.

Secondly, product labels in WooCommerce can provide additional information and enhance the shopping experience for customers. Labels can be used to highlight specific features or benefits of a product, such as “new arrival,” “bestseller,” or “limited edition.” These labels help customers quickly identify products that align with their preferences or requirements. For instance, a “new arrival” label can attract customers who are looking for the latest trends or releases. By using product labels in WooCommerce effectively, you can effectively communicate key information and influence customers’ purchasing decisions, leading to increased conversion rates and customer satisfaction.

How to add a Sale Badges and Product labels to your Woocommerce Products

In this article, we will provide you with a detailed guide to adding Sale Badges and Product Labels and Countdown Timer to your Woocommerce Products easily.

Are you ready? Let’s dive in.

What you can do with Sale Badges and Product Labels Plugin?

The Sale Badges and Product Labels plugin for Woocommerce has listed powerful features and helps you to Sale Badges and Product Labels and Countdown Timer to your Woocommerce Products easily.

  • Over 200 Image Labels
  • Over 10 CSS Labels
  • 5 Advanced Labels
  • 8 Timers Template
  • Incorporate Gradient Colors
  • Implement Discount Rules
  • Add a Percentage Discount amount
  • Rotate CSS Labels, Image Labels, and Advanced Labels
  • Add Easy Custom labels on products
  • Access CSS label templates
  • Preview is available live for easy placement and customization
  • Add Badges to specific WooCommerce products, categories, or tags
  • Add Badges to “Is On Sale”
  • Add Badges to “In Stock” and “Out Of Stock”
  • Customize label attributes, including color, font size, line height, width, opacity, position, and much more
  • Transform And Rotate Css Labels
  • Set Toggle To the visibility of badges
  • Include an option to set an expiration Date and Time for badges
  • A unique feature for adjusting hooks that control the presentation of product labels, beneficial if your theme encounters issues displaying them or if you wish to reposition the labels
  • Adjust the Position of CSS Labels, Image Labels, and Advanced Labels
  • Include both Vertical and Horizontal Timers
  • Personalize Sale Timers with Styling Options
  • Sale Image Labels
  • Percentage Off Image Labels
  • Coming Soon Image Labels
  • Pre-Order Image Labels
  • Free Image Labels
  • Black Friday Image Labels
  • Valentine’s Day Image Labels
  • Xmas Image Labels

Installing Sale Badges and Product label plugins in WordPress

Follow these steps to install the Sale Badges and Product Labels for the WooCommerce plugin.

  • Navigate To Plugins.
  • Woocommerce Should be installed and Activated.
  • Click on Add New Plugin.
Plugins
Plugins
Install Badge and Product Label for WooCommerce
Install Badge and Product Label for WooCommerce

Now, Sale Badges and Product Labels for WooCommerce have been installed. Navigate to the Product Badges.

Product Badges
Product Badges

CSS Labels

After installing the Sale Badges and Product Labels for WooCommerce Plugin, you can create CSS labels as shown in the image below :

  • Click on “Add New” first.
  • Provide a name for the badge and select the “CSS Labels” tab.
  • Configure the label by specifying its text, text color, font, Label Color, Label Height and other customization options for the CSS label.
Click on Add New
CSS Labels Tab
CSS Label Color


You have the flexibility to alter the label’s Z-Index, adjust its opacity, invert the text, and reposition the label.

Change Position

After you have finished customizing the style, navigate to the “Products” tab.

  • Firstly, select the products you want and choose “Included”
  • If you want to add a new condition, click on the “+ Or Group” button, then select “Stock Status” and choose “Out of Stock”
  • Once you have completed these steps, click on “Save”
Products and Stock Status

Additionally, navigate to the archive page and click on the “Polo” as shown in the image below:

CSS Label on Archive Page
CSS Label on Product Page

Image Labels

You have the option to choose an image label and customize it as shown in the image below:

  • To begin, click on “Add New”.
  • Set a name, and you can enable or disable the status.
  • Select the “Image Label” tab and choose an image badge or upload the image you prefer.
  • You can adjust the image label’s size, z-index, opacity, rotation, and position.
Add New Image Label
Image Labels Tab
Change Image Label Size
  • After you have finished customizing the Image Label Style, navigate to the “Products” tab.
  • Choose categories, select “Included,” and pick “Clothing/Accessories” or your preferred category.
  • After you’ve finished these steps, click on the “Save” button.
Categories

Furthermore, navigate to the archive page to view the image labels and also observe the image label on the product page.

Image Label on Archive Page
Image Label on Product Page

Advanced Labels

You can choose an advanced label and customize it as demonstrated in the image below :

  • To begin, click on “Add New”.
  • Set a name, and you can enable or disable the status.
  • Choose the “Advanced Labels” Tab and configure your advanced label.
  • You can modify the text color, font size, and line height.
  • Additionally, you have the option to change the main badge color and secondary badge color.
  • You can also adjust the Z-Index, opacity, and position.
Add New Advanced Label
Advanced Labels Tab
Change Advanced Label Position
  • After you have finished customizing the Advanced Label Style, navigate to the “Products” tab.
  • Choose Products, select “Included,” and pick “Single (woo-Single)” or your preferred Products.
  • After you’ve finished these steps, click on the “Save” button.
Advanced Label Products

Moreover, go to the archive page to see the Advanced label, and also take a look at the Advanced label on the product page.

Advanced Label on Archive Page
Advanced Label on Product Page

Countdown Timer

You can select the Countdown Timer and customize it as shown in the image below:

  • To start, click on “Add New.”
  • Set a name, and you can enable or disable the status.
  • Go to the Timer Tab, where you have the option to change the timer’s status.
  • You must include both a “From Date/Time” and a “To Date/Time” for the timer to function correctly.
  • Choose the Timer Style, and you can customize the background color and text color.
Add New Timer
Timer Tab
Change Timer Background Color
  • You can adjust the timer’s width and height, change the font size and line height, modify the z-index and opacity.
  • Additionally, you have the option to change the timer’s position and labels.
Timer Position
  • Once you’ve completed customizing the Timer style, proceed to the “Products” tab.
  • Select “Tags,” choose “Included,” and pick the “Tshirt” tag.
  • After you’ve finished these steps, click on the “Save” button.
Tags


Furthermore, navigate to the archive page to view the Timer, and also observe the Timer on the product page.

Timer on Archive Page
Timer on Product Page

Schedule and Percentage Discount amount

You have the option to choose the CSS Label, apply a percentage discount amount, schedule it, and customize it as depicted in the image below:

  • To start, click on “Add New.”
  • Set a name, and you can enable or disable the status.
  • Navigate to the CSS Label Tab.
  • Specify a label and activate the Percentage Discount amount checkbox.
  • Choose the Label Style and modify the label’s color, width, and position.
Add New
Percentage Discount amount
Change Color
Change Position
  • Once you’ve completed customizing the Timer style, proceed to the “Products” tab.
  • Select All products.
All Products
  • Navigate to the Schedule Tab.
  • Select Date and Specify the “From Date” and the “To Date.”
  • Select Days and Choose the days you desire.
  • After you’ve finished these steps, click on the “Save” button.
Schedule

Furthermore, navigate to the archive page to view the CSS Labels, and also observe the CSS Label on the product page.

Archive Page
Product Page

Shortcodes

Sale Badges And Product Labels Plugin To Woocommerce has the below shortcodes.

  • [asnp_badge hide="1"] to use on the product page.
  • [asnp_badge] to use on the archive product or product listing page.

If you would like to show a specific product sale badges, then use the below shortcodes.

  • [asnp_badge product_id=”7″ hide=”1″] To use on the product page, replace “7” with your product ID.
  • [asnp_badge product_id=”7″] To use on the archive product or product listing page, replace “7” with your product ID.