Guide on Building Personalized WooCommerce Product Labels

Guide on Building Personalized WooCommerce Product Labels

Elevate your WooCommerce store with Custom Product Badges! Here's a step-by-step guide on how to create and use them, using the Orderable Pro plugin.

Get Your Store Online with Orderable

Orderable is a user-friendly plugin that enhances your restaurant website by adding online ordering, modifiable menus, customized delivery schedules, and more.

Get Orderable

But first, let's clear up what WooCommerce Product Badges are.

What are WooCommerce Product Badges?

WooCommerce Product Badges, in essence, are text and/or icons that either overlay the product image or are placed next to specific products. These badges can highlight product features, boost sales, showcase social proof, and much more!

How can you use Product Badges in your online store?

• Showcase product features: Use dietary labels like gluten-free, vegan, or halal.
• Increase sales: Highlight on-sale or new products with sale badges or a "pick of the day" or "new product" badge.
• Display social proof: Add popular product labels, bestsellers, or "going fast" badges.

Badges can make your products stand out, drawing attention to crucial features or benefits. The possibilities are endless! If something attracts more customers, experiment until you find what works best for your store.

Why Use Product Badges in Your Online Store?

At this point, you might ask, "Why add product badges to my store?" Let's discuss a few benefits:

Product Badges Boost Sales

Product badges offer customers relevant information, enhancing decision-making, and ensuring they buy products meeting their needs and preferences.

For instance, if you run a restaurant or sell food items, it's essential that customers quickly find items matching their dietary preferences. By adding product badges, you'll retain those customers and reduce the risk of losses.

Product Badges Showcase Social Proof

Social proof is essential. Customers look for signs that your site can be trusted, and product badges can offer that proof by indicating that other people are buying from your store.

By strategically using badges like "Popular" for frequently purchased products or "Going Fast" for low-stock products, you'll provide customers with a visual representation of social proof at a glance.

Product Badges Improve Customer Experience and Trust

Product badges make it easier for customers to find what they're looking for, as they can quickly identify products that meet their requirements.

For example, if you sell food items, this can be done by using badges for dietary labels, spice levels, chef's choice, etc. If you don't sell food, these badges could highlight new products, top picks, holiday-themed, and more.

By using WooCommerce Product Badges in this way, you'll show you prioritize your customers' experience and needs when they're browsing your store. Improved customer experience leads to increased trust, ensuring customers return to buy again.

Since WooCommerce, by default, doesn't allow you to add badges, we'll need a plugin to help us do it. In this case, the online ordering plugin, Orderable Pro.

How to Create Custom WooCommerce Product Badges

Follow the steps below to add product labels to your WooCommerce store using Orderable Pro.

Create Product Badges with Orderable Pro

Orderable Pro is a WordPress plugin that lets you add product badges to your WooCommerce store.

What can you do with Orderable Pro's WooCommerce Badge Management features?

• Create unlimited custom WooCommerce product badges tailored to your store's specific needs.
• Create text badges, icon-only badges, or both.
• Customize the look and feel with infinite styling options, such as customizable background colors, text colors, icons, and more.
• Assign badges to products as if they were product tags.
• Decide where product badges will appear on both product and shop pages.

Unlike traditional image-based badges, Orderable Pro's badges come without images. Instead, they consist of icons and/or text, guaranteeing no loss in site speed and little effort required. Plus, no coding knowledge is necessary, as Orderable Pro offers built-in settings for creating badges in no time.

Orderable Pro is merely one feature among many others, including:

• Streamlined, easy-to-use checkout.
• Adding tips to the checkout page.
• Creating and adding delivery/local pickup time slots for customers to choose.
• Incorporating product add-ons for order customization.
• Adding order bumps to increase your average order value.
• Sending email, WhatsApp, and SMS order notifications.

Orderable is an excellent addition to any online store that seeks greater control over its customer's ordering process.

Now that you know what Orderable can do, let's get it installed and use it to create your WooCommerce product badges.

Step 1: Install Orderable (Pro)

Start by purchasing Orderable Pro at our website.

Step 2: Change Orderable Settings to Suit You

Adjust a few basic settings by taking the following steps:

1. From your WordPress dashboard, go to Orderable > Settings and click the Store Settings tab at the top of the page.
2. Customize your store's operating hours, enter your restaurant's details, select a timezone, pick the services you'll provide (delivery or local pickup), set your service hours, add a holiday, and more.
3. Alter whatever settings you want based on your store's specific needs. Orderable comes with documentation to help you understand each set of settings.
4. When satisfied, click the Save Changes button to apply the changes.

Step 3: Create Your WooCommerce Product Badges

With the basic settings ready, let's create and customize our product labels/product badges:

1. On your WordPress dashboard, go to Orderable > Product Labels. Click the Add New Label button on the Product Labels page to create a new product label.
2. Fill in the Name, Slug, and Description fields as desired.
3. Now, customize the product badge's design:
4. Choose a display option, such as Icon, Icon and Name, or Name and Icon. This will determine the badge's contents.
5. Modify the background and foreground colors.
6. Select an icon (if using an icon and text).
7. See the live preview of your label as you make changes.
8. Keep creating product labels until you're satisfied. Remember that you can create unlimited badges!

Once done, we'll need to determine where and how the product badges will be displayed on your online store.

Step 4: Add Product Badges to WooCommerce Products

Now that we've created our product badges, let's assign them to your products:

1. Go to Products > All products on your WordPress dashboard. Click Edit under a specific product.
2. In the Product Labels section below the product tags box, type the name of your product label and select it from the suggested options.
3. Click Update when you're done.

Now, let's adjust the position of the product badge:

Step 5: Display Your Badges on the Shop Page and Single Product Page

Display WooCommerce Product Badges on the Shop Page

First, Orderable comes with Product Layouts, which act as archives, shop, or category pages but with additional features. Use these layouts to add product badges to the category page:

1. Go to Orderable > Product layout on your WordPress dashboard.
2. Edit an existing layout or create a new one.
3. Scroll down the product layout edit page and modify the product label position in the Labels section.
4. Save your changes.

A sidebar will open when a customer clicks on a product in your product layout. This resembles a single product page, where customers can see product details, add-ons, and more. Additionally, they will see the product labels you've assigned to this product, and you can control their display location.

Customize Where Your Product Badge Appears in the Side Drawer

1. From your WordPress dashboard, go to Orderable > Settings and click the Side Drawer link at the top of the page.
2. Scroll down until you reach the Product Labels section. Select where you want your badges to appear using the dropdown.
3. Press the blue Save Changes button.

And that's it! Now you can create custom WooCommerce product badges in no time with Orderable Pro, boosting customer experience, trust, sales, and overall online store success. Get started today to level up your storefront!

• To improve customer experience in an online store using Orderable Pro, create and use custom WooCommerce product badges.
• Use Orderable Pro's WooCommerce Badge Management features to set up product notifications, such as highlighting new products, on-sale items, or dietary labels, enhancing the online ordering process.

Read also: