{"id":113457903,"date":"2024-03-25T13:04:11","date_gmt":"2024-03-25T11:04:11","guid":{"rendered":"https:\/\/thrivethemes.com\/?post_type=ht_kb&p=113457903"},"modified":"2025-10-31T10:32:14","modified_gmt":"2025-10-31T08:32:14","slug":"working-of-the-thrive-theme-builder-with-woocommerce","status":"publish","type":"ht_kb","link":"https:\/\/thrivethemes.com\/docs\/working-of-the-thrive-theme-builder-with-woocommerce\/","title":{"rendered":"Working of the Thrive Theme Builder with WooCommerce"},"content":{"rendered":"\n

This article will explain what you need to do, to get started with WooCommerce<\/b>, in order to use it while creating a theme with Thrive Theme Builder.<\/a><\/p>\n\n\n\n

In short, in order to use the plugin with Thrive Theme Builder, you will first have to make sure that the plugin has been installed<\/b>, activated <\/b>or updated<\/b> if you have previously installed it.<\/p>\n\n\n\n

Then, you will have to go through the last step of the Site Wizard<\/b>, from where you will activate the plugin. This means that some WooCommerce templates<\/b> will be downloaded.<\/p>\n\n\n\n

After this, all there’s left to do is to open those templates with the Thrive Theme Builder editor, and start customizing them as you wish, and then apply them to your products\/pages<\/a>.<\/p>\n\n\n\n

Install the WooCommerce Plugin<\/h3>\n\n\n\n

Naturally, the first thing to be done is to install WooCommerce <\/b>on your site. For that, in your WordPress admin dashboard, hover over “Plugins”<\/b>, from the left sidebar. A small sub-menu will open. Click on “Add New”<\/b>:<\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

A page will open, where you can search for the plugin that you want to install. Start typing “WooCommerce” in the search bar:<\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

Once you find the plugin, click on “Install Now”<\/b>:<\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

Then, after the plugin has been installed, go ahead and click on “Activate”:<\/b><\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

After this, you’re all set and you can start using the plugin.<\/p>\n\n\n\n

Note:<\/b> After you activate the plugin, you can go to the WooCommerce dashboard and set up your shop. Then, make sure you select the Thrive Theme Builder theme<\/b> in the last step of setting up the store.<\/i><\/p>\n\n\n\n

To access this dashboard, go to the left-hand sidebar, and hover over “WooCommerce”. Click on “Dashboard”<\/b>:<\/i><\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

You will then have to go through some steps to set up your store (such as the store’s details, the product types, and so on). The last step is the “Theme”<\/b> one:<\/i><\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

Here, you should see a Thrive Theme Builder card. Click on “Continue with my active theme”<\/b>:<\/i><\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

Choose the WooCommerce templates from the Site Wizard<\/h3>\n\n\n\n

When activating WooCommerce on your Thrive Theme Builder dashboard, you will get access to some default WooCommerce templates, that were specially designed for the use of WooCommerce, along with Thrive Theme Builder.<\/p>\n\n\n\n

After you finish the installation, make sure you access the Site Wizard, from the Thrive Theme Builder Dashboard, to choose the default WooCommerce templates.<\/p>\n\n\n\n

To access the Site Wizard, in your Thrive Theme Builder dashboard, click on the “Site Wizard”<\/b> section:<\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

When the wizard opens, you will see some steps under the “WooCommerce”<\/b> section:<\/p>\n\n\n

\n
\"\"\/<\/figure><\/div>\n\n\n

Going through these steps will help you choose the default WooCommerce templates, and then you can move on and start customizing them.<\/p>\n\n\n\n

You can find out how to use the WooCommerce steps of the Site Wizard here<\/a>.<\/p>\n\n\n\n

Note:<\/b> These steps will only be available here if you have previously installed<\/b> the WooCommerce plugin.<\/i><\/p>\n\n\n\n

Important!<\/b><\/p>\n\n\n\n

It is important to set your WooCommerce shop first<\/b>. The ways to set up your WooCommerce store are described on their website, here<\/a>.<\/i><\/p>\n\n\n\n

Then, make sure to set up your shop page, cart page, checkout page, or whichever pages you might need. Here<\/a> is some more information about this.<\/i><\/p>\n\n\n\n

You can also use our resources to find out how to:<\/i><\/p>\n\n\n\n