The Avada WooCommerce Builder

04/05/2021

The Avada WooCommerce Builder was initially released with Avada 7.2, and further updated with Avada 7.3, and is an umbrella term for a wide-ranging suite of WooCommerce related features in Avada.

What this means in practice, is that you can now create a completely customized experience for your WooCommerce users, from start to finish. You can design and build your own conditional layouts for individual WooCommerce Products, as well as being able to create custom Shop, Cart, Checkout and Archive pages, all using the design flexibility and power of Avada Builder, and the extended range of our Woo Design, and other Avada Builder Elements.

See the links below for documentation and videos on how to use this suite of WooCommerce tools for the various sections of WooCommerce.

BUILDING PRODUCT LAYOUTS
BUILDING A Shop PAGE
BUILDING A CART PAGE
BUILDING A CHECKOUT PAGE

Overview

Avada Layouts vs Editing A Page Directly

In WooCommerce, it’s likely your shop will have many products. So, it makes sense to use a template when designing a layout for your single products. WooCommerce uses a default template for your products, but with Avada Layouts you can build a template, or several, for your WooCommerce single products. For example, like in the Avada Winery prebuilt site, you might have a product layout for simple single products and another for variable products.

But when creating a Shop, Cart or Checkout page in WooCommerce, it’s a bit different. There is only one of each of these, and so it makes more sense in that situation to directly edit the page. This approach, coupled with the collection of expanded Woo Layout and Woo Design Elements, and the power and flexibility of Avada Builder, gives you the tools to create a fully custom WooCommerce experience for your users.

Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada

Woo Layout Elements

Woo Layout Elements are designed to be used when creating a Layout (template) for your WooCommerce Products. This is done using Avada Layouts. Woo Layout Elements are dynamic Elements used to populate the Layout, which then pull the relevant product content into the page. You can of course, use many of the Design Elements as well in your layout, as many of these have Dynamic Content options.

Woo Layout Elements
Read More About How To Use Avada Layout Elements!
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada

Woo Design Elements

Woo Design Elements on the other hand, are normal Design Elements. With Avada 7.3, a whole range of new Woo Design Elements were added specifically to help build custom Shop, Cart and Checkout pages, while others can be used in a variety of settings, like the Woo Notices, Woo Shortcodes and Woo Product Carousel Elements. As of Avada 7.3, there are now sixteen (16) specific Woo Design Elements.

Woo Design Elements
Read More About The Difference Between Layout And Design Elements!

Useful Links

Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada
Avada Website Builder

688,351 Businesses Trust Avada

Get Avada