Return to previous page

Making Email field in checkout the prioritized by moving up

This topic has 3 replies, 2 voices, and was last updated 4 months ago ago by Nicolo

Nicolo

Participant

July 26, 2024 at 09:10

Hi

How can i make the email field in the checkout prioritized by forcing the customer to fill this one out first?

I remember this was possible in the theme customizer? Am i right?

I was recommended by you to change to elementor builders, so hope the feature is available.

Files is visible for topic creator and
support staff only.

#407088 Copied Theme version: 9.3.15

2 Answers
Luca Rossi

Support staff

July 27, 2024 at 13:50
Hi @Nicolo,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: flex; flex-wrap: wrap; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { flex: 0 1 100%; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last{ flex: 0 1 50%; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p#billing_email_field { order: -1; margin-bottom: var(--fields-v-gap, 1.43rem); } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p#billing_phone_field { order: 2; }

Hope it helps!
#407257 Copied
Nicolo

Participant

August 4, 2025 at 10:57

Thanks for the support! My topic “Making Email field in checkout the prioritized by moving up” has been successfully resolved.

#451676 Copied
Tagged: email checkout enhancement, optimize woocommerce checkout, prioritize email field, woocommerce checkout, wordpress checkout customization, wordpress woocommerce templates
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Making Email field in checkout the prioritized by moving up’' has been successfully resolved, and the topic is now closed for further responses

Making Email field in checkout the prioritized by moving up

Explore our best WordPress WooCommerce Themes collection