.st0{fill:#FFFFFF;}

Thrive Themes Tutorial

Thrive Themes WooCommerce Integration

 November 4, 2019

By  Peter Nyiri

The legacy Thrive Themes are compatible with the WooCommerce plugin and there is a workaround for Theme Builder/Shapesift. In this post, we take a quick look at the features and how you can quickly set up your online store.

Examples for WooCommerce/Thrive Themes Integration

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

Focusblog Theme

FocusBlog is a real multi-purpose theme. That means you can use it to create a corporate website, a marketing site with landing pages and sales pages, a site for a local business and much more.

But the theme gets its name from where it shines the most: presenting a beautiful, conversion-focused blog.

There is a demo of the shop features built on the FocusBlog demo site.

focusblog demo store

Ignition Thrive Theme

With Ignition, it’s a joy to create awesome looking sales pages and marketing pages for your products, memberships and services. This theme is good one to set up your company site. With full-width page sections and excellent pre-built templates to work from, this is the perfect theme for anyone who want to sells products online. This Theme also perfect to build amazon niche site.

In short, this is a theme that will ignite your marketing website.

Here is Gift Island, a foreign language AliExpress store built on Ignition:

Ignition theme store

Storied Theme

Storied is a theme that was primarily built for blogging. You have a story to tell and through beautifully formatted multi-media posts (video, audio, image and other media posts are supported), you connect with your readers and build your audience.

Here is an example of a foreign language blog selling dating courses.

storied theme store

Store with Pressive Theme

FunnelXpert store was built on Pressive theme. Take a look.

Thrive Theme Builder/ Shapeshift Theme

The new Shapeshift theme that comes with Theme Builder is not compatible with WooCommerce at the time of its release. Your store and product pages won’t render.

I have a WooCommerce store and didn’t want to delay switching over to Shapeshift, therefore I use a plugin to run that part of the site on Pressive.  The workaround is described here.

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.

WooCommerce Add To Cart Button on Pricing Tables

When you use a pricing table to sell your product like this and visitors click on a button like this…

pricing table

… you may want the product that is linked to be added to the their WooCommerce shopping cart.

First of all, check out the video for the full experience on this video.

This can be done easily.

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:​

Home

  •  Instead of yourdomain.com 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.

Peter Nyiri


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?

​Peter Nyiri

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
    >
    %d bloggers like this: