You can use the Elementor Order Form widget to embed and style your order form without touching a single line of code.
Here are the options that are available in this widget:
General
- Select Product
- Hide Labels
Style
Here you’ll find style controls for every element of the order form
- Wrapper – Style controls for the order form container
- Heading – Applies to the order form section headings such as “Checkout”, “Contact Information”, “Order Summary”, etc.
- Input – Styles the text fields used in the form
- Valid – Controls for form error messages
- Select Items – Styles the payment plan options
- Order Summary – Styles for the Order Total section
- Submit Button
- Coupon Toggle – Applies to the “Got a coupon code?” text
- Coupon Input
- Coupon Button
Advanced
Click here to learn about the settings on the Advanced tab