Checkout Styling for WooCommerce and Elementor

Are you looking for a better way to improve your eCommerce store styling when using Elementor Pro and WooCommerce? Checkout Styling for WooCommerce and Elementor adds two new widgets to Elementor Pro under WooCommerce to allow you to style your WooCommerce cart and checkout with the Elementor page builder.

The WooCommerce Checkout Page is bare-bones by default and, in many cases, most eCommerce websites are “OK” with that. However, for some, this doesn’t provide the flexibility needed to personalize the cart page or checkout page and a plugin is often required. Unfortunately, the only way to get around this issue is by using custom code or leveraging a plugin that works with your existing page builder.

If you are currently using Elementor Pro and WooCommerce to power your eCommerce store, have we got a treat for you! Checkout Styling for WooCommerce and Elementor adds new functionality to add extra styling options to your WooCommerce Cart and Checkout Pages through the intuitive and easy to use Elementor Pro page builder.

This Plugin Requires Elementor PRO

Checkout Styling for WooCommerce and Elementor doesn’t override your existing Elementor templates and instead adds two new widgets to further improve your store design. Just remove the short code for the WooCommerce cart and add the designated CSWE widget through Elementor PRO to match the page you are editing.

Find something that doesn’t work or have feedback to help us improve the plugin?

Contact us and we will get to work ASAP!

CSWE Cart Widget

CSWE Cart is a custom-designed widget for Elementor Pro that allows an eCommerce store to customize their WooCommerce Cart page using existing Elementor functionality. The goal of this widget is to ensure anyone can personalize their WooCommerce cart page with Elementor PRO as long as they have a basic understanding of the existing functionality the page builder provides. Some of the features you can expect when using CSWE Cart include:

• Custom Button Text for Coupons and Checkout Buttons
• Header Text Modifications for Font, Color, Border and More
• Comprehensive Button Styling Options
• Responsive Options To Hide Forms Based on Device
• Custom Background Options and Motion Effects

CSWE Checkout Widget

CSWE Checkout was developed to allow for increased styling options on the WooCommerce Checkout Page that were previously unavailable. By integrating the widget with existing Elementor functionality, eCommerce stores can quickly and easily personalize their checkout page to make it unique. Some of the features that you can expect when using CSWE Checkout include:

• Custom Field Headers for Billing and Shipping Details
• Individual Control of What Fields are Required
• Typography Control for Buttons, Headers and Labels
• Comprehensive Button Styling Options
• Responsive Options To Hide Forms Based on Device
• Custom Background Options and Motion Effects

What does CSWE do?

Checkout Styling for WooCommerce and Elementor allows a user to style their cart and checkout process for WooCommerce using the Elementor page builder.

What widgets do you add to Elementor PRO?

We add two widgets to Elementor. CSWE Cart and CSWE Checkout.

How do I use the CSWE Cart widget?

Go to your WooCommerce Cart page and edit it with Elementor. Remove the short code for the WooCommerce cart and add the widget CSWE Cart widget. The widget will allow you to style the WooCommerce cart page.

How do I use the CSWE Checkout widget?

Go to your WooCommerce Checkout page and edit it with Elementor. Remove the short code for WooCommerce checkout and add the widget CSWE Checkout widget. The widget will allow you to style the WooCommerce Checkout page.

Do I have to have Elementor Pro to use this plugin?

Yes. In order to add support for WooCommerce, an active version of Elementor Pro is required.

I don’t see your widgets when I edit my page with Elementor.

The widgets are located under the WooCommerce section in Elementor. If you do not have this section you may not have Elementor Pro installed/activated.

1.0.0

• Initial release