May 02, 2024

Coming Soon Badge for WooCommerce Plugin

Show a Coming Soon badge on WooCommerce products. Highly customisable, set it on the product loops and on the product page.

Design your badge for WooCommerce for coming soon products easily, and choose which products will be shown!

You can design your badge on this ways:

Text badge: set text, font-size, color, background, position etc.
Image badge: choose between a predefined images or upload your own. Then set the size and position

Features

Custom badge with full control over design: position, size, colors, font-weight, margins, paddings, etc.
Super easy and friendly designer: all without writing one line of CSS, with visual live preview
Set the same or distinct badge for products loop / product page (or switch off the badge on one of them)
Upload your own image if you prefer, or de-activate all plugin CSS generation and add your own
After configuration, switch on/off product coming soon badge with a simple checkbox on product edition
Compatible with most of WooCommerce themes
Compatible with Elementor and Divi

Installation

Can be installed as usual:

From admin plugins>add new page: search “coming soon for woocommerce” and click on install button, then activate.
Or download from wordpress.org and upload on plugins>add new.
Or download, unzip and upload through FTP to the /wp-content/plugins/ directory. Then go to admin plugins page and activate it.

How to configure the plugin?

Activate it
Setup the badges in Woocommerce > Coming Soon config (you can skip this step, will work by default with a gray spot badge)
Edit any product where you want to show the badge, and activate the checkbox labeled “Show Coming Soon badge” under the publication product date.

Screenshots

Text shapes, predefined images or custom image for badge selector
The badge styles configurator: friendly and with preview
The loop
The product page

FAQ

Where I setup the badges?

On admin side, go to WooCommerce > Coming Soon config

How to disable adding to cart when the product is set to coming soon?

The plugin don’t does it for now, there is two ways on WooCommerce to lock a product purchase:

You can remove the regular and sale price for a product, or
You can set the product stock to 0, or the stock status to out of stock (if you haven’t set the WooCommerce product setting “Hide out of stock items from catalog”, otherwise product will be hidden)

Where I set coming soon for my products?

Enter on a product edition, and activate the checkbox labeled “Show Coming Soon badge”, just below the publication date. Then save the product.

Will work with my theme?

Well, we can’t sure 100% you, but we’re coded the plugin following the standard WooCommerce template system, and should work well on every theme.
In any case, we’re writed it taking care that doesn’t break the layout if it not works.

Please, write us on the support forum to tell us about: whether to say if it works well, or not with your theme. It will help us and others, and we will try to make it works for you it it doesn’t.

I’m theme developer. How to be compatible?

Comming Soon for WooCommerce works with the actions found in the standard product loop and single product templates.

The used actions to print the badge code are:

For single product: do_action( ‘woocommerce_after_main_content’ );
For product loop: do_action( ‘woocommerce_shop_loop_item_title’ );

You can find this actions in the templates:

wp-content/plugins/woocommerce/templates/single-product.php (single product template)
wp-content/plugins/woocommerce/templates/content-product.php (print each product on loop)

…if you want to override this files on your WooCommerce child theme, or you’re coding one from scratch,
maybe you have the same file names on your theme folder:

wp-content/themes/your-theme/woocommerce/content-product.php
wp-content/themes/your-theme/woocommerce/single-product.php

in this case, simply check you’ve this actions on your code:

For single product: do_action( ‘woocommerce_after_main_content’ );
For product loop: do_action( ‘woocommerce_shop_loop_item_title’ );

…and Coming Soon for WooCommerce will do the rest 🙂

The badge preview is not exactly equal as badge on front-end

The plugin can’t guess your theme font-family or product thumbnail size, so maybe you should adjust a bit the text and badge size.

Changelog

1.0.16 – 2024-05-10

Support for WooCoommerce HPOS, the WooCommerce CRUD, aka High-Performance order storage (COT)
Checked for WordPress 6.5
Checked for WooCommerce 8.8

1.0.15 – 2023-06-26

Support added for Luchiana – Cosmetics Beauty Shop Theme
(and maybe others, that image product is hidden when the badge is shown)
Checked for WordPress 6.2
Checked for WooCommerce 7.8

1.0.14 – 2022-12-22

Support added for Divi Theme from Elegant Themes
Checked for WordPress 6.1
Checked for WooCommerce 7.2

1.0.13 – 2022-05-26

Checked for WordPress 6.0

1.0.12 – 2022-05-04

Support added for Elementor theme builder templates (when the main product image is displayed as background)
Checked for WooCommerce 6.4

1.0.11 – 2022-02-11

Checked for WordPress 5.9
Checked for WooCommerce 6.2

1.0.8 – 2021-09-12

Checked for WooCommerce 5.6
Added z-index:1 on style CSS for Storeship theme compatibility and maybe others

1.0.7 – 2021-07-19

Checked for WordPress 5.8 and WooCommerce 5.5
Text-domain changed to the same as plugin slug: coming-soon-for-woocommerce

1.0.6 – 2021-07-14

Solved debug code (really sorry, guys!)

1.0.5 – 2021-07-14

Better compatibility for some themes

1.0.4 – 2021-06-9

Removed forgotten tracking info on PHP log error file

1.0.3 – 2021-06-9

Bug solved for west/negative UTC offset timezones: coming soon checkbox was always checked

1.0.2 – 2021-02-13

WooCommerce 5.0 support
PHP 8 support
PHP warning solved

1.0.1 – 2020-12-30

Admin screen support for RTL languages

1.0.0 – 2020-12-13

Hello world!