Short answer
Elementor Pro has Cart, Checkout and My Account widgets that let you restyle those WooCommerce pages: layout, colours, typography, button styles and some section text. You place each widget on the matching WooCommerce page and style it. The fields themselves, payment methods and shipping options still come from WooCommerce settings and plugins.
Set it up
- Open the Cart page that WooCommerce created and edit it with Elementor. Add the Cart widget.
- Do the same on the Checkout page with the Checkout widget, and on My Account with the My Account widget.
- Use the widget's style tabs for layout (one or two columns), typography, inputs and buttons.
- Check WooCommerce › Settings › Advanced that these pages are still assigned as the cart, checkout and account pages.
Keep checkout short
- Ask only for what delivery needs: name, phone, city, address. Remove optional fields you never use with a checkout-field plugin.
- Show the delivery charge and cash-on-delivery option clearly before the order button.
- Put a short trust line near the button: delivery time, return policy, WhatsApp number.
Payments are separate
Cash on delivery and bank transfer are built into WooCommerce. Card or wallet payments need a payment gateway plugin from your provider. Elementor's widgets style whatever WooCommerce shows; they do not add payment methods. More in running an online store with cash on delivery.
Sources
Prices and features change. Check the source before you buy; we update this guide when they do.