Woo Checkout Tabs Element

Last Update: February 11, 2026

The Avada Woo Checkout Tabs Element allows you to add a series of checkout-related tabs to your WooCommerce Checkout page. It’s an all-in-one Element which has the same components that the other four Woo Checkout Elements have seperately – the Woo Checkout Billing Element, the Woo Checkout Order Review Element, the Woo Checkout Payment Element, and the Woo Checkout Shipping Element. With this single Element, however, you can replicate the standard Woo Checkout.

Watch the video below for a visual overview of the Element, view the Avada Checkout Tabs Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.
View Element Page!
View Avada Builder Elements!
Avada & WooCommerce

How To Use The Woo Checkout Tabs Element

Using the Avada Woo Checkout Tabs Element couldn’t be easier. Just add the Element to your assigned WooCommerce Checkout page (replacing the existing shortcode). There is a range of layout and design options to style it exactly how you like. You can add Titles or other Elements above or below (like the Avada Woo Notices Element to complete your page.

On the front end, the user will be led through the tabs as they complete each one. If you’d prefer to emulate the one-page WooCommerce checkout, you can use the other aforementioned Woo Checkout Elements to create the same process on one page.

Woo Checkout Tabs Element Page

Element Options

Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

[ams_options hide_on_mobile=”small-visibility,medium-visibility,large-visibility” sticky_display=”normal,sticky” element=”fusion_tb_woo_checkout_tabs” /]

In this article