Avada WooCommerce Elements

Last Update: February 12, 2026

Avada is a powerful WordPress website builder that gives you complete control over your site’s design, layout, and functionality. Beyond building standard websites, Avada also includes a highly customizable WooCommerce Builder, allowing you to design and customize every part of your online store—from product pages and shop layouts to cart and checkout experiences.

This means you’re not limited to default WooCommerce styling; instead, you can create a professional, branded eCommerce experience that looks exactly the way you want while providing customers with a smooth, engaging shopping journey. For specific details, options, and examples of each Element, follow the links in the Element descriptions below.

36 Elements For WooCommerce

The Avada WooCommerce Elements allow website creators to craft practical, custom online store content and layouts without coding knowledge. These Elements focus on aesthetics and structure, offering features such as add-to-cart, product cart coupons, shipping info, product tables, checkout billing info, and more. Each Element is highly customizable, allowing you to control spacing, colors, typography, responsive behavior, and so much more.

  • Avada Woo Add To Cart Element

    • The Avada Woo Add to Cart Element adds a customizable cart button to a WooCommerce product layout, enabling customers to add items directly to their shopping cart. It connects to the product being displayed and can show variations, quantities, and pricing as needed. With full styling and layout controls, you can design an add-to-cart experience that matches your site’s branding while keeping the purchasing process straightforward.

  • Avada Woo Additional Info Element

    • The Avada Woo Additional Info Element displays extra product details, such as attributes, dimensions, specifications, and more, that are added to the product. The information is presented in a structured format on the single product page. With styling and layout options in the Avada WooCommerce Builder, you can control how these details appear, blending in seamlessly with your website’s branding.

  • Avada Woo Cart Coupons Element

    • The Avada Woo Cart Coupons Element adds a coupon input field to your WooCommerce cart layout, allowing customers to enter and apply discount codes before checkout. This Element gives you control over styling, placement, and alignment, and improves the shopping experience and encourages sales conversions.

  • Avada Woo Cart Shipping Element

    • The Avada Woo Cart Shipping Element displays available shipping methods and costs directly within the WooCommerce cart, giving customers the ability to review and select their preferred option before proceeding to checkout. It integrates with your store’s shipping settings and updates dynamically based on the cart contents and customer location.

  • Avada Woo Cart Table Element

    • The Avada Woo Cart Table Element shows the products added to a customer’s WooCommerce cart in a structured table format, including details like product image, name, price, quantity, and subtotal. It allows shoppers to update quantities or remove items directly from the cart, with changes reflected instantly. This Element is fully customizable within the Avada Builder.

  • Avada Woo Cart Totals Element

    • The Avada Woo Cart Totals Element provides customers with a clear summary of their order on the WooCommerce cart page, including subtotals, shipping costs, taxes, and the final total. It updates dynamically as products or quantities change, ensuring accuracy throughout the shopping process. With customization options, you can style and position the totals section to fit seamlessly into your cart layout.

  • Avada Woo Checkout Billing Element

    • The Avada Woo Checkout Billing Element displays the billing details form on the WooCommerce checkout page, allowing customers to enter essential information such as name, address, and contact details. It integrates fully with WooCommerce’s billing system.

  • Avada Woo Checkout Order Review Element

    • The Avada Woo Checkout Order Review Element provides a complete summary of the order during the WooCommerce checkout process. It displays product names, quantities, prices, applied discounts, shipping, and the final total, updating dynamically as changes are made.

  • Avada Woo Checkout Payment Element

    • The Avada Woo Checkout Payment Element displays the available payment gateways on the WooCommerce checkout page, allowing customers to choose how they want to pay for their order. It updates dynamically based on the methods you’ve configured in WooCommerce and integrates seamlessly into custom checkout layouts built with Avada. With styling and layout controls, you can ensure the payment section matches your site’s design.

  • Avada Woo Checkout Shipping Element

    • The Avada Woo Checkout Shipping Element shows the available shipping options on the WooCommerce checkout page, allowing customers to select their preferred method based on your store’s shipping settings. It updates dynamically according to the customer’s address and cart contents, ensuring accuracy and clarity. With full styling and layout controls, this Element helps create a seamless checkout experience for customers.

  • Avada Woo Checkout Tabs Element

    • The Avada Woo Checkout Tabs Element organizes the WooCommerce checkout process into a tabbed layout, breaking it into sections such as billing, shipping, order review, and payment. This step-by-step structure makes the process easier for customers to follow by reducing visual clutter and presenting information in manageable stages. With full styling and layout options in Avada, you can tailor the tabs to improve usability and create a more streamlined checkout experience.

  • Avada Woo Customer Order Details Element

    • The Avada Woo Customer Order Details Element displays a customer’s order information on the order confirmation page or within their account area. It includes product details, quantities, prices, totals, and shipping information, giving customers a clear record of their purchase. With extensive customization options, you can style this Element to match your site’s branding.

  • Avada Woo Featured Products Slider Element

    • The Avada Woo Featured Products Slider Element showcases WooCommerce products that are marked as featured in a responsive, interactive slider. It allows you to highlight specific items, such as bestsellers or promotions, with options to control the number of products shown, enable slide navigation, autoplay, and customize styling. Fully customizable, this Element makes it easy to draw attention to key products.

  • Avada Woo Filter Active Element

    • The Avada Woo Filter Active Element shows customers which product filters are currently applied when browsing your WooCommerce shop or product archive pages. It dynamically lists active filters, such as price, attributes, or ratings, and provides users with the option to remove them with a single click. With customization options, you can style and position this Element to keep filtering visible and user-friendly, making it easier for shoppers to refine or reset their product search.

  • Avada Woo Filter By Attribute Element

    • The Avada Woo Filter By Attribute Element enables customers to refine products on your WooCommerce shop or archive pages by specific attributes, such as color, size, or material. It dynamically pulls attribute data from your products and displays it as filterable options, updating the results instantly when a selection is made, improving the overall shopping experience.

  • Avada Woo Filter By Price Element

    • The Avada Woo Filter By Price Element enables customers to narrow down their product selection in your WooCommerce shop or archive pages based on a specified price range. It provides an interactive price range selector that updates product results dynamically as users adjust the minimum and maximum values. You can customize the look and feel of the filter to match your store’s design.

  • Avada Woo Filter By Rating Element

    • The Avada Woo Filter By Rating Element allows customers to filter WooCommerce products in your online shop or archive pages by customer review ratings. It displays star-based options that update product results dynamically when selected, helping shoppers quickly find highly rated items.

  • Avada Woo Mini Cart Element

    • The Avada Woo Mini Cart Element provides a compact, interactive view of the customer’s shopping cart that can be placed anywhere on your site. It displays product details, including names, images, quantities, and prices, along with quick links to the cart and checkout pages. Highly customizable, it allows you to style and position the Avada Mini Cart to fit seamlessly into your website.

  • Avada Woo Notices Element

    • The Avada Woo Notices Element displays WooCommerce system messages, such as confirmations, errors, and alerts, within your custom Avada Layouts. It ensures that customers see important updates when interacting with your store, such as adding items to the cart, applying coupons, or completing checkout. With styling and layout controls, you can present these notices clearly and consistently, maintaining both usability and design cohesion across your site.

  • Avada Woo Order Additional Info Element

    • The Avada Woo Order Additional Info Element displays any extra details a customer includes during checkout, such as notes or special instructions. It appears on the order confirmation page or in the customer’s account area, giving both the store owner and the customer a clear reference to custom requests.

  • Avada Woo Order Details Element

    • The Avada Woo Order Details Element presents a full breakdown of a customer’s order, including products purchased, quantities, prices, totals, and tax information. It is typically shown on the order confirmation page or within the customer’s account, providing a clear and organized record of the transaction. Highly customizable, it allows you to adjust the layout and styling so that the order details match your site’s branding.

  • Avada Woo Order Downloads Element

    • The Avada Woo Order Downloads Element displays downloadable files from a customer’s WooCommerce order, typically used for digital products. It provides links to the purchased files, along with details such as download limits and expiration dates, ensuring customers can easily access their content. Fully customizable, this Element allows you to style and position the downloads section so it integrates seamlessly with your order confirmation pages or customer account area.

  • Avada Woo Order Table Element

    • The Avada Woo Order Table Element displays a structured summary of products within a WooCommerce order, showing details such as item names, quantities, and line totals. It appears on order confirmation pages or in the customer’s account area, giving buyers a clear view of what they purchased. Using the provided customization options, you can ensure the order table is both easy to read and visually consistent.

  • Avada Woo Price Element

    • The Avada Woo Price Element displays the price of a WooCommerce product on your e-commerce website. It supports both simple and variable products, showing regular, sale, or range pricing depending on the product setup. With flexible styling options, you can adjust typography, color, alignment, and spacing, ensuring the price presentation is clear, consistent, and visually aligned with your store’s design.

  • Avada Woo Product Carousel Element

    • The Avada Woo Product Carousel Element enables you to showcase WooCommerce products in a horizontally scrolling slider, creating a dynamic and space-efficient way to promote or display products. You can feature products by category, tag, or custom selection and control settings such as the number of visible items, navigation style, autoplay, and spacing. With full styling flexibility, you can create engaging product showcases that fit seamlessly into your store’s design.

  • Avada Woo Product Grid Element

    • The Avada Woo Product Grid Element displays WooCommerce products in a structured grid layout, making it easy to showcase items by category, tag, or custom selection. You can control the number of columns, spacing, and which product details to show, such as images, titles, prices, ratings, and add-to-cart buttons. Fully customizable, it allows you to design clean, responsive product displays that align with your store’s branding and improve the shopping experience.

  • Avada Woo Product Images Element

    • The Avada Woo Product Images Element displays the main product image along with any additional gallery images in the product layouts. It supports features such as zoom, lightbox, and image sliders, providing customers with an interactive way to view product details.

  • Avada Woo Rating Element

    • The Avada Woo Rating Element displays the average customer review rating for a WooCommerce product using a star-based format. It dynamically pulls data from submitted reviews and updates automatically as new ratings are added, helping to build trust and credibility with shoppers.

  • Avada Woo Related Products Element

    • The Avada Woo Related Products Element showcases products that WooCommerce identifies as related to the one being viewed, usually based on categories or tags. It pulls these items into your single product layout, helping to keep customers engaged and encouraging them to explore and potentially upsell more products.

  • Avada Woo Reviews Element

    • The Avada Woo Reviews Element displays customer reviews for a WooCommerce product, including written feedback about the product or service. The Element displays ratings, comments, and reviewer names/usernames in a structured format, helping to build trust and social proof for potential buyers.

  • Avada Woo Short Description Element

    • The Avada Woo Short Description Element displays the description of a product, typically used to highlight key features or a concise sales pitch, and can be placed anywhere on the single product page. The Element allows you to style the typography, alignment, and spacing.

  • Avada Woo Shortcodes Element

    • The Avada Woo Shortcodes Element allows you to insert native WooCommerce shortcodes directly into your Avada Layouts. This makes it possible to display specific WooCommerce content like product categories, recent products, featured items, or custom product selections without writing code manually. It combines WooCommerce’s built-in functionality with Avada’s design flexibility, letting you style and position shortcode-driven content seamlessly.

  • Avada Woo Sorting Element

    • The Avada Woo Sorting Element enables customers to reorder products on shop and archive pages according to options such as popularity, average rating, latest arrivals, or price. It integrates seamlessly with Avada, WooCommerce, and WordPress, updating the product display dynamically to help users find items in the way that suits them best.

  • Avada Woo Stock Element

    • The Avada Woo Stock Element displays the status of a product, indicating whether it is in stock, out of stock, or available on backorder. It pulls this information dynamically from the product’s WooCommerce inventory settings and updates automatically as stock levels change. With customization options, you can style the stock message to ensure it appears clear, consistent, and aligned with your store’s design.

  • Avada Woo Tabs Element

    • The Avada Woo Tabs Element displays product information in a tabbed format, typically including details, additional information, and product reviews. The Element organizes content into separate panels that customers can switch between, keeping product pages clean and easy to navigate. With full styling and layout options, you can control the appearance, order, and design of the tabs, ensuring they fit seamlessly into your store’s layout while improving usability.

  • Avada Woo Up/Cross-sells Element

    • The Avada Woo Up/Cross-Sells Element displays related products on WooCommerce product and cart pages, encouraging customers to consider additional or higher-value items. Upsells appear as alternative or premium product suggestions on product pages, while cross-sells are shown in the cart as complementary recommendations. With full styling and layout options, this Element helps boost sales and enhance the shopping experience by presenting relevant product suggestions.

More Avada Elements

78 Design Elements

15 Layout Elements

23 Form Elements

7 Inline Elements

In this article