Home Tutorials How to Add a Buy Now Button in WooCommerce

How to Add a Buy Now Button in WooCommerce

Need to add a Buy Now button to your WooCommerce retailer?

Including a purchase button to your retailer can considerably enhance your conversion fee as it should lower minutes off of your buyer buy time by sending patrons straight to the checkout as an alternative of the Cart web page.

Since WooCommerce doesn’t supply a purchase button out of the field, you’ll want to use a third-party device to add that performance.

On this tutorial, I’m going to present you ways to use a highly effective WooCommerce plugin known as Service provider to add a Buy Now button to your product and store archive pages.

Let’s get began.

1. Set up and Activate the Service provider Plugin

The free Service provider plugin provides 15 extremely sought-after eCommerce modules, together with the Buy Now button performance.

To put in and activate Service provider in your WooCommerce retailer, click on the Plugins > Add New Plugin in the left sidebar of your WordPress admin space, kind ‘service provider athemes’ into the search bar on the prime of the web page, and as soon as Service provider seems in the outcomes, click on the Set up Now after which the Activate buttons:

Install and activate the free Merchant plugin

2. Configure the Settings of Your Buy Now Button

After activating the plugin, it is best to see a new Service provider possibility in the left sidebar of your WordPress dashboard:

Merchant menu in the WordPress admin area

Click on the Service provider possibility, and you can be taken to the Service provider dashboard the place the Buy Now module is positioned:

Location of the Buy Now module in the Merchant dashboard

Choose the Buy Now module, and on the module’s admin web page, navigate to the Settings part.

Right here, you may change the textual content and the design of the button if you’d like to — or you may go along with the default settings.

Observe that by default, Service provider makes use of the button design settings of your theme which you can change from the Look > Customise menu.

If you would like to use a totally different design to your Buy Now button, toggle on the Customise Button possibility that may present you new choices the place you may change the colours, borders, padding, and font measurement of your Buy Now button.

Configure the button in accordance to your wants, then click on the Save button on the prime of the web page to save your configurations:

Merchant's Buy Now module, Settings section

3. Set the Show Circumstances

Within the Show Settings part on the module’s admin web page, you may change the show situations of the Buy Now buttons in your WooCommerce retailer.

By default, Service provider exhibits them:

  • in your product archive (e.g. Store, product class, and many others.) pages
  • in your single product pages
  • contained in the upsell and associated product widgets

Use the checkboxes subsequent to these choices to present or cover the Buy Now buttons at these areas.

The module’s Show Settings additionally permits you to change the loading place and precedence of the purchase buttons in your store archive and single product pages. Nonetheless, word that these are developer settings, so solely change the default values if in case you have WordPress coding information.

When you’ve configured the show situations, click on the Save button on the prime of the web page:

Merchant's Buy Now module, Display Settings section

4. Allow the Buy Now Module

To activate the Buy Now buttons in your WooCommerce retailer, click on the Allow button on the module’s admin web page:

Enable button on the Buy Now module's admin page

When the module is activated, try what the Buy Now button seems like in your WooCommerce retailer.

Within the Store archive web page, you’ll discover the Buy Now buttons under the merchandise:

Merchant's Buy Now buttons, frontend view on a WooCommerce shop page

Click on on any of the merchandise and take a look at the Buy Now button on a single product web page, too:

Merchant's Buy Now buttons, frontend view on a WooCommerce single product page

That’s it! You might have now added purchase buttons to your store archive and product pages in your WooCommerce retailer.


Including a purchase button is a wonderful means to develop your WooCommerce web site. Since WooCommerce doesn’t embody a Buy Now button by default, you’ll want to depend on a plugin corresponding to Service provider to add the characteristic to your web site.

Service provider is a free WooCommerce plugin devoted to enhancing the consumer expertise and rising the conversion fee in your retailer.

So as to add purchase buttons to your web site utilizing Service provider, you solely want to take 4 easy steps:

  1. Set up and activate the Service provider plugin.
  2. Configure the settings of the Buy Now module.
  3. Set the show situations.
  4. Allow the module.

Get Service provider immediately and watch your WooCommerce retailer soar!

In case you have any questions on how to add a Buy Now button to your WooCommerce web site, tell us in the remark part under.