123]? The countdown timer can help you increase product sales. This is a good way to inform your customers that discounts, new products release, discounts, and upcoming activities. In this article, we will show you how to easily add the countdown to your online store. Prior to this, we will introduce why adding countdown timers to the Woocommerce website.
Why add product countdown to WooCommerce?
The main purpose of adding countdown to adding a countdown to Woocommerce is
announced product sales, transactions and discounts
. The countdown shows the remaining time and remaining products in the inventory, so as to produce a sense of urgency among customers. According to research, people will take action in emergency situations because of FOMO (afraid to miss). This is also the marketing technique of many online business owners. Because of worrying about missing discounts, it
encourages visitors to buy products/services before the time is used up
.
This technology is even the largest e -commerce website and many others by Amazon and Global AliExpress Websites use, especially during Christmas, New Year’s Day and Black Friday.
Therefore, adding the countdown to Woocommerce is one of the best strategies for adding sales and promoting transformation to
. To this end, you can use product countdown to display clearer information about your sales activities.
Ding the words, let us go directly to how to do this.
How to add the countdown of the WOOCOMMERCE product?
The easiest way to add the countdown of the Woocommerce product is
Use a special countdown plug -in
. These plugins
are easy to configure , and you can use simple code to insert into the posts and small components. Therefore, let’s take a look at some popular plug -ins, and how we use them for your Wooocommerce product.
Inconsistent sales
[12]3]
Sales Countdown Timer is a WordPress plug -in, allowing you ]. The plug -in is very easy to configure and integrate into any projects with advanced options.
It allows you to display a custom countdown timer, which can be included in the side barons, posts, or pages through a simple code. Can create them for a single product, or to create a batch countdown timer for variable products.
Main features: Generate a short code
Simple and clean interface
Easily change the font and color through the plug -in option
- ] Automatic countdown reset option
- Price:
- Sales countdown timer is a free plug -in. It can be found in the official WordPress plug -in repository.
- Yith Woocommerce product countdown
Yith WooCommerce product countdown
is another plug -in helping you to increase website sales. It is a perfect tool for creating a striking countdown
in the post on the e -commerce website
.
It was developed with HTML5 and was completely customized. In addition, it perfectly cooperates with the new Gutengbao editor, and you can also display the number of available or sold out items. Main features: Creation progress bar
Compatible with mobile devices
Customized text and color
- Change the timer type
- Price:
- Yith WooCommerce Product Timer is a high -end plug -in with an annual fee of $ 65. It includes 1 year update and support and a 30 -day refund guarantee.
- How to use plug -in to add woocommerce product countdown:
If you are looking for free options for adding product countdown for your WOOCOMMERCE website, we recommend that you use
Sales countdown
]. We will also use it in this demonstration.
But before we start, make sure that you use a compatible Woocommerce theme to set woocommerce correctly to avoid any theme or plug -in conflict. Now, let’s start with installation and activation plugins.
1. Install sales countdown plug -in
The first thing you need to do The plug -in \u0026 gt; adding a new page in the WordPress management area . Then search for Sales Countdown Timer in the search bar.
This should provide you with the plug -in in the WordPress plug -in directory in the search result. Click the
next to the plug -in to install the button immediately. After the installation process is completed, activates
it.
If you want to use the high -end version of this plugin, you must upload and install it manually. For more information, please see our detailed guidelines on how to manually install WordPress plug -in.
2. Configuration plug -in settings After the plug -in activation, you need to set the plug -in. You can find a new option \” countdown \” in the WordPress instrument menu. After opening it, you will see a switch button that allows you to enable or disable or even delete the countdown timer on the Woocommerce website.
, there are three main settings to configure and set the plug -in. They include conventional settings, design and WoOOCOMMERCE products. Let’s see how to configure the plug -in settings. 2.1) General settings In the conventional settings, you can set a name for the countdown, so that you can find it when you add countdown to a single product page
Sales countdown configuration file
.
Next, you must set the date and time to
Arrange the countdown of the product. There are more functions in the conventional settings, such as \”countless green trees\” and \”re -start counting time\”. They can only be designed in the high -end version of the plug -in
2.2)
You can customize the overall appearance of the countdown device in . you canConfigure a total of 10 options to match the countdown chronograph with your website. They are:
Message
: Add text messages that appear on the front end
Time partition : Select the separator, such as a colon (a colonel (a colonel (a colono :), commas (,), point (.). Time unit
- Date Time format style: Select various time format styles
- Select the top or bottom position to use it to use Show time unit.
- Select the default or slide animation style for the countdown
- Continuous timer: Select color for the background, frame, interior border and border radius of the countdown
- counter timer Set color for counter timer project
- : The background color and font size of the custom date time value Date time unit
- 2.3) Woocommerce product settings
- Finally, the Woocommerce product setting allows you to configure the display of countdown products. You can enable adhesive timers for the product and adjust its position on a single product or archive page.
Date time unit position:
Animation style:
: Select various layout for the countdown [ 123]
Date value
:: Customize the background color and font size of the unit.
Similarly, if you want to display the countdown timer on the store or category page, you can do this. You can even adjust the size of the timer for these pages on the mobile device.
In addition, you can also use the countdown to the upcoming sales. All you have to do is add custom messages to your website.
Finally, you can also get the scitter option of the countdown. You can configure these settings to view the order status of availability and product . Not only that, you can also customize the design of the progress bar.
The first thing we can see in the progress bar is the part of the progress of the progress bar. Here, you can use
{Quantity_sold}/{GOAL} Sold
and other short code configurationInterest
Next, we can choose the type of progress bar type type. Come and see how much your product has been sold. There are two options two options. If you choose to add options, your product column will fill the products you buy each time.
In addition to the type of progress bar, you can also see the \”Order Status\” option. This option allows you to choose a order status first, and the progress bar will only calculate the selected order status.
You can also choose the position of the sales progress bar. You can display the countdown clock and the progress bar above and below the two positions.
For the last configuration, you can change the text, background, and border radius color of the input bar.
3. Add the countdown timer to a single product After the configuration is completed, you can now easily add the countdown to your Woocommerce product from the editing order page. Just turn from WordPress instrument board to Product \u0026 GT; All products . Here you can see all your products. You can click Edit or select the product to set up the countdown
This will lead to product editing page. Then, roll down, you can see
product data with multiple options in the drop -down list
. Since we are adding a countdown to a single product, you should choose
\”Simple Product
\” from the drop -down list.
In the conventional settings, you can set up normal prices and sales prices. Below it, click the \”Plan\” option after the \”Sales Price\” option. We can see other countdown timer settings , you can set the date and time of countdown.
In addition, you can also choose the countdown timer configuration file we created during configuration. In our example, it is \” inventory clearance \”. You can name the name of the configuration file based on your sales activity. can also be used to enable the progress bar through this box.
Then, you have to do
Set a goal and initial number , so that your customers know how many products are sold or available. After completion, click to update button. As a result, you can see that the counter timer is displayed on the product page.
3.1) Add the countdown timer
If you want to Add the countdown to other Woocommerce pages
instead of the product, you can simply use the short code. They are provided on the countdown setting page. Just copy the short code.
What you need to do now is the page you want to display the countdown of the product. Then paste the short code here.
Finally, click Update . If you preview the page, you can find the countdown in front of the page.
4. Add batch sales countdown to variable products We have seen how to add WooCommerce product countdown timer to a single product. Now let’s see how adds batch sales to products with variants or
variable products
.
Previously on the product editing page, we set a single product to \”simple product\”, but now we need to change the product type from the drop -down menu of the product data to \” variable product\” Essence
You may notice that these settings are different from simple products. But the process of setting counting is the same as a single product of variable products.
Select change
from the option, and then set the date and time of the countdown to the goal and initial quantity of the product again. You can also enable or disable the progress bar by selecting the box.
Since then, you should turn to Product \u0026 GT; All products. To add batch sales countdown, we must filter the product type, select
variable products
from the drop -down menu, and then click the filter button.
Now you can only see the variable product list in the product list. Select the variable product and select to edit from in batches , and then click the
application
button next to it.
If you roll further in the editing page, you can find the batch sales of the variable products.
After editing the batch sales countdown device according to your preference, click
to update . Reward: Automatically completing the WoOOCOMERCE order We have shown you one of the simplest ways of adding a woocommerce product countdown to you. They are very useful to inform your customers about discounts. But as a reward, we will also provide this guide to quickly respond to the customer’s order by automatically completing the customer’s order.
The easiest and fastest way to automatically complete the order of Woocommerce is to use special plug -ins.
We will use the guide to complete the WoOOCOMMERCE order plug -in for this guide. So let’s continue installing the plug -in. For this reason, please go to your
wordpress instrument board \u0026 gt; plug -in \u0026 gt; add a new and search in the search bar to automatically complete the WooCommerce order. After the results are displayed, click
to install the
button immediately and
to activate
it.
Before we further, we need a PayPal token to set the AutoComplete Woocommerce plug -in. You can easily find the token from your PayPal account. Therefore, let’s get the token first.
Set the PayPal data token
The first step is to log in to your PayPal account. Now set your PayPal account by clicking the \”Settings\” button in the navigation bar.
You will find various options, but you should click the \”
seller tool \” tab. Make sure you click Update
website first option
.
Then, roll down to Auto Return
and
Enable Auto Return Option . After doing this, you can add a field to your back URL page. Remember, whenever your user signs the page, they will be redirected to the page you choose.
After selecting the back of the URL, save the settings. If you go furtherMove, you can access your PayPal data token. Copy identity token and
Enable payment data transmission options
.
The configuration automatically completes the order plug -in To configure the settings of the plug -in, please go to WooCommerce \u0026 GT; Set and open
Automatically complete the order
tab.
You can find 3 different modes.
Only pay orders for virtual products
All the payment orders of any product
Any order (paid or unpaid)
Select the mode you want on your website. In addition, please remember that your order will be automatically processed according to the mode you choose
. For example, if you select all the payment orders
options of any product, the plug -in will automatically handle orders for various products based on verified payment.
Set your PayPal data transmission token Set the plug -in and PayPal data token, click woocommerce \u0026 gt; set
and open
payment
option Card.
- You will be able to see all the payment gateways of the website here. Just click
- to open the PayPal settings in WooCommerce.
to manage
If you roll further, you can find
PayPal identity token field
. The
Identity token we preserved before is now pasted .
Finally, you can set the remaining settings to use PayPal to provide your customers with a good checkout experience. If you want to know how to operate, please check this article. After completing all the settings, click to save the change. Now, your customers will be able to automatically complete the WoOOCOMMERCE order on your website.
Similarly. You can also use code to open the order automatically. If you want to know how to operate, we recommend that you check the article here. Conclusion
In short, add countdownHelp you increase sales, increase conversion rate, and provide better customer experience.
In this tutorial today, we saw a simple way to add product countdown
to any Woocommerce website . This is perfect for beginners. Sales Countdown Timer is an excellent free value -added plug -in. If you want to upgrade to a high -end version, it is very easy to configure and attach additional functions. We also provide you with some basic steps that automatically complete the WOOCOMMERCE order . Your customers can buy your virtual products or services without manually approve them on each order. However, if you want to know the Woocommerce order, we also have some guidelines for exporting or deleting orders, and can even repeat or test orders.
Do you add countdown to your product? How do you think this plug -in? Please tell us your experience in the comment section.
In addition, if you want to improve the user experience on the WooCommerce website, these articles may help you:
Best Woocommerce product list view plug -in How to add woocommerce related products
The best slider plug -in of WordPress