Shop Maker allows you to replace the default WooCommerce Checkout page with two customizable templates:
Before Checkout – shown above the checkout form. This is an optional section, perfect for displaying messages, notices, login prompts, or trust-building content.
Checkout – the main checkout template that includes billing, shipping, and payment fields.
This setup gives you full flexibility to create a branded, conversion-friendly checkout experience while communicating important details before the actual form.
CHECKOUT - BILLING FORM - ELEMENTOR WIDGET
Step-by-step instructions
Create or import the checkout templates
You can either:
Create from scratch:
In Elementor > Templates > Add New, create two separate Page templates:
one for Before Checkout (optional section) and one for Checkout (the main layout).
Use Shop Maker widgets like Checkout Form, Order Summary, Coupon Field, etc.
Import a ready-made template:
Go to Shop Maker > Import Templates and select from pre-built layouts.
You can import just one or both sections depending on your needs.
Assign the templates in Shop Maker
Navigate to Shop Maker > WooCommerce Templates.
Select your desired Before Checkout Template.
Select your custom Checkout Template.
Click Save Changes.
Notes
The Before Checkout template is ideal for content such as:
Login forms (especially for returning customers)
Account creation prompts
Shipping or return policy notices
Trust elements (badges, testimonials, money-back guarantees)