Setup WooCommerce “Back in Stock” notifications (free method)

Learn how to add a simple “back in stock” subscribe form on out of stock WooCommerce products.

Easily notify customers when your out-of-stock products become available. You may have been trying to find a solid and reliable back-in-stock plugin for your WooCommerce store.

I recently have been using the Back in Stock Notifier plugin. The best part? It’s free and does a great job!

Custom CSS

Below is some simple CSS I used to add my own site’s colors to the subscribe form.

.cwginstock-subscribe-form .panel-primary>.panel-heading {
	background-color: #2e9a9c;
	border-color: #2e9a9c;
}

.cwginstock-subscribe-form .panel-primary {
	border-color: #2e9a9c;
}

How to customize the color of the Subscribe Now button?

Add the snippet below to the bottom of your CSS file. Change the background-color value to match your branding.

.cwgstock_button {
	background-color: #2e9a9c !important;
}
Simon Gondeck

I’m a big fan of WordPress + WooCommerce (especially WooCommerce Subscriptions). Check out my YouTube channel.

11 thoughts on “Setup WooCommerce “Back in Stock” notifications (free method)”

  1. Hello, I’m trying to change the background of the in stock notifier and the button to #DC3232 unfortunately its not working, can you help?

    Reply
    • Did you try clearing your cache or CDN after making these changes to your CSS file? For example, try opening up your site in a private or incognito window to see the change.

      If the color still has not changed try adding “!important” to the ending. Reference the code snippet above.

      Reply
    • Try adding margin-top to the button class. For example, like this:

      .cwgstock_button {
      background-color: #0693e3 !important;
      margin-top: 25px;
      }

      Reply
  2. Hi Simon,

    Thank you for the explanation. Unfortunately the css code to adjust the color doesn’t work for me 🙁
    I copied and pasted your code. What could be the cause of this?

    Reply

Leave a Comment