Customer Login
072 492 7716
viljoen@digivalie.com
Get a Quote

Skyrocket your sales, add a product size guide, and use live sales to build trust and urgency

We’ve spent time setting up your store, but now it’s time to shift gears. Let’s talk about what really matters and that is turning visitors into paying customers. In this lesson, we’re diving deep into the powerful features designed to transform your store into a high-converting, revenue-generating machine.

While we can’t control your product’s appeal or how much traffic you drive, we can make sure that once customers land on your store, every element is fine-tuned to guide them seamlessly from curiosity to checkout. From the moment they arrive, we’ll optimize every step of their journey, so they don’t just browse, they buy.

To edit the advanced features, you need to go to your dashboard and click on the button labeled “Do It Now” from Sales Booster under the “Store Setup” Section. You can also go to the Sales Booster link located on the left sidebar and click on “Commerce Kit”.

Wait for the screen to load. You will see a list of features that you can add. 

You can either click on the feature’s name on the left-hand sidebar or on the button labeled “Configure”. Let’s start from the top of the list and work our way down, starting with the Ajax Search bar.

Click on any of the links below to go to that section:

Let’s start with the Ajax Search bar by showing you what it looks like on the storefront.

Ajax Search

You can make shopping effortless with the powerful AJAX search bar. As customers type, they get instant, relevant suggestions based on their search terms, helping them find exactly what they need in seconds. 

Let’s go back to the settings and edit the search bar.

You can enable or disable the search bar. We recommend keeping it enabled. You can also change the placeholder text which is in this case “Search Products”. The placeholder text must give a clear instruction to your customers.

You can include or exclude out-of-stock items and configure their order by adding them to the end of the search results. You can also exclude individual products by adding their IDs and separating them with a comma. We showed you how to find the product IDs in the previous lesson.

You can also list the number of products you want to display. In this case, it is left to 5 products. You also have the option to display other results such as pages or posts when no product matches the search.

Under “Clear Ajax Search Index”, you need to make sure that the number of indexed products matches the total products. Click on “Save Changes” and then go to the “Reports” tab located at the top.

Our reports section tracks the most searched terms, giving you valuable insights into what shoppers want so you can stock smarter and sell more.

Attributes Gallery (For Variable Products)

This feature allows you to add additional product image galleries for each single attribute. Let’s say you sell t-shirts that come in different colors, you can set a separate gallery for each color such as Blue, Green, Yellow, Red, etc.

You have the option to disable this feature, but we have left it enabled for you. You can create an attribute gallery within the product page.

Attribute Swatches (For Variable Products)

WooCommerce typically displays product variations in dropdown menus. This setup isn’t great since it hides the options and requires users to click before they can see what’s available. Our new attribute swatches module changes that by transforming dropdowns into eye-catching color swatches, images, or labels.

Let’s go to any of the products to see what the swatches will look like. Let’s take a look at the Tan Leather Loafer Shoes to see what the size swatches will look like. You will see that they look like buttons that you have to press to select the size you want. 

Let’s go to the settings to see what we can customize regarding the swatches. You can enable or disable the swatches and display a tooltip when someone hovers over them. We recommend that you keep these settings enabled and leave the button style as a square.

Another option is to enable the attribute swatches on Product Listings Pages. This feature is especially useful if the majority of your products are variable products. Let’s enable it and then click on save to see what it is going to look like.

Go to your homepage and scroll to any product listing. You will notice that the swatches were added to the product listing. You can select any of the values and then “Select options” to go to that product page. 

You can enable the quick cart button where your customers can add the product directly to their cart instead of going to the product page when selecting a value. Enabling the Attribute Swatches on Product Listings Pages will not be suitable for every type of store, which is why we left it disabled as default.

Countdowns

Countdown timers boost conversion rates by creating urgency and scarcity, triggering the fear of missing out (FOMO). They push customers to act fast, reducing procrastination and encouraging impulse buying. Limited-time offers appear more valuable, making promotions feel legitimate and trustworthy. 

Timers also increase engagement, keeping customers on the site longer and accelerating decision-making. Whether used for flash sales, limited stock, or free shipping deadlines, they make customers feel they must buy now or risk losing out.

We make use of 2 countdown timers that are located on the single product page and checkout page. Let’s see how they will look starting with the single product by going to any single product that is on sale.

Next, we need to add any product to the cart and then go to the checkout page. Notice the countdown timer at the top of the page that will push the customer to make the sale before the product is taken out of their cart.

Now, let’s go to the settings.

Single product page settings

We have already set a timer for you that will appear on all single-product pages where the products are on sale. All you need to do is to set the starting and ending dates. Start by clicking on the countdown we have created for you.

You can enable or disable the countdown and change the title and labels. You can choose whether you want the countdown to be one-time only, evergreen, or a single campaign.

If one time only is selected, the countdown will start immediately and end based on the number of days or time criteria you have set. For the Evergreen option, the countdown will start every time a new visitor visits your page making it more dynamic.

If you select the single campaign option, you will have the ability to schedule the countdown by providing a starting and ending date. This is the most common and preferred method to use the countdown timer.

You can also set the conditions for the timer. In this case, we are going to select option labeled as specific categories and then we are going to select the “Sale” category which makes the most sense.

Checkout Countdown settings

Under the checkout countdown, you can enable or disable the option. You can set a title and an expiry message for the countdown. Under the timer, we have set it to start at 59 minutes. Once a customer adds a product to the cart, this timer will start.

Free Shipping Notification

A free shipping notification that shows how much more a customer needs to spend to qualify works like a psychological trigger. It creates a goal, making people more likely to add extra items to their cart rather than “wasting” money on shipping. 

Instead of feeling like they’re spending more, they see it as getting more value. It also reduces hesitation at checkout, increasing the likelihood of completing the purchase.

Let’s see it in practice. First, add a product to your cart and then the mini cart will slide in from the side. Notice the blue bar at the top displaying how much more they need to spend to get their shipping for free. It will also be displayed on the cart page itself.

Let’s go to the settings and see what we can change.

First, you can choose where you want it to be displayed and you can also change the notification. We have already added the initial message, progress message, and success message for you.

You can also change the color of the progress bar to any color or that of your brand. If you have multiple shipping classes, then you can also add them here which will disable the progress bar once any of the products under the class is added to the cart. 

The “Continue Shopping” link, we will keep as default. Next, we are going to cover the Order Bump functionality.

Let us edit the next feature which is going to be the order bump

Order Bump

An order bump in eCommerce is a special offer that appears during the cart page and the checkout process, encouraging customers to add an extra item to their order with just one click. It’s usually a low-cost, high-value product related to what they’re already buying.

Think of it like grabbing a chocolate bar at the grocery checkout—it’s an easy, last-minute addition.

Order bumps help increase the average order value (AOV) without interrupting the buying process. Unlike upsells, which often happen after checkout, order bumps appear before payment is completed.

The order bump will be visible on the mini cart and checkout of the page. First, let’s add a product to the cart and then go to the mini cart to see how its going to look like. You will notice that there is an upsell on the mini cart page. The order bump will also be visible on the checkout page.

Let’s edit some of the settings.

On the settings page, you will see that you can enable and disable the order bump on both the mini cart and checkout page. You can also enable multiple order bumps within the mini cart or checkout. We recommend to only keep the order bump to only one.

Let’s start with the mini cart. You can click on “Add new order bump” or edit the existing one. Let’s edit the first one. First, you have to select the product which you want to boost, and then add a catchy title to entice the customer to add this product to their cart.

You can change the button text, but let’s leave it to “click to add”. You can also set conditions for the order bump to display. You can choose from multiple options but as an example, we have selected “All products”.

You can also set a condition where the cart value needs to be in a specific range for the order bump to appear. In this case, we leave it out.

You can do the same on the checkout page as the setup criteria are the same. Click on “Save Changes” before exiting.

Product Badges

The product badges will be located in the top left corner over the featured image of the products. The badge automatically displays the discount when a product is on sale. But what if you want to add additional badges to your products?

We have already created 2 of the most common badges for you labeled as “Best Seller” for your best-selling products and “Limited” for products that you are not going to restock again soon.

We have also added a badge labeled “New” that will be placed on products that were added within 30 days.

To edit the badges, go to its settings and select the badge you want to edit. From there, you can change the text on the badge, colors, conditions, and the location where it will be displayed. Under conditions, you can choose all products, and specific categories or you can individually add the products yourself.

You have the same settings under the badge labeled “New Product Badge”, except that you can add the days displayed options which is currently set to 30 days.

A product image gallery is essential for online stores because it helps customers visualize the item from different angles, making them more confident in their purchase. High-quality images showcase details like texture, color, and craftsmanship, reducing uncertainty and the likelihood of returns. 

A well-structured gallery with zoom and 360-degree views mimics an in-store shopping experience, boosting engagement and trust. Plus, lifestyle images show the product in real-world settings, helping buyers imagine how it fits into their space or wardrobe.

Let’s edit some of the settings. Under the product gallery, you can enable or disable the gallery if you want to hide it. You can also enable the lightbox features which opens the image in full view. You can also add videos to the gallery that will autoplay.

What you might want to change is the layout of the gallery. Currently, the gallery images are located to the left of the featured image. There are many options to choose from and you will see a quick preview on the blue layout of how it going to look if selected. You can also change the mobile view of the gallery.

Featured Review

Let’s say one of your customers, someone famous or a leader in your industry left a very positive review on one of your products. The last thing you want to do is for that review to go to waste. 

We have allowed the ability for you to add something which is called a “Featured Review” below the gallery so that all potential customers can see how other customers feel about the product. We have already enabled this feature for you and all you have to do is to go to the specific product page and update the review.

We have added one for the “Emerald Green Shoes” as an example. Scroll down the page until you see the section called “Gallery Featured Image”. Upload a small image of the reviewer (preferably 150 by 150 pixels) and add the text quotation marks with the name next to it.

Size Guides

If you have products that come in different sizes for your customers to wear then you are in for a treat. We added a size guide functionality to the store where you can create multiple size guides and link them to your products.

A size guide is crucial in an e-commerce store because it helps customers choose the right fit, reducing the chances of returns due to sizing issues. Unlike physical stores, online shoppers can’t try on clothes before buying, so clear measurements and comparisons ensure they make informed decisions. 

When customers receive items that fit well, they’re more satisfied, which leads to fewer returns, lower shipping costs, and a better overall shopping experience.

With this feature, you only create the size guide once instead of having to create one for each product. The size guide will be visible on each product page under the “Add to cart” button. A side panel will then open once you click on the link labeled “Size guide”.

Size Guide Settings

Now that you know what it is going to look like, let’s edit some of the settings. Under the Size Guide tab, you can enable or disable this feature. You can also choose the size guide label and choose a default size guide.

You can also change the icon by uploading an SVG code and choosing the way it is displayed. In this case, we add it as a modal slider that slides in from the right. Click on “Save Changes” so that we can edit the guide.

Editing a Size Guide

To edit any size guide, you need to go to “products” and then to “Size Guides” under the left sidebar. You can also go to Size Guides located under Sales Booster. Wait for the page to load and then you will see all the size guides available. Size guides are created as a post enabling you to edit them and add a new one.

To create a new one, we recommend you duplicate the one labeled “Men’s clothing size guide” and then click on the edit link of the copy that you just made. You can rename it by changing the title, upload a new image to give your customers a visual guide, and edit the instructions on the right side.

We have also added a table that you can edit to add all your sizes and their measurements. After you have edited the settings, you can now choose the conditions for when this guide should display.

Go to the right under settings and click on the tab labeled “Size Guide”. You can select products individually, and choose from categories, product tags, and even product attributes that we think are the most effective.

Under product attributes, you can select the correct sizes that are displayed in the table on the left. Using product attributes will make sure that the correct Size Guide will be displayed whenever a specific size is selected on the product page.

This is especially useful if you have size values for different products such as clothing and mattresses that use different size values such as small, medium, and large for clothing and single, twin, queen, and king for mattresses.

Sticky Add To Cart

A sticky add-to-cart button keeps the purchase option visible as customers scroll, making it easier for them to add items without having to scroll back up. This reduces friction, improves user experience, and increases conversion rates by keeping the buying action accessible at all times. 

It’s especially useful on mobile devices, where long product descriptions can push the button out of view.

Let’s show you what it is going to look like. You can view any of your products as it will be only displayed on product pages. A fixed top bar will appear on top of your screen once you start to scroll down.

It makes use of jump links that will take you to the description, additional information, and reviews. It also has an add-to-cart button for quick access. We have already enabled it for both desktop and mobile. For mobile, it will only display the “add to cart” button at the bottom of the screen.

Stock Meter

A low stock meter on a product page triggers urgency and scarcity, two powerful psychological drivers that push customers to act fast. When shoppers see that only a few items are left, they fear missing out and are more likely to complete the purchase immediately instead of waiting.

This reduces hesitation, shortens decision-making time, and ultimately increases conversions. It also adds social proof—if an item is almost sold out, it must be popular and worth buying. Let’s see how it will look on the product page by looking at the grey t-shirt.

The stock meter will be displayed under the “add to cart” button. It will give a description of the stock level and a bar representing the volume. If your stock is very low, the bar color will turn red and display the number of items left. Let’s edit some of the settings.

Go to the Stock Meter settings and you will notice that we have already enabled it for you. We have 3 different bars to show which are for specific stock levels such as “Low stock”, “Regular stock”, and “High stock”.

You can edit the stock text that will be displayed with the “%s” parameter for the number of items currently available. We have already added the text for you.

You can also change the stock threshold of each level. We have already added the levels for you, but you can change it if you want. You can also choose the display conditions. In this case, we have selected the option labeled “All Products”.

Waitlist

A waitlist for e-commerce stores using emails is a powerful tool to build excitement, gauge demand, and secure potential buyers before a product launches. It creates a sense of exclusivity, making customers feel special while allowing businesses to collect valuable leads. 

With a direct line to interested shoppers, stores can send updates, early access offers, and personalized promotions, increasing conversions. Plus, a waitlist helps predict inventory needs, reducing waste and maximizing sales.

We have added a feature where your customers have the option to go on your wishlist for a specific product if you do not allow backorders. Let’s see what it will look like. We are going to view the product named “Relaxed Fit Joggers” which is currently out of stock.

You will notice a grey button labeled “Get notified”. The customer then needs to add their email address and click on the checkbox to give consent to be emailed. When you go to the section labeled “Waitlist”, you will notice that an entry was added giving the email and product under the list.

Under products, it will showcase all the products that are on someone’s waitlist and also the number of customers for each product. This data will give you a better idea of which products to prioritize for adding to your stock level.

When you go to settings, you will have the option to disable the waitlist and to change some of the text. Let’s leave the settings as they are. Next, let’s go to the emails section. Under “from email” and “from name”, you should add your store’s email and name. The emails that are sent from your store to the customer will require this information.

It is best practice to use the same email as the one you set under Woocommerce settings for email notifications. It should be a domain-related email such as sales@yourstorename.com. Gmail and Yahoo related email addresses will not work, because they are sent from a different server.

The notification email can be the same one as the “From” email. The notification email will receive a message from the store to notify you if any of your clients were added to the waitlist. Your customers will also receive two emails that include a notification when they sign up for the waitlist.

They will also receive a notification when the product is back in stock. All the emails will be automated and you do not have to send them manually. Most of the work is done for you and all you have to do is add your email addresses and store name. Under integrations you can choose self-hosted for the email provider.

Wishlist

A wishlist is a feature on an e-commerce store that allows customers to save products they like but aren’t ready to buy yet. It helps drive sales by keeping shoppers engaged, reminding them of items they want, and encouraging impulse purchases when they return. 

Wishlists also provide valuable insights into customer preferences, allowing businesses to send targeted promotions and restock popular products. Plus, they create a sense of urgency, especially when stock is low or prices drop, pushing hesitant buyers to complete their purchases.

Let’s see the wishlist in action. First, you need to go to any of the products and then under the “add to cart” button, you will see an “add to wishlist” link with a heart icon. Whenever the customer clicks on it, the product will be added to the wishlist.

Let’s click on it to see what will happen. Once added, you will notice that the link has now changed to “Browse wishlist” which will take them to the wishlist page where they will see all the products they added.

When you go to settings, you will see that we have already enabled it for you. You can choose to display it on product pages or catalog pages or even both. You can also change some of the text, but we recommend you leave it as it is. 

You can choose the page for the wishlist. We have already created the page for you and it is already selected. You will also see that there is a report section where you will see the number of wishlists and the products. Keep in mind that it takes 24 hours for the list to update.

Live Sales Notifications

Live sales notifications on a store homepage create urgency, build trust, and boost conversions. When potential customers see real-time purchases, it reassures them that others are buying, making your store feel active and credible. 

It also triggers FOMO (fear of missing out), pushing hesitant buyers to act quickly before items sell out. This subtle social proof increases confidence, making shoppers more likely to complete a purchase instead of abandoning their carts.

Let’s show you what it looks like in practice. Go to your store’s homepage, and you will notice a popup at the lower left corner of the screen. It will give a notification displayed on your store for any purchases that were made recently. It will make your store look busy and more credible, boosting sales in the process. If you cannot see the popup, then you need to clear your browser cache or view your store in a different browser.

Let’s show you how to set it up. 

You can go to your dashboard and then go to the menu item labeled “Sales Booster” and then click on “Live Sales Notification”. Wait for the page to load and then go to the General tab.

We have already set this up for you so you do not really need to change anything, but let’s show you some of the settings for if you want to make any changes. You can choose to display recent sales or random sales.

You can choose to enable the no-repeat setting which will prevent any popup from showing up more than once per visitor to your store. You can also choose to enable orders that are in processing which will result in more orders showing on your store.

You can also choose to add review popups of any reviews that were left with 4 stars or above. We prefer to only focus on recent sales that were made, but you can enable this feature if you want to.

The number of popups along with the time duration and interval can also be changed. We have tested these time settings on multiple stores and found the current settings to work the best. The last thing we want to do is to bombard your customers with too many notifications. 

You can also set it up so that logged-in customers to see their own orders in the popups. We believe this feature will increase the authenticity of your popups to prevent customers from thinking they are fake. You can disable this if you think your customers would not want their names to appear on any notifications.

We have disabled the customer avatar and we prefer to display the image of the product instead. Most customer avatars do not make any sense and we believe product images work better.

We also recommend that you disable the popups on mobile, because of the limited space on the smaller screen and to not hide the close button. If any of your customers find the popups annoying or they do not want to see it, then we want to give them the option to close it. The popup will not show again during their current session. Click on Save Changes and go to the content template in the next tab.

From here you can edit some of the text that will be displayed on the sale and review popups. You can also add or remove any of the tags or placeholders that will be displayed on the popup. Remember to add the {new_line} tag if you want to move the text after it to a new line.

We are going to skip the “Custom Popups” and “Advanced” settings and go to filters instead. From filters, you can choose which pages you want the popups to show and you can also exclude pages by adding their URL into the text box. Remember to add a comma after each URL that you add.

You can also choose which categories you want the popups to show and you can also select the products that you want to exclude from the popup. You can also choose to enable or disable out-of-stock products. Click on Save Changes when finished.

In the Style section, you can change the font size, the shape of the popup, the size, the position and also the popup animation. You can also play around with the colors. We have already chosen neutral colors for you. You can see a small preview of the popup that will reflect any of the changes that you have made.

And that is it for live sales notifications and all the other advanced features available in your store.