“Got a discount code” doesn’t show in Checkout builder Layout
-
Hi team, I am using the Layouts to create a custom checkout. I used your preset template. So far, so good. Yet, after publishing it, I notice the WooCommerce “Got a discount code” appears on top of the content I created in Elementor. How can I add it into the Elementor layout? The idea is that in my design, the logo overflows from the header into the content. That’s why I want to add a certain padding to the elements below. With that thing, now my padding is between the “Got a discount code” and the checkout form.
Attachments:
You must be
logged in to view attached files.
Hello,
Maybe you are using Custom WooCommerce Builder layouts, which are part of WooCommerce Builder from WoodMart.
Navigate to Layouts > add checkout top content layout and add the coupon form widget in the layout to show the coupon and add the padding there.
Below are the documentation articles: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
If you have any questions, feel free to contact us.
Best Regards,
Hello, yes, that is what I mentioned, I am using one of the prebuilt checkout templates you offer in the Layouts area (screenshot attached). After publishing, the coupon form field is still added somehow to the live page, but it is not available within the layout when I edit it with Elementor. Does this help explain?
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Sure, please find attached. The Layout in question is named Check Out.
Hello,
When you use one of the prebuilt checkout templates from the Layouts area, the coupon form is automatically included as part of the default checkout structure. However, if you create a new custom layout and assign it to the Checkout Top Content condition, the coupon form becomes a separate widget within that layout: https://postimg.cc/w1zc1FS7
If you remove the Coupon Form widget from the layout and publish it, the coupon section will no longer appear on the checkout page.
So, to keep the coupon form visible, please ensure that the Coupon Form widget remains included in your checkout layout.
Best Regards,
Hello, thanks for looking into this. Just to confirm, I do want to use the coupon form, but I want it to be included in my custom layout. What would you recommend that I do? Do I need to create a new layout for checkout and not use the pre-built templates or can I simply add the coupon form widget into my existing layout? Thank you.
Hello,
You’ll need to create a new layout specifically for the Checkout Top Content condition.
Here’s what you can do:
Navigate to > Layouts > Add New and create a new layout.
Set the Condition to Checkout – Top Content > Edit this layout with Elementor and you’ll see the Coupon Form widget available there.
You can then choose to add, remove, or reposition the Coupon Form as needed > Once done, publish the layout.
This approach ensures that the coupon form is managed independently within the checkout page structure while maintaining full layout control.
Best Regards,
I got it now. Thank you so much! This was very helpful. Best wishes!
Hello,
You’re Most Welcome!
Feel free to write back anytime. If you need further assistance, we are always here to help you.
If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘“Got a discount code” doesn’t show in Checkout builder Layout’ is closed to new replies.
.
