Elementor widget

The Checkout component, as every Awesome component, can be used with Elementor website builder. Follow these steps to add and configure the Checkout component on your website.

Add the widget #

First, you need to drag the Checkout widget to your checkout page. If you need more help using Elementor you can click here.

Configure the general settings #

Here you can configure the component settings. Remember that this controls only the component, the WooCommerce checkout settings must be set before using the component. For more information on how to configure the WooCommerce checkout settings click here.

Adjust the style settings #

Now that everything is set, the only thing left to do is adjust the style of the component to match your store look and feel.