水野史土

<p>When you enter a shortcode, it will be executed and outputted, by using the_field(‘FIELD_NAME_HERE’) in your theme.</p>
<p>You need Advanced Custom Fields plugin by Elliot Condon.</p>


Advanced Custom Field: Shortcode Field

When you enter a shortcode, it will be executed and outputted, by using the_field('FIELD_NAME_HERE') in your theme.

ThemeHigh

<p><strong>WooCommerce Checkout Field Editor</strong> enables you to edit the default checkout fields of your WooCommerce platform, add, edit, hide, or delete the default fields, change labels, rearrange checkout fields, validate the checkout fields, add custom css classes etc.</p>
<p>🔥 <strong>#The Ultimate Solution for Customizing WooCommerce Checkout Fields</strong></p>
<p>The default WooCommerce checkout field editor offers only basic fields, limiting the ability to collect crucial information. Moreover, manually customizing checkout fields with code is time-consuming and complex and leads to the following issues</p>
<p>❌ <strong>No Personalization</strong> – Customers expect a seamless, customized experience, but the default setup doesn’t allow it.<br />
❌ <strong>Poor User Experience</strong> – A cluttered checkout page with unnecessary fields can frustrate customers, leading to cart abandonment.<br />
❌ <strong>Reduced Conversions</strong> – An unoptimized checkout process can increase drop-offs and lower sales.</p>
<h3>How WooCommerce Checkout Field Editor (Checkout Manager) simplifies customization?</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/eMGjviRHyfo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>✳️ <strong>Complete Checkout Field Customization <span aria-hidden="true" class="wp-exclude-emoji">→</span></strong> Effortlessly add, edit, remove, and rearrange fields.</p>
<p>✳️ <strong>24+ Field Types<span aria-hidden="true" class="wp-exclude-emoji">→</span></strong> Add additional field types to your Checkout page.</p>
<p>✳️ <strong>Optimized for Conversions <span aria-hidden="true" class="wp-exclude-emoji">→</span></strong> Create a seamless checkout flow, reducing friction and increasing sales.</p>
<p>✳️ <strong>Compatible with Classic & Block Checkout <span aria-hidden="true" class="wp-exclude-emoji">→</span></strong> Effortlessly customize fields, whether you’re using the classic checkout layout or the modern block-based layout  .</p>
<p>✳️ <strong>Custom Hooks <span aria-hidden="true" class="wp-exclude-emoji">→</span></strong> Easily Add more functionalities features with developer-friendly custom Hooks.</p>
<p><strong>👉Note:</strong> Block Compatibility <span aria-hidden="true" class="wp-exclude-emoji">→</span> Our Checkout Field Editor (Checkout Manager) for WooCommerce now supports WooCommerce Checkout Blocks, allowing customization with Text, Select, Radio, and Checkbox fields, plus validation for Email, Phone, and URL. More field types will be added in upcoming updates.</p>
<p><a href="//flydemos.com/wcfe/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=try_demo)" rel="nofollow ugc">Try Demo</a> | <a href="https://www.themehigh.com/docs/docs-category/checkout-field-editor-for-woocommerce/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=pro_doc" rel="nofollow ugc">Documentation</a> | <a href="https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=wcfe_upgrade_link" rel="nofollow ugc">Get Pro </a></p>
<h3>🔥 EXPLORE WHAT OUR FREE VERSION OFFERS</h3>
<h4>✅  ADD FIELDS TYPES TO CHECKOUT PAGE</h4>
<p>👉 Easily add up to 20 different checkout field types to gather more customer information using <strong>Classic checkout</strong>.</p>
<pre><code>1.  Text
2.  Number
3.  Hidden
4.  Password
5.  Email
6.  Phone
7.  Radio
8.  Textarea
9.  Select
10. Multi Select
11. Checkbox
12. Checkbox Group
13. DateTime Local
14. Date 
15. Month   
16. Time
17. Week
18. URL
19. Heading
20. Paragraph
</code></pre>
<p>👉 Also the users can add 10 checkout field types to gather more customer information using <strong>Block checkout</strong>.</p>
<pre><code>1.  Text
2.  Number
3.  Textarea
4.  Select
5.  Radio
6.  Checkbox
7.  Email
8.  URL
9.  Paragraph
10. Heading
</code></pre>
<p>Users can <strong>edit, delete and enable/disable these fields</strong>. With the simple drag-and-drop interface, users can also easily <strong>reposition fields</strong> to meet their business needs effortlessly.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6UXexzGIn-8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>✅ VALIDATE THE CHECKOUT FIELDS</h4>
<p>Validate both custom and default checkout fields to prevent incomplete or incorrect submissions, enhancing the user experience and reducing errors during checkout.</p>
<ul>
<li><strong>Number</strong>: Restricts input to numerical values</li>
<li><strong>Email</strong>: Ensures correct email formatting</li>
<li><strong>Phone</strong>: Validate phone number input</li>
<li><strong>State & Postcode</strong>: Checks location-based details</li>
<li><strong>URL</strong>: Allows only properly formatted web addresses</li>
</ul>
<h4>✅ MANAGE CUSTOM CHECKOUT FIELD VISIBILITY</h4>
<ul>
<li>
<p>In <strong>Classic checkout</strong> control the visibility of custom checkout fields on the Order Details Page and in emails with a simple checkbox option</p>
</li>
<li>
<p>In <strong>Block checkout</strong> control the visibility of custom checkout fields in the Admin emails, customer emails, admin order details & customer order details with a simple checkbox option</p>
</li>
</ul>
<h4>✅  PREVENT ADDRESS FIELD OVERRIDES</h4>
<p>By default, WooCommerce will change the address format based on the countries. Using this plugin, you can prevent the override address field properties and use the values set using the plugin. You can also change the address formats displayed in the addresses in <strong>My Account page</strong>, <strong>Thank You page</strong> and <strong>Transactional Emails</strong>.</p>
<p><strong>👉Note:</strong> The custom fields created using this plugin can also be included in the addresses using the override feature.</p>
<h4>✅ ONE-CLICK RESET TO DEFAULT FIELDS</h4>
<p>Restore the original state and revert to default fields effortlessly with a single click.</p>
<h4>✅ EASILY TRANSLATE TO OTHER LANGUAGES</h4>
<p>The Checkout Field Editor plugin supports WPML, Polylang, and Loco Translate, making it simple to translate fields into different languages. For dynamic strings, use the Polylang or WPML plugin.</p>
<h3>🔥 WHY SWITCH TO PRO?</h3>
<p>While the free version of <a href="https://flydemos.com/wcfe/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=try_demo" rel="nofollow ugc">Checkout Field Editor for WooCommerce</a> offers essential features to enhance your checkout pages, the premium version offers full control over your checkout process & easily customize WooCommerce Checkout Fields – Works with Both Classic & Block Checkout!—ensuring a better customer experience and higher revenue such as:</p>
<p><strong>👉 4 additional field types for more flexibility</strong><br />
<strong>👉 Add & edit display sections and fields conditionally</strong><br />
<strong>👉 Custom validations to ensure accurate data</strong><br />
<strong>👉 Price fields with a variety of price types</strong><br />
<strong>👉 Change the address display format</strong><br />
<strong>👉 Developer friendliness with custom hooks</strong><br />
<strong>👉 Compatibility with third-party plugins for extended functionality</strong></p>
<p><a href="https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=wcfe_upgrade_link" rel="nofollow ugc">GET FULL ACCESS WITH PREMIUM NOW !</a></p>
<h4>👉 WPML Compatibility</h4>
<p>The WooCommerce Checkout Field Editor works smoothly with WPML, allowing you to translate checkout field labels and text into multiple languages for a better multilingual checkout experience.</p>
<h3>🔥 SEE  OUR  PREMIUM FEATURES</h3>
<p><a href="//flydemos.com/wcfe/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=try_demo)" rel="nofollow ugc">Try Demo</a> | <a href="https://www.themehigh.com/docs/docs-category/checkout-field-editor-for-woocommerce/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=pro_doc" rel="nofollow ugc">Documentation</a> | <a href="https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=wcfe_upgrade_link" rel="nofollow ugc">Get Pro </a></p>
<h4>✅  ADD 4 ADDITIONAL FIELDS TYPES TO CHECKOUT PAGE</h4>
<pre><code>1.  File Upload
2.  Time Picker
3.  Date Picker
4.  Label
</code></pre>
<p>🆕 <strong>👉 Note:</strong> The Pro version  lets you add an extra checkout field type <strong>Date Picker</strong> when using Block Checkout.</p>
<h4>✅ POSITION SECTIONS AT 14 POSITIONS</h4>
<p>Display sections at 14 different locations, offering greater flexibility in organizing your checkout page.</p>
<pre><code>1.  Before customer details
2.  After customer details
3.  Before billing form
4.  After billing form
5.  Before shipping form
6.  After shipping form
7.  Before registration form
8.  After registration form
9.  Before order notes
10. After order notes
11. Before terms & conditions
12. After terms & conditions
13. Before submit button
14. After submit button
</code></pre>
<p><strong>👉Note:</strong>  Additionally, with our <a href="https://www.themehigh.com/product/woocommerce-multi-step-checkout/" rel="nofollow ugc">WooCommerce Multistep Checkout plugin</a>, you can add custom sections inside a custom step, giving you a total of 15 placement options</p>
<h4>✅  DISPLAY SECTIONS & FIELDS BASED ON CONDITIONS</h4>
<p>Show/hide custom fields only when specific conditions are met.</p>
<ul>
<li>Cart contains</li>
<li>Cart subtotal</li>
<li>Cart total</li>
<li>User Roles</li>
<li>Product</li>
<li>Product Variations</li>
<li>Product Category</li>
<li>Based on other field values</li>
<li>Based on Shipping Method</li>
<li>Based on Payment Method</li>
</ul>
<h4>✅ CREATE & APPLY CUSTOM VALIDATIONS FOR CHECKOUT FIELDS</h4>
<p>You can validate checkout fields before order submission. Along with default validation options, you can create custom validation rules to ensure your fields meet specific requirements</p>
<h4>✅ CREATE CONFIRM FIELD VALIDATION</h4>
<p>You can create confirm field validators to compare the values of two fields. For example, ensure that the ‘password’ and ‘confirm password’ fields match before proceeding with the checkout</p>
<h4>✅ ADD PRICE FIELDS WITH MULTIPLE PRICE TYPE</h4>
<p>Add additional price values to the total by including price fields in the checkout form. You can also set predefined fixed prices using hidden fields in WooCommerce Checkout.</p>
<ul>
<li>
<p><strong>Fixed Price:</strong> Add a fixed amount to the total price when the field is selected.</p>
</li>
<li>
<p><strong>Custom Price:</strong> Let users enter their own price, ideal for donations or tips.</p>
</li>
<li>
<p><strong>Percentage of Cart Total:</strong> Set the field price as a percentage of the cart total..</p>
</li>
<li>
<p><strong>Percentage of Subtotal:</strong> Add a price based on a percentage of the subtotal.</p>
</li>
<li>
<p><strong>Percentage of Subtotal Excluding Tax :</strong> Add a price based on the percentage subtotal excluding tax.</p>
</li>
<li>
<p><strong>Dynamic Price:</strong> Set price per unit, with the total calculated based on the number of units selected.</p>
</li>
</ul>
<h4>✅ EDIT & PERSONALIZE ADDRESS FORMATS</h4>
<p>With the WooCommerce Checkout Field Editor, you can customize the address format displayed on the My Account page, Thank You page, and transactional emails. Additionally, you can include custom fields created with the plugin in the address format using the override feature.</p>
<h4>✅ SET REPEAT RULES FOR CUSTOM FIELDS</h4>
<p>The Pro version of the WooCommerce Checkout Manager plugin allows you to set repeat rules for custom fields and sections based on criteria such as product quantity and cart count only in <strong>classic checkout</strong></p>
<h4>✅ DEVELOPER FRIENDLY</h4>
<p>All the custom fields in the Checkout Field Editor are available through hooks. So, the developers can use the checkout fields to extend the functionality of the fields.</p>
<h4>✅ SUPPORTED PLUGINS & THEMES</h4>
<p>👉 PLUGINS</p>
<ul>
<li>PDF Invoices & Packing Slips for WooCommerce by WP Overnight</li>
<li>Customer / Order / Coupon Export for WooCommerce by SkyVerge</li>
<li>Multi-language Support (WPML, Polylang & Loco Translate)</li>
<li>Zapier Support</li>
</ul>
<p>👉 THEMES</p>
<ul>
<li>Astra </li>
<li>WoodMart </li>
<li>Divi</li>
<li>Avada</li>
<li>Flatsome </li>
<li>OceanWP </li>
<li>Storefront  etc..</li>
</ul>
<h3>Why ThemeHigh</h3>
<p>At themehigh, we specialize in providing thoughtful solutions to help you create your store in the easiest and simplest way possible, providing you with a smooth and enjoyable customization experience.</p>
<p>🏆 2 Million+ Customers<br />
🏆 Quickest Turn-around Support<br />
🏆 Most Lightweight Plugins</p>
<h3>🔥  Explore More</h3>
<p>If you like the Extra product option, then consider checking out our other WordPress Plugins:</p>
<p>👉<a href="https://www.themehigh.com/product/woocommerce-extra-product-options/" rel="nofollow ugc">Extra Product Options For WooCommerce: </a><br />
This Custom Product addons plugin lets you quickly add additional fields (19 custom field types) and sections to your WooCommerce Product page.</p>
<p>👉 <a href="https://wordpress.org/plugins/product-variation-swatches-for-woocommerce/" rel="ugc">Variation Swatches for WooCommerce:</a><br />
Using the WooCommerce Variation Swatches plugin, you can easily convert default WooCommerce product attribute drop-downs into customizable swatches and display customized product variations.</p>
<p>👉 <a href="https://wordpress.org/plugins/email-customizer-for-woocommerce/" rel="ugc">Email Customizer for WooCommerce | Drag and Drop Email Templates Builder:</a><br />
Email Customizer is a plugin that helps you effortlessly customise your WooCommerce transactional emails using its intuitive drag-and-drop builder.</p>
<p>👉 <a href="https://wordpress.org/plugins/woo-multistep-checkout/" rel="ugc">  MultiStep Checkout for WooCommerce:</a><br />
The Multistep checkout plugin helps you split the regular WooCommerce checkout process into multiple steps and create a simpler and more organized checkout experience.</p>
<p><strong>Happy Users of Checkout Manager Plugin</strong></p>
<blockquote>
<p><strong>captainprint (@captainprint)</strong>⭐⭐⭐⭐⭐<br />
  I had a great experience with this plugin’s customer service. I ran into an issue, and their team was very helpful. They solved my problem efficiently, and I really appreciated their support. Highly recommend!</p>
<p><strong>giannisdigitup (@giannisdigitup)</strong>⭐⭐⭐⭐<br />
  Fastest support ever! Not asking stupid things and not blamming other plugins for their problems. Provided me with a valid solution in minutes.<br />
  Good job guys!!!</p>
<p><strong>amitaugma (@amitaugma)</strong> ⭐⭐⭐⭐⭐<br />
  The plugin functionally provides all the necessary tools to successfully build a clean checkout form with conditional and easy to use interface. On top of that, their support is amazing and would take the extra mile to help with any inquires. RECOMMENDED!</p>
<p><strong>dragoso (@dragoso)</strong> ⭐⭐⭐⭐⭐<br />
  Support is super speedy and the PRO plugin is totally awesome and works like a charm. Very happy with the purchase! Thank you guys!</p>
<p><strong>DCM (@bcreativos)</strong> ⭐⭐⭐⭐⭐<br />
  Great complement in both versions: Free and paid. Excellent support. Thank you very much recommended 100%.</p>
</blockquote>
<h3>OTHER USEFUL LINKS</h3>
<p>👉 <a href="https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=wcfe_upgrade_link" rel="nofollow ugc">VIEW ALL FEATURES</a><br />
👉 <a href="https://www.themehigh.com/docs/category/checkout-field-editor-for-woocommerce/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=pro_doc" rel="nofollow ugc">GET DOCUMENTATION</a><br />
👉 <a href="https://www.themehigh.com/docs/support/?utm_source=wcfe_free&utm_medium=referral&utm_campaign=cfe_support" rel="nofollow ugc">GET THEMEHIGH SUPPORT</a><br />
👉 <a href="https://www.facebook.com/groups/themehigh/" rel="nofollow ugc">JOIN COMMUNITY</a><br />
👉 FOLLOW US ON <a href="https://www.facebook.com/ThemeHigh-319611541768603/" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/themehigh/" rel="nofollow ugc">LinkedIn</a>, <a href="https://twitter.com/themehigh/" rel="nofollow ugc">X</a> , <a href="https://www.youtube.com/channel/UC-_uMXaC_21j1Y2_nGjTyvg/" rel="nofollow ugc">YouTube</a> & <a href="https://www.reddit.com/r/themehigh" rel="nofollow ugc">Reddit</a>.</p>


Checkout Field Editor (Checkout Manager) for WooCommerce

useful plugin


I enjoyed using it, made my life easier adding fields.My shop is selling to one country, so I disabled the country fields. This lead to a bug, users could not save their address. My request is not to allow disabling fields that are breaking address saving mechanism.Thanks


Great plugin, one improvement request


Highly customizable, does a good job for a free plugin.


Good Plugin


using it in production for 1 year with no issues so far.


recomanded


It has helped me for my ecommerce. No problem. Good job!


Good job


Thank you for that great options plugin. We calibrated the booking form at our needs.


It works perfect with booking systems also


I have used this plug-in for customizing the checkout page and it is very easy and useful. Unfortunately, I have faced some issues on the checkout page with the store pickup plug-in. However, the support team has fixed my problems within hours. There is an excellent support team and highly recommend this plug-in.


Great Plug-in and Excellent Support Team


Nice Plugin , Very help full to edit the checkout filed and many other filed.


Very Help full.


Very easy to use, and a must-have if you sell digital/virtual/downloadable products that doesn't require a Shipping Address.


Very easy to use


The Checkout Field Editor (Checkout Manager) for WooCommerce is a great tool for customizing your checkout process. It lets you easily add, edit, and rearrange fields, making checkout smoother for customers. Whether you need custom text fields, dropdowns, or conditional logic, it’s simple to use and works well even if you’re not a coding expert.



What makes it even better is the excellent support. The developers are responsive, updates keep it working with WooCommerce, and the documentation is helpful. If you need a flexible, user-friendly way to adjust your checkout, this plugin is a solid choice!


Comprehensive capability and good support

Checkout Field Editor (Checkout Manager) for WooCommerce – The best WooCommerce checkout manager plugin to manage WooCommerce checkout fields.

Advanced Custom Field: Shortcode Field vs Checkout Field Editor (Checkout Manager) for WooCommerce