Thrive Themes WooCommerce Integration

By Peter Nyiri | Thrive Themes Tutorial

Nov 04
thrive themes woocommerce

WooCommerce Shopping Cart Integration

On all your WooCommerce pages, you’ll find a clean, simple design with a focus on clarity. In other words: we’ve used the design to infuse your e-commerce store with as much of our usual conversion focus as possible.

We’ve added a demo of the shop features to the FocusBlog demo site. More site demos will follow later.​

Set Up ​Your Own Demo Store

If you’re new to WooCommerce and want to test it out before launching an online store, you can create a demo store similar to the one linked above. It’s a great way to kick the tires and test the different processes in your e-commerce setup.

Here’s what you’ll need to set it up:

  • ​The WordPress Importer plugin (free).
  • This handy guide to importing demo content.

Let us know what you think by leaving a comment below! If you have any questions about the feature, please post in our support forums, where our friendly support team will help you out.

Adding a WooCommerce Button on Your Page

When visitors will click on the WooCommerce button, the product that it’s linked to will be added to the their shopping cart.

First of all, don’t forget to check out the video for the full experience.

Set Up the WooCommerce Products

Before actually adding the button, you need to link it to a product / service that you are selling on your website.

To do this, look for the “Products” entry in the WordPress admin dashboard:

woo product

Here, you will have all your products listed.

If you don’t have any of them yet, you can always add a new one, either by clicking on “Add New” or “Import” (to import a CSV file).

Then, you can go ahead and give your product a name, attach an image, set the price, etc.
Once you have a product that you are ready to sell and you want to create a buy button for it, look for the ID of that product:

Product ID

Link the Button to the Product

Moving forward, we’ll add a pricing table on one of our pages.

For this step, you can use the WordPress editor or some plugins that has a pricing table option.

We’ll (obviously ;-)) use our Thrive Architect plugin.
To add a pricing table, simply drag the “Pricing Table” element from the editor onto the page:

pricing table thrive architect

Then, you can choose a template for the pricing table and make any additional changes you see fit.
On the pricing table you usually have 3 boxes, you can use each box to represent one of your products.

To link a buy button to one of the products, simply select it and look for the “Button Link” field on the sidebar:

add link architect

In this field, type the following link:​


  •  Instead of type in the actual URL of your WordPress website
  •  Instead of ID, type in the ID of your WooCommerce product, as it was highlighted above
    You can then click on “Save”, and you’re done!

Now, when a visitor will click on that button, the product will be added to his shopping cart and he will be sent to a checkout page.

Check out my funnel builder sales funnel themes and plugins.


About the Author

I'm building my 5-figure blog and sales funnel and help other bloggers do the same. You are welcome to join and learn from my experience and mistakes! Are you ready for this?

Leave a Comment:

Leave a Comment:

%d bloggers like this: