Tanvirul Haque

Do you want to add quantity field on shop page of WooCommerce?
Using this plugin you can easily show the quantity field on the shop page of WooCommerce. This plugin also works with variable products if you enabled variation swatches on your shop page.
No options required, just activate this plugin and it’s done.
Please let us know your feedback, if you think something can be more awesome in this plugin, we will be added it.

Add Quantity Field on Shop Page for WooCommerce

A lightweight plugin that displays the quantity field on shop page of WooCommerce.

Themeisle

Are you a WooCommerce store owner looking to offer personalized products? PPOM (Personalized Product Option Manager) is your solution for crafting custom product options and addons tailored to customer needs. This plugin simplifies adding custom fields directly to your product pages, including text inputs, dropdown menus, checkboxes, radio buttons, date pickers, file uploads, and more to enhance the shopping experience.
<h3>Quick Links</h3>
<ul>
<li>Would you like to see PPOM in action before installing it? <a href="https://demo-ppom-lite.vertisite.cloud/" rel="nofollow ugc">See it in action</a></li>
<li>Need any help with setup? <a href="https://docs.themeisle.com/collection/1695-product-option-manager" rel="nofollow ugc">View documentation</a></li>
<li>Interested in PPOM PRO? <a href="https://themeisle.com/plugins/ppom-pro/upgrade?utm_source=wordpressorg&utm_medium=readme&utm_campaign=quick-links" rel="nofollow ugc">Learn more</a></li>
</ul>
<h3>Why Choose PPOM?</h3>
<ul>
<li>
Customize with Ease: Add custom fields and product add-ons directly to your product pages, creating flexible, personalized shopping experiences.
</li>
<li>
Increase Sales Potential: With dynamic pricing adjustments and enticing customization options, you empower customers to get exactly what they want, increasing both satisfaction and sales.
</li>
</ul>
Increase sales and customer satisfaction by offering tailored product options and add-ons. PPOM is built for WooCommerce stores that need unique, customizable products.
<h3>Input Types in Free Version:</h3>
📌 Text: Displays an input box for text personalization like ‘Name on Mug’. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-text-input/" rel="nofollow ugc">View Demo</a>
📌 Textarea: Displays a larger text box for longer text personalization. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-textarea-input/" rel="nofollow ugc">View Demo</a>
📌 Select Options (with price): Dropdown for selecting a single option. Best for many options. Supports per-option pricing. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-select-input/" rel="nofollow ugc">View Demo</a>
📌 Radio Options (with price): Radio buttons for selecting a single option. Best for fewer options. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-radio-input/" rel="nofollow ugc">View Demo</a>
📌 Checkbox Options (with price): Checkboxes for selecting multiple options. Supports per-option pricing. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-checkbox-input/" rel="nofollow ugc">View Demo</a>
📌 Date: Let customers pick a date (e.g., date of birth). <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-date-input/" rel="nofollow ugc">View Demo</a>
📌 Email: Email input displays an input box that allows users to add an email address. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-email-input/" rel="nofollow ugc">View Demo</a>
📌 Number: Number input for digits only (e.g., phone numbers, IDs). <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-number-input/" rel="nofollow ugc">View Demo</a>
📌 Hidden: An invisible field that stores a default value (e.g., a product code) — it appears in the cart and order details but not on the product page. <a href="https://demo-ppom-lite.vertisite.cloud/product/hidden-input/" rel="nofollow ugc">View Demo</a>
<h3>Features in Free Version:</h3>
📌 Prices with Options: Enable dynamic pricing for custom features, ensuring each choice reflects its value.
📌 Conditional Logic: Show or hide fields based on user inputs or specific criteria.
📌 Tooltip: Displays helpful descriptions on hover without cluttering the interface.
📌 CSS Classes: Assign CSS classes to each input for enhanced styling.
📌 Fields Width: Easily control the layout by adjusting the width of each field.
📌 Min/Max Length: Set minimum and maximum values for text or number inputs.
📌 Input Masking: Ensures users input data in predefined formats for accuracy and consistency.
📌 Placeholder: Establish placeholders for <code>text, textarea, and number inputs</code>.
📌 Fields Validation: Mark fields as required to ensure data completeness.
📌 Error Messaging: Define custom error messages for required fields.
📌 Field Description: Use HTML tags to enhance field descriptions.
📌 Price Display Options: Choose how to display additional prices, such as hiding them, showing only the total, or displaying them itemized.
📌 Fields Privacy: Set field visibility based on criteria such as visible to everyone, guests, or specific user roles.
📌 Apply via Category: Deploy PPOM fields category-wide to save time, or apply them to individual products as needed.
📌 Compatibility with Advanced Order Export For WooCommerce plugin: Streamlines data exports, supporting CSV, XLS, XML, and JSON formats for all custom fields.
📌 Multi-Language Support: Ready for WPML and Polylang, enhancing global usability.
<h3>Video Guide</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/wGQBOzyMF4U?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>PPOM PRO Inputs:</h3>
💎 Audio/Video: Allow customers to select audio/video from predefined audios/videos by admin. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-video-music/" rel="nofollow ugc">View Demo</a>
💎 Bulk Quantity: Set discount prices for larger quantities. Ideal for printing and design businesses. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-bulk-quantity-input/" rel="nofollow ugc">View Demo</a>
💎 Chained Input: Renders chained input in the dropdown. <a href="https://demo-ppom-lite.vertisite.cloud/product/chained-input/" rel="nofollow ugc">View Demo</a>
💎 Collapse Input: This input acts like a parent block for managing grouped inputs. <a href="https://demo-ppom-lite.vertisite.cloud/product/collapse-input/" rel="nofollow ugc">View Demo</a>
💎 Color Palette: Allow customers to select color(s) from a predefined set of colors by admin. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-color-palette/" rel="nofollow ugc">View Demo</a>
💎 Color Picker: Allow customers to select any colors and save Hex value. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-color-picker/" rel="nofollow ugc">View Demo</a>
💎 Conditional Images Input: Display different info based on the chosen images. <a href="https://demo-ppom-lite.vertisite.cloud/product/conditional-images-input/?attach_id=325&ppom-meta=41,0" rel="nofollow ugc">View Demo</a>
💎 Date Range: Select two dates between from and to. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-date-range-input/" rel="nofollow ugc">View Demo</a>
💎 Divider Input: Visually separates meta fields for better product page design. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-divider-input/" rel="nofollow ugc">View Demo</a>
💎 Domain Input: Check web domain availability. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-domain-input/" rel="nofollow ugc">View Demo</a>
💎 Emojis Input: <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-emoji-input/" rel="nofollow ugc">View Demo</a>
💎 File Upload: Allow customers to upload files with configurable file types and size limits. Includes progress bar and thumbnail display. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-file-upload-input/" rel="nofollow ugc">View Demo</a>
💎 Fixed Price Input: Set fixed prices with Add Option / First Option. <a href="https://demo-ppom-lite.vertisite.cloud/product/fixed-price-input-with-add-option-first-option/" rel="nofollow ugc">View Demo</a>
💎 Fonts Picker: Allows you to insert text and select the desired font for it, offering a preview. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-fonts-picker/" rel="nofollow ugc">View Demo</a>
💎 HTML Content: Add HTML tags, like p or h1 tags, to add more details for your extra fields. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-basic-html-with-content/" rel="nofollow ugc">View Demo</a>
💎 Image Cropper: Allows users to upload and crop images. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-basic-image-cropping-input/" rel="nofollow ugc">View Demo</a>
💎 Image Dropdown Input: Dropdown with images for complex pricing options like print packages. <a href="https://demo-ppom-lite.vertisite.cloud/product/image-dropdown-input/" rel="nofollow ugc">View Demo</a>
💎 Images Options: Image input is just like Radio/Checkbox, but images can be uploaded against each option. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-images-options/" rel="nofollow ugc">View Demo</a>
💎 Measure Input: Set prices for measure units like milk, clothes & frames, etc. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-measure-input/" rel="nofollow ugc">View Demo</a>
💎 Phone Input: Phone number input field, useful for business cards and marketing products. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-images-options/" rel="nofollow ugc">View Demo</a>
💎 Price Matrix with Discount: Set tiered or discount prices on bulk purchases. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-price-matrix-discount/" rel="nofollow ugc">View Demo</a>
💎 Personalized Preview: Users can type text, customize font, and preview how it appears on the product image. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-texter-input/" rel="nofollow ugc">View Demo</a>
💎 Quantities Pack Input: Create multiple-choice product pages where users can buy different quantities of product variants. <a href="https://demo-ppom-lite.vertisite.cloud/product/quantities-pack-input/" rel="nofollow ugc">View Demo</a>
💎 Quantity Option Input: Add quantity fields for extras (e.g., additional bookmarks with a book purchase). <a href="https://demo-ppom-lite.vertisite.cloud/product/quantity-option-input/" rel="nofollow ugc">View Demo</a>
💎 Radio Switcher Input: Visual radio buttons with different images for each option. <a href="https://demo-ppom-lite.vertisite.cloud/product/radio-switcher-input/" rel="nofollow ugc">View Demo</a>
💎 Select Option Quantity Input: This input allows you to display a dropdown with options along with their quantities. <a href="https://demo-ppom-lite.vertisite.cloud/product/select-quantity-option-input/" rel="nofollow ugc">View Demo</a>
💎 Superlist Input: Predefined dropdowns for common data like languages, countries, and currencies. <a href="https://demo-ppom-lite.vertisite.cloud/product/superlist-input/" rel="nofollow ugc">View Demo</a>
💎 Text Counter: This input is a special text input that can restrict the total number of words or characters. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-text-counter/" rel="nofollow ugc">View Demo</a>
💎 Timezone: Let customers select a timezone from a pre-defined list. Admins can include or exclude specific zones. <a href="https://demo-ppom-lite.vertisite.cloud/product-category/timezone-input/" rel="nofollow ugc">View Demo</a>
💎 Variation Matrix Input: Allow customers to order different quantities for different options like sizes or colors. <a href="https://demo-ppom-lite.vertisite.cloud/product/basic-variation-matrix-input/" rel="nofollow ugc">View Demo</a>
💎 Variation Quantities: Allow customers to order different quantities for different options. <a href="https://demo-ppom-lite.vertisite.cloud/product/demo-for-variation-quantities/" rel="nofollow ugc">View Demo</a>
<h3>PPOM PRO Features:</h3>
💎 More Conditional Logic Operators: Expand conditional logic for text and numeric fields with operators like contains, regex, between, multiples, less than, greater than, is odd, is even, and more.
💎 Custom CSS & Javascript: Add custom CSS and JavaScript for full control over field appearance and behavior.
💎 Apply via Product Tags: Attach fields to products using product tags.
💎 Options Prices Taxable: Apply tax settings to product options for accurate pricing.
💎 Weight Options: Weight can be assigned for options.
💎 Multiple Meta Groups: Assign multiple meta groups to a single product.
💎 Import/Export: You can use PPOM to import or export your custom fields directly from PPOM settings.
💎 <a href="https://www.youtube.com/watch?v=1IoABjkQ--I" rel="nofollow ugc">Instant Validation</a>: Check required fields in real time without reloading the page.
💎 PPOM Repeater: Repeat meta-field groups as needed.
💎 Compatibility with WooCommerce Currency Switcher: Seamlessly switch currencies to accommodate global customers.
💎 Compatibility with WPML Currency Switcher: Offers dynamic currency switching to match customer location.
💎 Compatibility with Wholesale Plugin: Integrates with WooCommerce Wholesale for differentiated pricing structures.
💎 Compatible with all WooCommerce themes: Works with all WooCommerce themes, ensuring consistency and efficiency.
<h3>More Add-ons in PPOM PRO:</h3>
✅ Conditional Repeater: Automatically repeat fields based on quantity entered. Example: customer orders 5 caps and gets 5 name fields for personalization. <a href="https://demo-ppom-lite.vertisite.cloud/product/personalized-caps-using-conditional-repeater/" rel="nofollow ugc">VIEW DEMO</a>
✅ Cart Edit: Allow customers to modify their orders from the cart page.
✅ Fields Popup: Display PPOM fields inside a popup on the product page.
✅ Collapse Settings: Control whether grouped fields start expanded or collapsed, and style them with custom colors, icons, and tab-style navigation.
✅ Enquiry Form: Collect custom customer inquiries directly from your product pages.
Interested in PPOM PRO? <a href="https://themeisle.com/plugins/ppom-pro/upgrade?utm_source=wordpressorg&utm_medium=readme&utm_campaign=interested-pro" rel="nofollow ugc">Learn more</a>
<h3>Use Cases</h3>
🍰 Bakery: Customers choose cake sizes, flavors, and decorations.
💍 Jewelry Store: Offer material choices (gold, silver, platinum), gemstones, and custom engravings.
🌍 Travel and Tours: Let customers select destinations, accommodations, and activities with conditional options.
👕 Custom Apparel: Allow fabric, color, and design uploads for personalized clothing.
<h3>See what real users say about us:</h3>
<ul>
<li>
“<a href="https://wordpress.org/support/topic/best-than-best-2/" rel="ugc">Best than Best</a>” – With help of this plugin, I could able to add some extra items to my main product with ability do increase and decrease the price. Thanks guys, keep it going…
</li>
<li>
“<a href="https://wordpress.org/support/topic/perfect-for-different-types-of-websites/" rel="ugc">Perfect for Different Types of Websites</a>” – Great plugin that I use across 3 different types of website with no problems. Highly recommend it as its easy to use even for a beginner like me!
</li>
<li>
“<a href="https://wordpress.org/support/topic/simply-the-best-better-than-all-the-rest-4/" rel="ugc">Simply the best, better than all the rest</a>” – This review is more about PPOM Pro, than the free version. However what’s considered Pro at the competion, is Free here. And what’s Pro about PPOM is actually Ultra. Features like custom font pickers are simply stellar. Saves months of coding. TL;DR: ThemeIsle has made the #1 PPOM plugin in the entire WooCommerce space.
</li>
<li>
“<a href="https://wordpress.org/support/topic/amazing-plugin-2602/" rel="ugc">Amazing plugin</a>” – I love this plugin! I use the free version and I’m extremely happy with it. I would highly recommend it to anyone needing to add on extras to their products in WooCommerce.
</li>
</ul>
<h3>Support</h3>
Need help? Open a thread on the <a href="https://wordpress.org/support/plugin/woocommerce-product-addon/" rel="ugc">Support Forum</a>.
<h3>Documentation</h3>
View the <a href="https://docs.themeisle.com/collection/1695-product-option-manager" rel="nofollow ugc">documentation</a>.
<h3>Contribute</h3>
PPOM is open-source. Contribute on <a href="https://github.com/Codeinwp/woocommerce-product-addon" rel="nofollow ugc">GitHub</a>.
<h3>Useful Resources</h3>
<ul>
<li>Read more about WordPress on our <a href="https://themeisle.com/blog/" rel="nofollow ugc">blog</a>.</li>
<li>Explore our <a href="https://themeisle.com/wordpress-plugins/?utm_source=wordpressorg&utm_medium=readme&utm_campaign=PPOM" rel="nofollow ugc">other plugins</a>.</li>
</ul>
<h3>How to report a security issue?</h3>
Plugin security is a core priority for us. If you identify a potential vulnerability, we ask that you disclose it responsibly.
Please follow the reporting protocols outlined on our <a href="https://themeisle.com/security/" rel="nofollow ugc">Security Page</a>.

PPOM – Product Addons & Custom Fields for WooCommerce

Easily add a range of custom fields to WooCommerce products, from text boxes to date selectors, allowing customers to personalize their orders.

Add Quantity Field on Shop Page for WooCommerce vs PPOM – Product Addons & Custom Fields for WooCommerce