Andy Ha

VillaTheme

FEWC – Extra Checkout Fields For WooCommerce is an easy and effective method for customizing the checkout page. You can add custom fields, turn on/off any fields, and modify field position,… And preview the result on customizing. 
The checkout page on an eCommerce website is the page that handles payment/shipping information to complete a transaction. It typically includes various form fields to collect user information such as billing address, shipping address, payment method, and so on.
The default WooCommerce checkout template has two form fields, one for billing and one for shipping and payment information. All of this is basic information that is required to proceed with delivery. However, if your customer wants to add some personalization to their order, for instance, if they want to send it as a gift to another person and want a note added, they can do so. What makes them do that? 
FEWC – Extra Checkout Fields For WooCommerce plugin is the best way to make your checkout page more user-friendly. With this plugin, you can edit/manage default checkout fields, and create new custom fields on your checkout page. You can optimize your checkout page with the fields which you believe are important to make your customers comfortable when they experience your checkout page.
Specifically, FEWC – Extra Checkout Fields For WooCommerce is a plugin that makes it easy to edit, hide, rearrange, and validate checkout fields, as well as add, edit, duplicate, and delete new custom fields with different custom field types to sections on your WooCommerce checkout page. Moreover, custom field data can be included in the order email, order detail page, and thank you page.
<blockquote>
<a href="https://new2new.com/?item=fewc" title="Demo FEWC" rel="nofollow ugc">Try the Demo</a> |<a href="https://docs.villatheme.com/?item=fewc" title="Documents" rel="nofollow ugc">Documents</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
<h3>How to install and use the plugin</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Y93Xlhasulk?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>
<h3>THE PLUGIN FEATURES:</h3>
► What FEWC – Extra Checkout Fields For WooCommerce can do:
Add new sections
<ul>
<li>
Add unlimited sections on the checkout page.
</li>
<li>
Edit/remove, set the position of custom sections.
</li>
<li>
Configure the custom section with name, title, title color, and position.
</li>
</ul>
Manage WooCommerce existing checkout fields
<ul>
<li>
Set the priority of existing fields in each section on the checkout page.
</li>
<li>
Toggle to display or hide existing checkout fields on the checkout page.
</li>
<li>
Configure the existing fields with labels, placeholder.
</li>
<li>
Customize the existing fields by class, and define the class label and input class.
</li>
</ul>
Add new custom fields
<ul>
<li>
Add unlimited custom checkout fields.
</li>
<li>
Different types to define the field type: Text, Email, Phone, Number, Textarea, Checkbox, Checkbox group, Select, Radio, Datetime local, Time, Date, Week, Month, Password, Hidden, Url, Html/paragraph.
</li>
<li>
Toggle to display or hide custom checkout fields on the checkout page.
</li>
<li>
Duplicate/Remove custom checkout fields.
</li>
<li>
Configure the custom fields with labels, placeholder.
</li>
<li>
Customize the custom fields by class, and define the class label and input class.
</li>
<li>
Assign to appear: There is a metadata section which allows you to save the custom fields to new user meta data or order meta data and assign the custom fields to appear on the admin email, customer email, order detail page and thank you page.
</li>
</ul>
► Options and customizing features of FEWC – Extra Checkout Fields For WooCommerce:
Different types to define the custom checkout field in FEWC – Extra Checkout Fields For WooCommerce plugin
<ul>
<li>
Text: defines a single-line text input field.
</li>
<li>
Email: is used for input fields that should contain an e-mail address.
</li>
<li>
Phone: is used for input fields that should contain a telephone number.
</li>
<li>
Number: defines a numeric input field. You can also set restrictions on what numbers are accepted.
</li>
<li>
Textarea: a text input field but you can enter text content in multiple lines.
</li>
<li>
Checkbox: defines a checkbox.
</li>
<li>
Checkbox group: allow your customer to select multiple choices.
</li>
<li>
Select: is used to create a drop-down list.
</li>
<li>
Radio: defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices..
</li>
<li>
Datetime local: specifies a date and time input field.
</li>
<li>
Time: allows your customer to select a time.
</li>
<li>
Date: is used for input fields that should contain a date.
</li>
<li>
Week: allows your customer to select a week on the year.
</li>
<li>
Month: allows your customer to select a month on the year.
</li>
<li>
Password: defines a password field.
</li>
<li>
Hidden: defines a hidden input field and does not visible to your customer.
</li>
<li>
Url: is used for input fields that should contain a URL address.
</li>
<li>
Html/paragraph: allow you to show a title or a paragraph with some HTML tag.
</li>
</ul>
Design: There is a design section in each field for designing the field
<ul>
<li>
Class.
</li>
<li>
Label class.
</li>
<li>
Input class.
</li>
</ul>
Meta Data: This feature in FEWC – Extra Checkout Fields For WooCommerce plugin allows you to save the custom fields to new user meta data or order meta data and assign the custom fields to appear on the admin email, customer email, order detail page and thank you page.
<ul>
<li>
Where to save.
</li>
<li>
Meta key name.
</li>
<li>
Display in.
</li>
</ul>
Manipulations can do with FEWC – Extra Checkout Fields For WooCommerce:
<ul>
<li>
Edit fields: Click on the edit icon to edit each field.
</li>
<li>
Show/hide fields: Click on the show/hide icon to show/hide each field.
</li>
<li>
Duplicate fields: Click on the clone icon to create a new same custom field.
</li>
<li>
Delete custom fields: Click on the trash icon to remove a field.
</li>
<li>
Reset default: With a single click, you can return to the original state with the default fields.
</li>
<li>
Rearrange field(s): Drag and drop among fields to sort fields in your desired order.
</li>
</ul>
Admin panel preview: The edition will be applied and visualized on the checkout customizer page so that you can observe the change easily
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/email-template-customizer-for-woo/" rel="ugc">Email Template Customizer for WooCommerce</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/woo-virtual-reviews/" rel="ugc">Faview – Virtual Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-free-shipping-bar/" rel="ugc">Free Shipping Bar for WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/product-variations-swatches-for-woocommerce/" rel="ugc">Product Variations Swatches for WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/vargal-additional-variation-gallery-for-woo/" rel="ugc">VARGAL – Additional Variation Gallery for Woo</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">WordPress Lucky Wheel – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>
<h3>Documentation</h3>
► <a href="https://docs.villatheme.com/?item=fewc" rel="nofollow ugc">Getting Started</a>
<h3>Plugin Links</h3>
► <a href="https://villatheme.com/extensions/fewc/" rel="nofollow ugc">Project Page</a> 
► <a href="https://docs.villatheme.com/?item=fewc" rel="nofollow ugc">Documentation</a> 
► <a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a>

FEWC – Extra Checkout Fields For WooCommerce

Easily customize your checkout page: add custom fields, enable/disable fields, rearrange their positions, and preview changes in the WP Customizer

caitlinchou

Moves email to the first field of the checkout fields. Encourages customers to enter their email early in the checkout field, which should be used in conjunction with an abandon cart or email capture plugin.
Features 
* Lightweight – does not slow down your admin dashboard or frontend 
* Mobile-friendly – compatible with mobile devices

Move Email to Top of WooCommerce Checkout

Moves email to the top of the checkout field to capture email early.

FEWC – Extra Checkout Fields For WooCommerce vs Move Email to Top of WooCommerce Checkout