Avada Design Elements

The Avada Alert Element is used to display messages or notifications within your web page content. The Element includes four default styles and supports customizable styles, including color, icon, and dismiss functionality, allowing you to align the alert’s appearance with your site’s branding or the urgency of the message. Whether it’s a warning, success confirmation, or general info, the Alert Element makes sure key messages don’t go unnoticed.

The Avada Audio Element allows you to embed audio files directly into your page or post layouts, giving visitors an easy way to listen without leaving the site. It supports MP3 and other standard audio formats and includes built-in player controls like play, pause, volume, and track duration. This element is ideal for podcasts, music samples, voiceovers, or any audio-based content you want to feature with a clean, responsive presentation.

The Avada Form Element is used for displaying forms created using the Avada Form Builder. It enables you to display contact forms, surveys, signups, and more, using a drag-and-drop interface with complete control over layout, styling, and functionality. You can integrate it with services like Mailchimp or HubSpot, apply conditional logic, and configure custom email notifications and success messages. With extensive field options, validation settings, and design flexibility, it empowers users to build branded, responsive forms without needing third-party plugins.

The Avada Slider Element allows you to insert a custom-built Avada Slider directly into any part of your page or post layout. Unlike sliders which appear only at the top or bottom of a page, this Element gives you the flexibility to place sliders within content sections, between columns, or anywhere else in your design. It supports full-width, fixed, or full-screen layouts and lets you control height, margins, visibility settings, and responsive behavior. This makes it ideal for showcasing image or video slides with captions and buttons, creating dynamic and engaging visual sections without relying on third-party plugins.

The Avada Blog Element lets you showcase your WordPress blog posts in a wide range of predefined layouts, including grid, masonry, timeline, and carousel. It pulls content dynamically from your posts and allows you to filter by categories, tags, or authors. You can customize which post details to show—like titles, dates, authors, excerpts, and featured images—and style everything to match your site’s design.

The Avada Breadcrumbs Element displays a navigational trail that shows users the path to their current page, starting from the homepage and moving through hierarchical levels like categories or parent pages. It helps improve usability by allowing visitors to easily backtrack through the site structure and understand where they are within your content. This Element can be styled, with control over typography, separators, alignment, and spacing, and it supports schema markup for improved SEO and search engine visibility.

The Avada Button Element is a versatile design component that lets you create highly customizable call-to-action buttons for use throughout your WordPress site. You can control everything from size, color, shape, and alignment to hover effects, icons, and link behavior, allowing the button to match your branding and guide users effectively. It supports both internal and external links, dynamic actions like opening modals or scrolling to anchors, and responsive styling for consistent performance across all devices.

The Avada Chart Element allows you to display data visually using animated charts, making complex information easy to understand at a glance. You can define the chart type, value, data points, labels, and colors, and adjust the size, line thickness, and animation speed. It offers complete styling control so the charts align with your site's overall design. This Chart Element is ideal for presenting statistics, progress indicators, or any percentage-based data in a modern, engaging format.

The Avada Checklist Element lets you create visually enhanced lists by replacing standard bullet points with icons, offering a more engaging way to highlight features, benefits, or key points. You can choose from a variety of icon styles, customize colors, spacing, and alignment, and apply custom typography settings to match your website's branding.

The Avada Circles Info Element displays information inside circular progress visuals, combining data representation with descriptive content. Each circle shows a percentage or value through animated, colored rings, accompanied by a title, icon, and optional description. This Element is ideal for showcasing statistics, skills, milestones, or performance metrics in a way that is both visually engaging and easy to understand. You can fully customize colors, animation speed, size, and layout to ensure it fits seamlessly within your design.

The Avada Code Block Element allows you to add raw code—such as HTML, JavaScript, or CSS—directly into your page layout without being rendered or altered by WordPress. It's intended for advanced users who want to insert custom functionality, third-party embed scripts, or inline code snippets ensuring that the code is output exactly as written.

The Avada Content Boxes Element lets you create flexible, visually engaging content sections made up of individual boxes, each containing an icon or image, a heading, and a description. These boxes can be arranged in various layouts, including grids or columns, and are fully customizable in terms of colors, spacing, typography, hover effects, and alignment. They are ideal for showcasing services, features, or benefits.

The Avada Countdown Element creates a real-time countdown timer that counts down to a specific date and time, making it ideal for promoting product launches, upcoming events, limited-time offers, or site maintenance. You can customize its layout, choose between circular or text-based styles, and adjust colors, typography, spacing, and labels to match your site’s branding.

The Avada Counter Boxes Element displays animated numerical counters paired with icons and descriptive text, making it ideal for showcasing statistics, achievements, or milestones in a visually engaging way. Each counter can count up to a set value when it comes into view, and you can customize the icon, font, colors, and layout to match your site’s design.

The Avada Counter Circles Element presents animated circular progress indicators that count up to a specified number or percentage, visually representing statistics, goals, or performance metrics. Each circle includes a numeric value, optional label, and customizable styling for color, size, and animation speed.

The Avada Events Element is designed to display events from The Events Calendar plugin in a customizable and visually consistent layout within your WordPress content. It allows you to showcase upcoming events, with details like titles, dates, locations, and excerpts, arranged in grid, list, or carousel formats. You can filter events by category or tag, and style every aspect to match your site’s branding.

The Avada Facebook Page Element allows you to embed a live Facebook feed directly into your website, displaying posts, likes, and profile information in real time. It connects to your official Facebook page using Facebook’s API and includes options to show or hide the timeline, cover photo, friends, and more.

The Avada FAQ Element allows you to display frequently asked questions in an organized, collapsible format that improves user experience. It pulls content from the custom FAQ WordPress post type (CPT) and lets you group questions by category, display them in toggles or accordions, and customize layout, spacing, and styling.

The Avada Flickr Element allows you to display images from a public Flickr photo stream or album directly on your website. You can control the number of pictures shown, image size, spacing, and layout, and customize the styling to match your site's design.

The Avada Flip Boxes Element combines visual content and interactivity by allowing you to create content boxes that flip to reveal more information on hover, providing an engaging visual effect. Each flip box has a front and back side, where you can add icons, images, titles, descriptions, and links, all of which are fully customizable. This Element is ideal for showcasing features, services, or team members, and more.

The Avada Gallery Element allows you to create responsive image galleries using images from the WordPress media library or custom selections, arranged in grid, masonry, or carousel formats. It offers extensive styling and layout options, including spacing, column control, lightbox integration, hover effects, and captions so that you can match the gallery's appearance to your site branding. This Element is ideal for portfolios, image showcases, or visual storytelling, giving you complete control over how images are presented and experienced.

The Avada Google Map Element lets you embed fully interactive Google Maps into your website, allowing you to display specific locations with custom markers and tooltips. You can control zoom levels, map type, dimensions, and whether to enable user interactions like dragging or scrolling. It offers styling options to match your site design and is ideal for showing business locations, event venues, or service areas directly on your posts and pages.

The Avada Icon Element allows you to insert scalable vector icons into your website content using Font Awesome, custom icon sets, or icons from the Avada Studio. It offers complete control over size, color, alignment, animation, and spacing, making it easy to visually enhance content or emphasize features without relying on images. Because icons are lightweight and responsive, this Element adds both clarity and style to your design while maintaining fast load times and sharp rendering across all devices.

The Avada Image Element allows you to add images to your website layout with complete control over presentation and behavior. You can adjust size, alignment, borders, hover effects, lightbox functionality, and responsive settings to match your design and user experience goals. It supports dynamic content sources, lazy loading, and custom links, making it ideal for showcasing visuals in a flexible, accessible, and performance-optimized way.

The Avada Image Before & After Element allows you to display two images in a single frame with an interactive slider that lets users compare them by dragging horizontally or vertically. This is especially useful for showcasing transformations, such as design updates, renovations, or retouching work. You can customize the slider orientation (Horizontal/Vertical), label text, and styling to match your website's branding.

The Avada Image Carousel Element allows you to display a rotating sequence of images in a horizontal slider format. The Element supports multiple layout styles, autoplay, navigation controls, and responsive settings, giving you flexibility in how images are presented across different devices. You can customize spacing, image size, transitions, and hover effects, making it ideal for portfolios, product showcases, or brand visuals within a smooth, interactive experience.

The Avada Image Hotspots Element lets you place interactive markers on an image, allowing users to hover or click on specific points to reveal additional information in tooltips. Each hotspot can be styled with custom icons, colors, and animations, and you can control the position precisely using percentage-based coordinates. This Element is perfect for creating informative visuals such as product diagrams, infographics, maps, or guided tours.

The Avada Instagram Element allows you to display a feed of your latest Instagram posts directly on your website, pulling content from a connected Instagram account. It offers layout options such as grid or carousel, and you can control the number of images shown, image spacing, and whether to include captions or hover effects.

The Avada Layer Slider Element lets you insert sliders created with the LayerSlider plugin directly into your WordPress page or post layouts. It provides a way to showcase layered animations, transitions, and multimedia content like images, text, and video in an interactive and highly customizable format. This Avada Element gives you control over which slider to display, integrates seamlessly with responsive designs, and is ideal for creating eye-catching hero sections, presentations, or promotional banners.

The Avada Lightbox Element enables you to trigger a Lightbox popup containing images, videos, or other content when a user clicks on a specific Element, like text, a button, or an image. Content to be viewed in a focused overlay without leaving the page. You can also customize the trigger type, animation, size, and content source, making it a versatile tool for showcasing media, galleries, forms, or promotional content in a clean, distraction-free format.

The Avada Lottie Animation Element allows you to embed lightweight, high-quality animations using JSON files created with tools like Adobe After Effects and exported via the Bodymovin plugin. These animations are scalable, responsive, and smooth across all devices. You can control playback settings such as loop, autoplay, and trigger on scroll or hover, making it a powerful visual tool for adding motion and visual engagement.

The Avada Media Slider Element allows you to create a responsive slider that displays a sequence of images and videos. It supports both self-hosted and embedded media, offering controls for autoplay, navigation, looping, and styling to match your website styling, and is ideal for showcasing portfolios, testimonials, or product visuals.

The Avada Menu Element allows you to display any WordPress menu within your website, offering full control over styling, layout, and responsive behavior. The Element supports horizontal or vertical orientations, dropdowns, custom typography, spacing, and hover effects, letting you create navigation sections that match your site's design perfectly. It is beneficial for building custom headers, footers, or in-page menus without relying on the default WordPress menu locations.

The Avada Menu Anchor Element creates an invisible marker within your page that serves as a target for anchor links, enabling smooth scrolling to that specific section when a link is clicked. It’s commonly used in one-page websites or long scrolling layouts, allowing you to guide users through different parts of the page via navigation menus or buttons. By assigning a custom ID to the anchor, you can link to it from anywhere on the site, improving navigation and user experience.

The Avada Modal Element allows you to create customizable pop-up windows that can display additional content like text, images, videos, or Avada Forms without navigating away from the current page. You can trigger the modal through buttons, text links, or other elements, and fully control its size, animation, overlay style, and close behavior.

The Avada Modal Text/HTML Element is used to define the content that appears inside a modal popup created with the Avada Modal Element. It supports both plain text and custom HTML, allowing you to insert formatted content, Avada Elements, images, or interactive media. This gives you complete flexibility over what the modal displays, enabling tailored experiences such as announcements, forms, videos, or promotional messages.

The Avada Nested Columns Element allows you to create more complex and flexible Layouts by placing additional Columns within an existing Column, giving you multiple levels of column structure inside a single content section. This is useful for designs that require varied content arrangements, such as combining text, images, and icons in intricate patterns. Fully responsive and customizable, the element gives you control over spacing, alignment, and styling while maintaining a clean and organized layout across all screen sizes.

The Avada News Ticker Element displays a scrolling line of text or headlines, simulating the style of traditional news tickers seen on television or stock market feeds. It allows you to showcase dynamic updates, announcements, or links in a compact, animated format that draws attention without taking up much space. You can customize the scroll speed, direction, font styling, and background, making it a sleek and engaging way to highlight timely information on your WordPress website.

The Avada Next Page Element is used in multi-step forms built with the Avada Form Builder to guide users from one step to the next. It acts as a navigation button that advances the form to the following section, helping break up longer forms into smaller, more manageable parts. This improves usability and user engagement by reducing visual clutter and making the form-filling experience more intuitive and structured.

The Avada OpenStreetMap Element allows you to embed interactive maps powered by the open-source OpenStreetMap platform, offering a privacy-friendly and lightweight alternative to Google Maps. You can display one or more locations with custom markers, control zoom levels, map type, and interactivity, and style the map to match your site’s design. It is especially useful for showcasing store locations, event venues, or service areas without relying on third-party APIs.

The Avada Person Element is designed to showcase individual profiles with a photo, name, title, biography, and optional social media links, making it ideal for highlighting team members, speakers, or authors. It provides control over layout, image shape, typography, and alignment, ensuring that each profile fits seamlessly into your site’s design and is fully mobile-friendly and customizable.

The Avada Portfolio Element allows you to showcase your portfolio in a visually engaging layout. You can filter items by category, control the number of Columns, and choose from different layout styles like grid, masonry, or carousel. This Element includes options to display titles, excerpts, categories, and featured images, with hover effects and lightbox support for enhanced interactivity, and it is fully mobile responsive, making it ideal for artists, designers, agencies, or anyone wanting to display work in a clean, organized, and professional format.

The Avada Post Cards Element allows you to display posts, portfolio items, WooCommerce products, or custom WordPress post types using a card-based layout. Each Post Card is designed using the Avada Layout Builder, giving you full creative control over how individual content pieces appear, including images, titles, metadata, and interactive elements. The Element supports various layouts, such as grids, carousels, sliders, and marquees, with advanced filtering, sorting, and styling options. This makes it ideal for creating dynamic, visually engaging content sections that are fully responsive and consistently styled throughout your website.

The Avada Post Slider Element displays a rotating selection of posts, portfolio items, or custom content in a visuall format. It pulls content based on your chosen WordPress categories or tags and showcases them using featured images, titles, excerpts, and metadata. You can customize the layout, animation style, navigation controls, and number of visible slides to match your site’s design and content flow.

The Avada Pricing Table Element allows you to create clean, customizable tables for showcasing pricing plans, service tiers, or feature comparisons. Each column represents a different plan or option, and you can add headings, prices, features, buttons, and ribbons to highlight specific offerings. The Element supports styling control, including colors, spacing, typography, and hover effects, ensuring it matches your site’s branding and is mobile-friendly.

The Avada Privacy Element helps you manage user consent and privacy-related content by allowing you to display specific privacy options and/or messages directly within your posts or pages. It works alongside Avada’s privacy features to embed opt-in checkboxes, cookie preferences, or links to privacy policies in a way that’s compliant with regulations like GDPR.

The Avada Progress Bar Element visually represents information levels using horizontal bars that fill based on a defined percentage. Each bar can be customized with labels, colors, animation effects, and optional icons to reflect specific goals, statistics, or performance metrics, and is ideal for resumes, project updates, or any data that benefits from a visual, trackable format.

The Avada Recent Posts Element allows you to display the latest blog posts in a variety of layouts, including grid, list, or carousel formats. It pulls posts dynamically based on recency and can be filtered by WordPress category, tag, or post author. You have control over which post details to show, such as featured images, titles, excerpts, and metadata, and you can style each Element to match your site's design.

The Avada Scroll Progress Element visually indicates how far a user has scrolled down a page or post by displaying a progress bar that fills in real time. It enhances user experience by providing feedback on reading or navigation progress, especially on long-form content or landing pages. You can position it at the top or bottom of the screen, customize its thickness, color, and animation style.

The Avada Search Element allows you to place a fully functional search bar anywhere in website layouts, offering users an intuitive way to find content across your site. It integrates with the WordPress search system and supports styling options for alignment, placeholder text, icons, size, and button appearance. You can also choose between default, AJAX-powered live search, or WooCommerce product search modes, making it a versatile tool for enhancing user navigation and improving content accessibility.

The Avada Section Separator Element is used to create visually distinct transitions between content sections on a WordPress page or post by adding decorative shapes or patterns. It offers a range of preset separator styles (20 in total), such as slants, waves, or zigzags, which can be applied to the top or bottom of a section. You can customize the color, height, and positioning of each separator.

The Avada Separator Element is used to create a visual distinction between sections or elements on a page. It adds horizontal lines or spaces that help organize content and improve readability. You can customize the style, width, thickness, color, and alignment, as well as add icons or text in the center for added emphasis.

The Avada Slider Revolution Element allows you to insert sliders built with the Slider Revolution plugin directly into your website layouts. It supports full-width, full-screen, and responsive designs with layered animations, videos, and dynamic content. This Avada Element connects seamlessly to any Slider Revolution instance you’ve created, letting you control its placement and styling while leveraging the plugin’s advanced visual effects and interactivity.

The Avada Social Links Element allows you to display a selection of social media icons that link to your profiles on various social media platforms. You can choose from a wide range of popular networks, customize the icon shape, size, color, hover effects, and alignment to match your site’s design. This Element helps you increase engagement and visibility by making it easy for visitors to connect with you across your social channels.

The Avada Social Sharing Element enables users to share content directly to popular social media platforms like Facebook, Twitter, LinkedIn, and others. It adds interactive sharing buttons to WordPress pages or posts, which can be customized in style, size, layout, and alignment to match the website's design. This Element helps boost content visibility and encourages audience engagement.

The Avada SoundCloud Element allows you to embed audio tracks, playlists, or albums directly from SoundCloud into your WordPress website. It supports both standard and visual player styles and gives you control over player dimensions, auto-play behavior, and additional display settings.

The Avada Star Rating Element displays a visual rating using stars (or icons), allowing you to showcase feedback, product ratings, or reviews in an eye-catching way. You can set the number of stars, control the fill level to reflect partial ratings, and customize colors, size, and alignment. This Element is ideal for adding social proof or user-generated content indicators throughout your WordPress site.

The Avada Stripe Button Element allows you to add a payment button to your website that connects directly to your Stripe account for quick, secure transactions. You can customize the button’s label, amount, currency, and styling, making it easy to match your site’s design. Ideal for one-time purchases, donations, or simple checkout flows, this Element enables you to accept payments without needing a full eCommerce setup, while ensuring a smooth user experience.

The Avada Syntax Highlighter Element allows you to display formatted code snippets on your website with color-coded syntax for improved readability and presentation. It supports multiple programming languages and gives you control over styling, line numbering, and copy functionality, making it ideal for tutorials, documentation, or technical content.

The Avada Table Element lets you create structured, easy-to-read tables for displaying data, comparisons, schedules, or pricing details on your website. It provides control over columns, rows, text alignment, background colors, borders, and spacing, and is mobile-friendly.

The Avada Table of Contents Element automatically generates a list of headings from your page or post content, creating a navigable summary that helps users quickly jump to specific sections. It enhances user experience and SEO by improving content structure and readability, especially for long-form articles or documentation. You can customize its appearance, position, and behavior, ensuring it blends seamlessly with your site's styling.

The Avada Tabs Element allows you to organize content into separate, clickable panels within a single section, making it easier to present large amounts of information in a compact and user-friendly format. Each tab can hold any type of content, including text, images, or other Avada Elements, and you can fully customize the tab titles, layout, styling, and animations. It is ideal for FAQs, product details, or feature comparisons, and more.

The Avada Tag Cloud Element displays a visual grouping of tags used across your posts or portfolio items, with tag size often representing frequency of use (if so configured). It helps visitors explore related content by clicking on tags that interest them, improving navigation, SEO, and content discovery. You can customize the style, font size range, spacing, and colors.

The Avada Tagline Box Element is used to highlight key messages, announcements, or calls to action in a bold, attention-grabbing format. It features a customizable container that can include a title, subtitle, description, and button, all styled with your choice of colors, icons, and alignment. Ideal for landing pages, hero sections, or promotional content, the Element helps you communicate important information clearly while maintaining visual impact and consistency within your design.

The Avada Testimonials Element allows you to showcase customer feedback, reviews, or quotes in a visually engaging format that builds credibility and trust. Each testimonial can include text, author name, title, image, and star rating, and you can display them in layouts such as sliders, carousels, or grids. Fully customizable, the Element lets you control colors, typography, spacing, and animation, making it easy to integrate social proof into any part of your website design.

The Avada Text Block Element is a fundamental Avada Design Element that allows you to add and format text anywhere within your WordPress website. It supports rich text editing, including headings, lists, links, and inline styling, while also allowing you to insert shortcodes or dynamic content. It gives you complete control over typography, alignment, spacing, and responsive behavior for all devices.

The Avada Text Path Element lets you display text along a curved or custom SVG path, creating a dynamic and visually engaging design effect. It gives you full control over the path shape, font, size, alignment, and animation, enabling you to craft creative typography that follows lines, curves, shapes, or loops and is ideal for adding a unique visual twist to headings, logos, or callouts.

The Avada Title Element allows you to insert styled headings into your website content, providing structure and emphasis. It supports various HTML heading tags (H1-H6), custom font settings, colors, spacing, and alignment, so you can match your site’s design and hierarchy. The Element also includes options for animations, dividers, highlights, and subheadings, making it a flexible and visually rich way to define sections and guide the viewer’s attention throughout the page or post.

The Avada Toggles Element allows you to present content in expandable panels that open and close when clicked, helping you organize information in a compact, user-friendly way. Each toggle can include a title and detailed content, which can hold text, images, or Avada Elements, and you can control styling, icons, spacing, and animation effects. This Element is ideal for FAQs, multi-step instructions, or any scenario where you want to reduce visual clutter while still giving users access to detailed information.

The Avada User Login Element allows you to embed a customizable login form directly into your pages, allowing users to securely sign into your website without being redirected to the default WordPress login screen. You can style the form’s layout, fields, and buttons to match your design, choose where users are redirected after logging in or out, and even restrict content visibility based on login status. It’s ideal for membership sites, client portals, or any setup requiring user authentication within a branded experience.

The Avada User Lost Password Element provides a frontend form that allows users to reset their account passwords without accessing the default WordPress login page. It offers a secure and branded experience by sending users a reset link via email after they submit their username or email address. Fully customizable within the Avada Builder, this Element lets you control the form’s styling and layout, ensuring it fits seamlessly into your site's design while maintaining user trust and accessibility.

The Avada User Register Element allows you to add a custom user registration form directly to your Avada site, enabling new visitors to create accounts without using the standard WordPress registration page. It supports input fields for essential details like username, email, and password, and offers customization options for styling, layout, and redirection after registration.

The Avada Video Element allows you to embed videos into your WordPress pages or posts using self-hosted files or external platforms like YouTube and Vimeo. It offers full control over player settings such as autoplay, loop, mute, aspect ratio, and responsive behavior, ensuring your videos look and perform well on any device. With styling options for borders, shadows, and spacing, this Element helps you integrate rich media seamlessly into your layout while maintaining design consistency.

The Avada Views Counter Element tracks and displays the number of times a specific post, page, or custom post type has been viewed. It helps showcase content popularity and user engagement directly on your website. You can customize its appearance, choose display formats, and control where and how the view count appears, making it a valuable tool for adding social proof and tracking performance.

The Avada Vimeo Element allows you to easily embed Vimeo videos into your website with full control over how they appear and behave. You can customize player settings like autoplay, loop, color scheme, and aspect ratio. The video Element is 100% mobile responsive.

The Avada Widget Element allows you to insert any available WordPress widgets directly into your page or layout using the Avada Builder. It provides flexibility in placing widgets like recent posts, calendars, search bars, or custom plugins exactly where you need them, rather than being limited to traditional widget areas like sidebars or footers.

The Avada Widget Area Element lets you display a collection of predefined WordPress widgets within your website layout. Instead of adding widgets one at a time, it pulls in a complete group of widgets you’ve set up in the WordPress Dashboard, such as sidebars, footers, or custom widget sections. This makes it easy to reuse consistent widget collections across multiple pages while keeping design and functionality centralized and manageable within the Avada Builder.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.