YayCommerce

YayExtra is the ultimate WooCommerce plugin for adding customizable product options to your online shop. Whether you’re selling apparel, gifts, tech gadgets, or anything in between, YayExtra gives you the flexibility to personalize your products and boost customer satisfaction.
It comes with a wide range of field types, including dropdown menus, checkboxes, radio buttons, text inputs, number fields, color swatches, multiple-choice lists, and more.
<a href="https://demo.yaycommerce.com/yayextra/product/t-shirt/" rel="nofollow ugc">DEMO</a> | <a href="https://yaycommerce.com/yayextra-woocommerce-extra-product-options/" rel="nofollow ugc">YAYEXTRA PRO</a> 💎
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qytEac2_Yr0?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>
<a href="https://docs.yaycommerce.com/yayextra/getting-started/introduction" rel="nofollow ugc">Documentation</a> | <a href="https://docs.yaycommerce.com/yayextra/why-upgrade" rel="nofollow ugc">Free vs Pro</a>
<h3>⚡️ FEATURES</h3>
Powerful Custom Product Options 
YayExtra supports many <a href="https://docs.yaycommerce.com/yayextra/how-it-works/option-types" rel="nofollow ugc">WooCommerce product field types</a> to serve your diverse use cases:
<ul>
<li>Allow customers to input text, number, email, etc.</li>
<li>Add radio buttons to the original product</li>
<li>Enable checkbox to allow for privacy policy acknowledgement</li>
<li>Add button rows to customize the base product</li>
<li>Add one time fee in percentage or fixed amount</li>
<li>Add multiple fees to multiple product options</li>
<li>Display the subtotal for the selected extras</li>
</ul>
Multiple Options in an Option Set 
You can add many product custom fields in the same group. Related options can be displayed next to each other or vertically. A product field can trigger the display of the next product field.
Apply Product Options in Bulk 
A group of product fields can be applied to all products, a group of products in a specific category, a group of products with a specific tag, or hand-picked products.
Developer-Friendly 
This product options plugin allows using hooks for <code>before_calculate_totals</code> function to modify the <a href="https://docs.yaycommerce.com/yayextra/developer-zone" rel="nofollow ugc">cart item line total</a>.
WooCommerce Conditional Variations 
YayExtra allows you to create conditional logic that can be combined with the existing custom options. Conditional logic helps show the next product field if the user has selected a specific option value.
Let’s suppose that you sell car parts, so when the customer chooses to have “Accessories” then related options like “Front door items” or “Replacement kit” can be shown on the current product page. Otherwise, if the customer doesn’t check the “Accessories” checkbox, then those options will not show up, which will keep your product page neat and clear.
<h3>💎 PREMIUM-ONLY FEATURES</h3>
Advanced Product Addons 
Multiple field types are built in the premium version:
<ul>
<li>Image swatches</li>
<li>Button (multi selectable)</li>
<li>Swatches (multi selectable)</li>
<li>Date picker</li>
<li>Time picker</li>
<li>File Upload</li>
</ul>
Grouping and Bundling Products 
Similar to “related products,” you can easily use an existing product as a swatch or option for another product.
<ul>
<li>Assign the “Custom Stickers” product as an additional option for a range of “Bag” products.</li>
<li>Offer a “Matched Cap” as an optional add-on for a “Baseball T-Shirt” to create a coordinated set.</li>
<li>Quickly <a href="https://yaycommerce.com/best-ways-to-create-product-bundles/" rel="nofollow ugc">set up product bundles</a> and upsell opportunities to maximize sales.</li>
</ul>
<h3>🔑 ENHANCED SETTINGS</h3>
Each field type comes with various elements to help you enhance the extra product options:
<ul>
<li>Required field: Require the customer to select an option or enter the information so it can be passed through in the order (Free)</li>
<li>Placeholder: Add help text or expected value to be entered in the field (Free)</li>
<li>Set as default: Enable a specific option value to be selected upon product page load (Free)</li>
<li>Custom image: Use uploaded swatch image to show on product featured image (Premium-only)</li>
<li>File upload: Add a single or multiple file uploads, make file uploads mandatory or optional, and many other options.</li>
<li>File upload: Allow specific file formats like PNG, JPG, PDF, DOC, XLS, etc.</li>
</ul>

YayExtra – WooCommerce Extra Product Options

YayExtra is the ultimate WooCommerce plugin for adding customizable product options to your online shop. Whether you're selling apparel, gifts, t …

EDGARROJAS

With extra product options builder for woocommerce you get more fields/features than any other, and we keep adding more every week. If you don’t find how to do something let us know and we will work on adding it.
<h4>Features</h4>
<iframe loading="lazy" title="Product Builder For WooCommerce" width="750" height="422" src="https://www.youtube.com/embed/0Onykz2QK2A?start=1&feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<ul>
<li>
A bunch of fields at your disposal
<ul>
<li>Text Box: Add one line of text (<a href="https://demos.rednao.com/productbuilder/product/text-box-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Multiple Box: Add multiple lines of text (<a href="https://demos.rednao.com/productbuilder/product/multiple-box-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Radio: Select from a list using radio buttons (<a href="https://demos.rednao.com/productbuilder/product/radio-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Checkbox: Select one or many options from a list (<a href="https://demos.rednao.com/productbuilder/product/checkbox-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Paragraph: Add additional text to the product (<a href="https://demos.rednao.com/productbuilder/product/paragraph-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Divider: Separate the extra product fields in sections (<a href="https://demos.rednao.com/productbuilder/product/divider-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Datepicker: Select a date from a calendar (<a href="https://demos.rednao.com/productbuilder/product/datepicker/" rel="nofollow ugc">Demo</a>)</li>
<li>Masked Field: Allow to input text in a predefined format (<a href="https://demos.rednao.com/productbuilder/product/masked-field/" rel="nofollow ugc">Demo</a>)</li>
<li>Color Picker: Select a color form a dropdown (<a href="https://demos.rednao.com/productbuilder/product/color-picker/" rel="nofollow ugc">Demo</a>)</li>
<li>Slider: Slider control (<a href="https://demos.rednao.com/productbuilder/product/sliders/" rel="nofollow ugc">Demo</a>)</li>
<li>Range: Similar to slider but with multiple indicators (<a href="https://demos.rednao.com/productbuilder/product/range/" rel="nofollow ugc">Demo</a>)</li>
<li>Button Selector: Select from a list of options (<a href="https://demos.rednao.com/productbuilder/product/button-selectors/" rel="nofollow ugc">Demo</a>)</li>
<li>Switch: Turn on/off control (<a href="https://demos.rednao.com/productbuilder/product/switch/" rel="nofollow ugc">Demo</a>)</li>
<li>Signature: Signature control (<a href="https://demos.rednao.com/productbuilder/product/signature/" rel="nofollow ugc">Demo</a>)</li>
<li>Item Swatcher: Select from a list of colors (<a href="https://demos.rednao.com/productbuilder/product/color-swatcher/" rel="nofollow ugc">Demo</a>)</li>
<li>Term of Service: Add a term of service checkbox (<a href="https://demos.rednao.com/productbuilder/product/term-of-service/" rel="nofollow ugc">Demo</a>)</li>
<li>Google Maps: Pick address using google maps (<a href="https://demos.rednao.com/productbuilder/product/google-maps/" rel="nofollow ugc">Demo</a>)</li>
<li>Textual Image: Dynamically add text to an image (<a href="https://demos.rednao.com/productbuilder/product/textual-image/" rel="nofollow ugc">Demo</a>)</li>
<li>Size Chart: Display a table, each row can be configured with a different price if needed (<a href="https://demos.rednao.com/productbuilder/product/size-chart/" rel="nofollow ugc">Demo</a>)</li>
</ul>
</li>
<li>
Conditional logic: Show or hide using conditions, like when a variation is selected or when another field has an specific value (<a href="http://productbuilder.rednao.com/product/show-hide-demo/" rel="nofollow ugc">Demo</a>)
</li>
<li>More than 1500 icons to style your fields: Make your fields look great and easy to fill with your own icons or images (<a href="https://productbuilder.rednao.com/product/icons/" rel="nofollow ugc">Demo</a>)</li>
</ul>
<h4>Premium Features</h4>
<ul>
<li>There is also a premium version that has more fields
<ul>
<li>List: Add a list that can be increased or decreased by the user (<a href="https://demos.rednao.com/productbuilder/product/list-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Group Panel: Create sub sections and display a sub total in each of them (<a href="https://demos.rednao.com/productbuilder/product/group-panel/" rel="nofollow ugc">Demo</a>)</li>
<li>Pop Up: Add a button that will display the configured fields in a pop up (<a href="https://demos.rednao.com/productbuilder/product/pop-up/" rel="nofollow ugc">Demo</a>)</li>
<li>Repeater: Create a list of fields that can be repeater with a buttons (<a href="https://demos.rednao.com/productbuilder/product/repeater/" rel="nofollow ugc">Demo</a>)</li>
<li>File Upload: Upload files (<a href="https://demos.rednao.com/productbuilder/product/file-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Hidden: Hiden field that is not visible by the user but can be seen in the order dashboard</li>
<li>Image Picker: Select one or many items from a list of images (<a href="https://demos.rednao.com/productbuilder/product/image-picker-demo/" rel="nofollow ugc">Demo</a>)</li>
<li>Daterange: Create a field that can do calculations between two dates (<a href="https://demos.rednao.com/productbuilder/product/daterange/" rel="nofollow ugc">Demo</a>)</li>
<li>Searchable dropdown: Create a dropdown that can be filtered, this dropdown can also include images (<a href="https://demos.rednao.com/productbuilder/product/searchable-select/" rel="nofollow ugc">Demo</a>)</li>
<li>Collapsible Panel: A panel that can collapse fields inside it (<a href="https://demos.rednao.com/productbuilder/product/collapsible-panel/" rel="nofollow ugc">Demo</a>)</li>
<li>Text With Styles: Let users style a text (<a href="https://demos.rednao.com/productbuilder/product/text-with-styles/" rel="nofollow ugc">Demo</a>)</li>
<li>Likert with scale: Create a likert scale line (<a href="https://demos.rednao.com/productbuilder/product/likert-scale/" rel="nofollow ugc">Demo</a>)</li>
<li>Survey: Add a survey table to your product (<a href="https://demos.rednao.com/productbuilder/product/survey/" rel="nofollow ugc">Demo</a>)</li>
<li>Group Button: Add selectable buttons ([Demo}(https://demos.rednao.com/productbuilder/product/group-button/))</li>
<li>Rating: Add a rating field (<a href="https://demos.rednao.com/productbuilder/product/rating/" rel="nofollow ugc">Demo</a>)</li>
<li>Image Condition: Change the product image depending on a condition. (<a href="https://demos.rednao.com/productbuilder/product/image-condition-demo/" rel="nofollow ugc">Demo</a>)</li>
<li><a href="https://productbuilder.rednao.com/knowledge-base/introduction/" rel="nofollow ugc">Formulas</a>: Change the product image depending on a condition.</li>
<li><a href="https://productbuilder.rednao.com/knowledge-base/global-product-options/" rel="nofollow ugc">Global Product Options</a>: Add options to all the products that match a condition defined by you</li>
</ul>
</li>
<li>Custom Validations: Create your own validations (<a href="https://demos.rednao.com/productbuilder/product/custom-validation/" rel="nofollow ugc">Demo</a>)</li>
</ul>
<h3>Latest Tutorials</h3>
= Creating multi-price options = 
<a href="https://productbuilder.rednao.com/knowledge-base/creating-multi-price-options/" rel="nofollow ugc">Link</a> 
Learn how to create fields with dynamic prices
<h4>How to add extra options to hundreds of WooCommerce products</h4>
<a href="https://productbuilder.rednao.com/how-to-add-extra-options-to-hundreds-of-products-at-the-same-time/" rel="nofollow ugc">link</a>
Learn how to apply extra options in bulk to products that match a criteria (for example to products that belongs to a specific category)
<h3>Creating Fees</h3>
<iframe loading="lazy" title="Creating Fees" width="750" height="422" src="https://www.youtube.com/embed/dzwNn1KsYfw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Couldn’t add the extra product option that you needed? Let us know! we are eager to improve the plugin even more =) <a href="https://productbuilder.rednao.com/contact-us/" rel="nofollow ugc">Contact Us</a>
<h3>Latest Tutorials</h3>
Introduction to the front end api 
<a href="https://productbuilder.rednao.com/knowledge-base/1-introduction/" rel="nofollow ugc">Link</a> 
For developers. Learn how to use the api to fill a text box or check a box programmatically.

Extra Product Options Builder for WooCommerce

The most customizable extra product options builder for WooCommerce. You will love how many fields and features the free version has.

YayExtra – WooCommerce Extra Product Options vs Extra Product Options Builder for WooCommerce