Flexible Checkout Fields for WooCommerce – WooCommerce Checkout Manager vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

We think WooCommerce is the best ecommerce plugin for WordPress. But it lacks some very basic features like customizing checkout fields with a checkout manager in an easy to use interface. You can do it by hooks and filters but why bother if you can do it by Flexible Checkout Fields for WooCommerce – WooCommerce Checkout Manager. With this single page checkout plugin you can edit the default fields (change labels, hide, delete) or add your own checkout fields. You can set your own fields order. There are a lot of field types such as a checkbox field, a date field or a color picker field (some of them exclusively in the PRO version). Read on to see how easy it is to edit WooCommerce checkout fields with this plugin and how powerful it is. Using the WooCommerce Checkout Blocks? If you are using the block-based checkout (Checkout Blocks), check out our dedicated plugin Flexible Checkout Fields For Blocks, which lets you edit and add fields in the new block-based checkout for WooCommerce. 👉 Flexible Checkout Fields (this plugin) works with the classic checkout form based on the shortcode. 👉 Flexible Checkout Fields For Blocks is designed specifically for the block-based checkout (Checkout Blocks). Faster checkout for more conversions 🛒 The Flexible Checkout Fields plugin is a free extension for editing the WooCommerce checkout page. Adjust the checkout with the right tool. It’s easier than the WooCommerce checkout shortcode customization. You can download the plugin or try it in a free demo. WooCommerce checkout fields customizer ⭐ Use the free plugin to customize the WooCommerce checkout page without coding or additional snippets. Custom checkout design for better user experience. Key features ℹ️ The free plugin comes with the following options: Edit the checkout form (billing and shipping fields) Remove (hide) fields Move or rearrange them Make a field required or optional Enable field validation Set labels and placeholders Set CSS classes Show fields on specific pages and in emails Download the plugin → ✅ Edit and add checkout fields The plugin allows the field customization for existing and add new checkout fields. ✅ Remove (hide) fields You may disable some fields to make the checkout form lighter and faster. ✅ Arrange fields It’s also possible to show fields in a custom order without custom coding. ✅ Make fields required or optional The plugin gives an easy way to set what fields should be mandatory. Screenshots → ✅ Field validation What’s more, you can enable validation per field. ✅ Show fields on pages and in emails Each field has display options as well. ✅ Set labels, placeholders, and CSS classes Moreover, by using labels and placeholders, you can personalize the checkout form and make it more SEO-friendly. And you can customize the checkout layout and design using styles. Screenshots → Download the plugin → Flexible Checkout Fields overview You may also see the short video presenting the plugin features. The free checkout page editor for WooCommerce 🚀 ★★★★★ Flexible Checkout Fields beautifully integrates with the WordPress dashboard. It is probably the best looking checkout field editor for WooCommerce on the market. And you can do some powerful stuff with it too. See some screenshots → Download the plugin → >>> Go to the FCF admin demo <<< – here you can test the admin panel of all WP Desk plugins including Flexible Checkout Fields Show or Hide Fields You do not need a customer’s phone number or second line address? Just hide the fields from the checkout and you’re good to go. This is just one click away. Decide to show it later? Just another click and the field shows again. You can validate email too and hide WooCommerce price. Add New WooCommerce Custom Checkout Fields Add WooCommerce additional fields to your checkout page with your new WooCommerce checkout customizer: Free Text Textarea Number E-mail Phone URL Checkbox Color Headline Paragraph Image HTML Download the plugin → PRO Multi-checkbox Select Multi-select Radio Radio with images Radio with colors Date Time File Upload Hidden Get all PRO features and priority e-mail support. Upgrade to PRO → Well Documented We are proud of our docs. We spend a great deal of time to polish them and make them as complete as possible. Read Flexible Checkout Fields Docs → Support Policy We provide a limited support for the free version in the plugin Support Forum. Please purchase a PRO version to get priority e-mail support as well as all e-commerce features. ⭐Upgrade to PRO → Get more WooCommerce plugins from WP Desk We provide premium plugins for customizing checkout, shipping, invoicing and more. Check out our premium WooCommerce plugins here → Free WooCommerce plugins &rarr; 🤔 How can I customize the WooCommerce checkout page? Step 1: Install and activate Flexible Checkout Fields for WooCommerce. Step 2: Go to your WordPress backend, open the WooCommerce menu, and click Checkout Fields. Step 3: Choose the WooCommerce Checkout Section to customize. Step 4: Manage, reorder, hide, show, or add custom fields to the WooCommerce checkout page. Step 5: Use custom sections of the WooCommerce checkout page, more checkout fields, conditional logic, pricing per field, and additional options in PRO. You can adjust the WooCommerce checkout page with custom checkout fields and this free customizer in a few moments 🚀! Read FAQ for detailed information about the plugin options. 🔀 Fields Order Just drag&drop to reorder checkout fields on the checkout page. You can reorder WooCommerce built-in fields as well as custom fields that you add yourself. Mix them any way you like or need. Simply customize checkout yourself. If other plugins add their custom fields in many cases you will also be able to rearrange them (if added properly by the plugin author). ✅ Field validation WooCommerce has built-in validation of a phone number, an email address (validate email) and a postcode. We let you use this validation in the new fields you add to your store using this plugin. Standard WooCommerce validation is not enough? You can add your own validation to any field you create in this plugin. You can find a code example in Flexible Checkout Fields docs → ❌ Required or Optional Fields This WooCommerce Checkout Editor will let you easily manage which fields should be required and which optional. Just click a required checkbox in the field settings and make a field required or optional. Works both ways. 🏷️ Labels and Placeholders Want to change Company name to just Company or Your Awesome Company? Just edit the label and it will instantly appear in the checkout page. Pro tip: You can also use HTML inside labels! Want to give your customers a tip on how to fill a checkout field? You can do it with an explanatory placeholder (it will show inside the field). For example Enter your full company name. 📃 Display Checkout Fields on Other Pages You can display the fields not only in the checkout page. Just mark a specific checkbox under the “Display On” tab as checked. You have 4 different locations to use: Thank You Page My Account – address My Account – order Emails For custom fields, you may also decide about field formatting on pages/emails. ➿ Custom CSS Class Add some style to your fields. By adding a custom class to each field you can then uniquely style it in your theme’s stylesheet. 🖥️ Use your meta names Are you a developer? You can set any meta name you want. This is the name of the field in the database. You can easily integrate this WooCommerce plugin for one page checkout with your custom code due to this function. 🌎 Multilanguage ready Flexible Checkout Fields (checkout manager) is compatible with WPML and Polylang and lets you translate fields data to other languages. ⭐ Custom Field Sections (PRO) Billing, Shipping or Order sections are not enough? Now you can add fields to 12 other checkout sections. Below you will find all sections and their corresponding hooks (hooks are just for developers’ reference – if you do not know what hooks are, just ignore them and you’ll be just fine – it will just work). Before Customer Details After Customer Details Before Billing Heading Before Billing Form After Billing Form Before Shipping Heading Before Shipping Form After Shipping Form Before Registration Form After Registration Form Before Order Notes After Order Notes Before Payment After Payment After Order Review Before Submit After Submit ⭐ Conditional Logic for Fields (PRO) NEW: You can also use the PRO version of the plugin to show, hide, and set a field as required based on multiple conditions 🚀. We also give you the option to perform no action at all if one or more of the conditions you set is not fulfilled. For example, set a VAT field to be required if the customer selects the company checkbox or is from a specified country. You can also: Enable conditional logic (show, hide, set as required or perform no action) for fields based on: 🧩 Shipping Methods Enable conditional logic (show, hide, set as required or perform no action) for fields based on selected shipping method. 🧩 Payment Methods Enable conditional logic (show, hide, set as required or perform no action) for fields based on selected payment method. 🧩 Products and Categories in Cart Enable conditional logic (show, hide, set as required or perform no action) for fields based on products and/or categories in the cart, i.e.: Show engraving field for jewelery category Show delivery date option only for physical products Show VAT Number for digital goods Hide address fields for digital goods 🧩 Cart value Enable conditional logic (show, hide, set as required or perform no action) for fields based on product value in cart. 🧩 Flexible Checkout Fields plugin fields Enable conditional logic (show, hide, set as required or perform no action) for fields based on other fields added with Flexible Checkout Fields. 🧩 Flexible Product plugin fields Enable conditional logic (show, hide, set as required or perform no action) for fields based on other fields added with Flexible Product Fields. 🧩 Default WooCommerce plugin fields Enable conditional logic (show, hide, set as required or perform no action) for fields based on default Woo fields. 🧩 User role Enable conditional logic (show, hide, set as required or perform no action) for fields based on the user role. 🧩 Date Enable conditional logic (show, hide, set as required or perform no action) for fields based on the date you select. This plugin is compatible with variable products. You can set many conditions (OR) under one or more condition groups (AND) for each field. The conditional logic feature will help you in advanced WooCommerce checkout page customization 🎉! ⭐ Upgrade to Flexible Checkout Fields PRO Get all PRO features and priority e-mail support. ⭐ Upgrade to PRO → Flexible Checkout Fields in a nutshell Key features: make the purchasing experience as flawless as possible for your users. Single page checkout is just 1 click away, remove pain points related to the checkout process, allow for delivery personalization, manage fields in WooCommerce, text fields in WooCommerce checkout, time picker in WooCommerce checkout, date picker in WooCommerce checkout, checkbox in WooCommerce checkout, color picker in WooCommerce checkout, file upload in WooCommerce checkout, manage fields in WooCommerce, add WooCommerce VAT ID number, add WooCommerce checkout fields, price per date, checkout phone validator, fixed price, add WooCommerce custom checkout fields. Data use policy Learn about Use of Data Policy by WP Desk Plugins

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.