Woo Checkout Payment Element

Place The Order Now Buttons Anywhere

Buy Avada
Discover More
Prebuilt Websites

Woo Checkout Payment Element

Add To Any Layout To Help Convert Leads Into Sales

There are 9 WooCommerce Elements to choose when creating a WooCommerce checkout page. Choose from Order tracking, Product price/cart button, Product by SKU/ID, Products by SKU/ID, Product Categories, Products by category slug, Recent Products, Featured Products, and Shop Message. From displaying a single product to a full category, and even showing Order Tracking, this Element allows you to present your WooCommerce products on your site in a stylish manner.

checkout-payment

Loaded With Customization Options

The Avada WooCommerce Checkout Billing Element has a ton of options that will make it easy for you to set up, style and display billing information fields for the checkout on your branded e-commerce website.

billing-margin

Margin

This option allows you to set the element margin in pixels or percentage.

payment-font-size

Text Font Size

Controls the font size of the payments text.

payment-font-family

Text Font Family

Controls the font family of the payments text.

payment-label-padding

Label Padding

Enter values including any valid CSS unit.

payment-label-backgound-color

Label Background

Controls the label background color of the payments.

payment-label-hover-background-color

Label Hover Background

Controls the label hover background color of the payments label.

payment-label-color

Label Color

Controls the label color of the payments.

payment-label-hover-color

Label Hover Color

Controls the label hover color of the payments.

payment-description-padding

Description Padding

Enter values including any valid CSS unit.

payment-description-background-color

Description Background

Controls the label background color of the payments description.

payment-description-color

Description Color

Controls the description color of the payments.

payment-link-color

Link Color

Controls the link color of the payments text.

payment-link-hover-color

Link Hover Color

Controls the link hover color of the payments text.

payment-place-order-button-style

Place Order Button Style

Select whether you want to custom style the place order button.

payment-button-size

Button Size

Controls the button size.

payment-button-span

Button Span

Controls if the button spans the full width/remaining width of row.

payment-alignment

Alignment

Select the button’s alignment.

payment-button-border-size

Button Border Size

Controls the border size. In pixels.

payment-button-styling

Button Styling

Use filters to see specific type of content.

billing-field-animation

Animation

Select the type of animation to use on the element.

The Avada: Website Builder

CREATE THE LAYOUTS YOU WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.

avada-theme-builder
EXPLORE THE AVADA WEBSITE BUILDER

Advanced Options Network

Avada Global Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

live-demo-advanced-options-network

The #1 Selling WordPress Theme Of All Time

700,000+

Individuals & Businesses Trust Avada

BUY AVADA

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging