1. Home
  2. Docs
  3. Pro Modules
  4. WooBuilder

WooBuilder

WooBuilder is a great update on Woostify. It allows online store owners to customize shop page, product page, cart page, checkout page, and empty cart page as they desire with Elementor, which makes a huge attribution to the look and functionality of your store.

Step 1: Go to Woostify Option in the Dashboard, then activate WooBuilder.

Step 2: Now, you can build the page as you desire by clicking in Add New

Step 3: Choose the page you want to create. Woobuilder supports you to build shop page, product page, cart page, or checkout page, and customize the cart empty page.

Build shop page with WooBuilder

If you want to build a shop page, after activating WooBuilder, creating a new template and choose to create a new shop page. Then, name the shop page you are creating.

The next step is to drag the features you want and drop them on the page you are designing.

Once you finish customizing your shop page, you can navigate to “Display conditions” to choose the page you want to apply for.

In this section, you can choose to apply your template for all product archives, only shop page, product category, or product page based on tag.

After choosing the page you to apply for, click “Save and close” then “update” to save all changes you’ve done.

Build Single Product Page with WooBuilder

The first step is to choose to create and name your WooCommerce single product page.

woobuilder

The next step is to add elements you want to show on your page using Elementor easily with some drag and drop.

woostify

Here, users can choose to assign their template for all products, or the products based on category or tag.

Before saving all things, you are allowed to select the page you want to apply for. Moreover, you can apply the layout for other products and preview it directly from the customizing page.

The last step is hitting “Update” to save everything.

Create checkout page, cart page, and empty cart

In addition to product single page, and shop page, WooBuilder lets you to design and customize cart page, checkout and cart empty page. The processes to creating such pages are similar to the way you build a shop page or single product page. So you can follow those steps to create checkout page, cart page, or cart empty page as you desire.

Was this article helpful to you? Yes 6 No 5

How can we help?