Sales Countdown Timer


Created: 23/08/2018
Latest update: 20/05/2020
Updated to Sales Countdown Timer ver 1.0.1.1
By: VillaTheme

Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!

What is Sales Countdown Timer?

 

Sales Countdown Timer is a plugin that allows shop owners to boost the Sales in the Sale Campaigns. The plugin can display Sales Countdown Timer in the single product pages and the shop page. It is a must-have plugin for encouraging customers to purchase by creating urgency psychology.

System Requires:

Make sure that those limits to a minimum as follows in order for free-trouble while installing:

  • WordPress 4.6.x or higher
  • Woocommerce 3.0.x 
  • max_execution_time 60
  • memory_limit 125M
  • post_max_size 64M
  • upload_max_filesize 64M

Download Plugin:

Go to Plugin/Add New/Upload Plugin/Choose file/ select plugin zip file sale-countdown-timer /click “Install Now“/click “Active plugin“.

Done! Let’s start using the plugin.

Guiding video on how to install and set up:

WooCommerce Sales Countdown Timer

To use the WooCommerce Sales Countdown Timer feature, you need to configure a Sale Countdown Timer profile in Dashboard/ Countdown Timer then assign that profile to a product.

Set up a Sales Countdown Timer with General Settings, Design and WooCommerce Product settings. We will discuss more details about these settings in How does it work chapter.

After configuring settings, go to any product edit page to assign the Sales Countdown Timer to that product.

In a single product edit page,you need to assign a Sales Countdown Timer profile to that product.

  1. Regular price: Enter the regular price of the product
  2. Sale price: Enter the sale price of the product
  3. Sale price dates and times: Enter the sale dates and times for above the sale price. With these time installed, Sales countdown timer plugin runs the sales countdown timer on the product.
  4. Countdown evergreen: Check on it to make the sales campaign never ends for this product.
  5. Restart countdown after: Enter the number of days/hours/minutes and after these days/hours/minutes, the Sales countdown timer will restart.
  6. Countdown Timer profile: allows you to choose a countdown timer profile which was created and designed at the above step. Select the profile you want to assign to this product there.
  7. Enable the progress bar: Check on it to display how many products are left in your sale campaign.
  8. When achieving the goal: When the sale countdown is over, turn to respective status: None; Back to regular price; Private product; Out of stock.
  9. Goal: Enter the total sale products you want to sell in this campaign.
  10. Initial quantity: Enter the inititial quantity when the sale campaign starts.

To set bulk sales countdown timer for variable products:

Set the sale time for variable products: Go to any variation product page/Product data/ Variation and set sale time for the variations you want.

1. Enter sale price for each variation of variable product.

2. Schedule time for sales countdown timer: sale start date and sale time date.

3. Check on for enabling Countdown evergreen.

4. Choose the countdown timer profile.

To change the sales countdown timer profile, price… for many variations,  go to Products/ All products/ filter Variable products, then select the variable products that you want to bulk set sales countdown timer.

In the Bulk Actions field select Edit/ Apply, then you can set bulk sales countdown timer for the variable products.

Sales Countdown Timer Shortcode

You can display a Sale Countdown Timer any pages you want by a shortcode.

  1. Select the countdown time
  2. Hover your mouse over the above corner on the right and copy the countdown timer shortcode
  3. Paste the shortcode to any pages
  4. Then the countdown timer will appear on the front-end.

COUNTDOWN TIMER

General Settings

In the General settings tab of the Countdown timer, you can add new or remove the Sales Countdown Timer profile.

  1. These buttons will appear when you hover your mouse over the header of the Sale Countdown Timer plugin.
    Copy shortcode: Copy the shortcode to display the countdown timer on the pages you want.
    Duplicate: Duplicate this Sale Countdown Timer profile.
    Remove: Delete this Sale Countdown Timer profile.
  2. The Sale Countdown Timer profile name. Enter a name for new countdown timer profile then you can find the sales countdown profile when selecting on the single product page.
  3. Schedule time: Set the time countdown schedule for your sales campaign.
  4.  Countdown evergreen: enable it to make the sales countdowns timer profile never ends.
  5. Restart countdown after: Enter the number of days/hours/minutes to restart the countdown.
  6. Choose the time unit for restarting  the countdown.

Design

In Design settings, you can configure how the sales countdown timer looks like in front-end.

  1. Message: the text message appears on Sales countdown timer
  2. Reduce the size of the countdown timer on: Customize the size of countdown timer on the product list, mobile or sticky.
  3. Reduce the size of the countdown timer on: Customize the size of countdown timer on the product list, mobile or sticky.
  4. Message position: Choose the position for the message: Default or the same line as the countdown timer.
  5. Time units: Choose the time units displayed:  Day, hour, minute, second.
  6. Time separator: Choose the separator between time units: Bank, colon(:), comma(,),  dot(.).
  7. Datetime format style: Choose the format style for time.
  8. Animation style: Choose the animation style for Countdown timer: Default, slide, 3D Flip.
  9. Countdown timer preview: Allow to preview the Countdown timer as designing.
  10. Layout: Design Color, Fontsize, Border, Padding for layout of countdown timer.
  11. Layout  on sticky: Design Color, Width, Content for layout of countdown timer sticky.
  12. Datetime value: Design Color, Width, Height, Border, Fontsize… for Date time value
  13. Date time unit: Design Position, Color, Fontsize, Distance for date time units.

WooCommerce Product Settings

In this Settings, you can configure to display the Sales Countdown Timer on WooCommerce pages.

1. Display countdown timer on the single product page

– Position: Choose the position for countdown timer on the single product page: above sale flash; below sale flash; above cart; below cart; above product image.

– Sticky when scrolling: Choose the type of sticky when scrolling: None, sticky top, sticky bottom.

– Show or not show “Add to cart” button on the sticky countdown.

2. Display countdown timer on Shop page

– Enable: To activate this option.

– Show on: to assign which pages to show countdown timer. You can use Page’s ID, Title or Slug. Example:

is_page(‘Home’)

is_page(50)

is_page(array(‘Home’,50,75))

– Position: Choose the position of countdown timer on shop page: above sale flash; below sale flash; above cart; below cart; above product image.

Settings for Progress bar

3. Progress bar message: What the text message will be displayed.

4. Progress bar type:  Choose the way the progress bar will be displayed: Increase; Decrease

5. Order status: Choose the order status will be counted in the progress bar: Completed; On-hold; Pending; Processing; Failed; Refunded; Cancelled.

6. Progress bar position: Chooose the position of the progress bar:  Above countdown; Below countdown.

7. Progress bar message position: Choose the position of Progress bar message: Above the progress bar; Below the progress bar; in the progress bar.

8. Design: Design the progress bar with background color, text color, and border-radius

9. Upcoming sale: Enable to activate.

CHECKOUT COUNTDOWN

General settings

In the general setting of the checkout countdown, you can set the checkout countdown timer for a minimum cart total to get a special offer.

 

  1. Enable: Enable to activate the option.
  2. Reset countdown: Enter the number of days and after this time the countdown checkout timer will be reseted if customers does not place order during checkout countdown.
  3. Countdown time: The maximum valid time that this offer bellow is applied. When the timer hits zero, the offer will be gone.
  4. Starting condition: The action at which starting a checkout countdown if a cart is eligible to get an offer. It can be when adding to cart;  To checkout page; To cart page.
  5. Min cart total: minimum in cart total to get an offer.
  6. Checkout countdown offer: Customers will get free shipping before the checkout countdown timer hits zero.
  7. Discount amount: Customers will get discount amount (percentage/fixed amount) before the checkout countdown timer hits zero.
  8. Level discount: choose Auto change mode when you want the discount amount will autochange if the countdown timer hits specific values.
  9. Change discount every: Enter a duration for changing discount.
  10. Decrease discount amount: Enter the percentages you want to decrease after the countdown timer hits specific values.
  11. Test mode: The checkout countdown will be applied only to Administrators for testing purposes.
  12. Reset checkout countdown: Reset current checkout discount applied to your account when the Test mode is enabled.

 

  • Customize the offer: Create your own levels that you want to change the offer, the message can be customized for each level

 

  1. Choose the Custom mode for using Level discount.
  2. Custom checkout countdown for each level as you want: time for each level, message on checkout page, message on other pages, offer free shipping or not, discount amount.

* You can duplicate the custom checkout countdown level to add other countdown levels.

Display checkout countdown

This setting allows you to design the checkout countdown and assign pages the checkout countdown will show up.

1. Display countdown timer on: Select pages to show checkout countdown. Leave blank to show checkout countdown on all pages.

2. Design checkout button on checkout countdown timer: Title, Font size, text color, background.

3. Design shop button on checkout countdown timer: Title, Font size, text color, background.

Test mode for displaying checkout countdown

  1. Test mode: Enable it to make the checkout countdown to apply to only Adminstrators for testing purpose.
  2. Reset checkout countdown: Reset current checkout discount applied to your account when test mode is enabled.

Design on Checkout page

This setting allows you to design the checkout countdown timer on the checkout page.

1. Checkout countdown message: Customize the message that appears on the countdown timer on the checkout page.

2. Message if missing offer: Customize the message appearing on the countdown timer on the checkout page if the offer is going to be over.

3. Shortcode available: Customize the text message in the countdown timer on the checkout page.

4. Position: Put the position of the countdown timer on the checkout page.

5. Select countdown timer: Select the countdown timer profile that you created to show up on the checkout page.

6. Test mode: Enable it to make the checkout countdown to be applied only to Administrator for testing purpose.

7. Reset checkout countdown: Reset current checkout discount applied to your account when Test mode is enabled.

Design on other page

This setting allows you to design the checkout countdown timer on the other page.

1. Checkout countdown message: Customize the message that appears on the countdown timer on an assigned page.

2. Message if missing offer: Customize the message appearing on the countdown timer on the assigned page if the offer is going to be over.

3. Shortcode available: Customize the text message in the countdown timer on the assigned page.

4. Position: Put the position of the countdown timer on the assigned page.

5. Select countdown timer: Select the countdown timer profile that you created to show up on the assigned page.

6. Test mode: The checkout countdown will be applied only to Administrators for testing purpose

7. Reset check out countdown: Reset current checkout discount applied to your account when Test mode is enabled

Report

Go to Dashboard/Countdown Timer/ Checkout Countdown/ Report 

  1. Save Logs: If you enable save Logs, then Logs will be saved. Save logs helps system stores information when visitors click on the checkout countdown timer. Then admin site could have
    statistics of number clicks and analysis fluctuation sales. Report system allows to view statistic number clicks by clicking checkout button, orders on sale countdown and orders.
  2. History time: the time that history will be kept.
  3. Test mode: Enable it for only testing purpose.
  4. Reset checkout countdown: Click to reset checkout discount applied to your account when Test mode is enabled.

Extra Information


Thank you for your attention!

If you have any question, please create a topic at our FORUM, we will support within 24 hours.