If you’re looking to sell personalized products or would like to provide additional options when adding products to the cart, then you might consider using WooCommerce Product Add-Ons. You’ll be able to add an unlimited number of options to your products, using a range of add-on fields.
In this post, we’ll take a look at some of the best WooCommerce product add-ons options available to you and show you how you can use them on your WooCommerce store (along with dynamic product tables), to increase conversions and boost sales.
What are WooCommerce add-ons and why do you need them?
For those of you who are looking for a way to let customers personalize their products or select premium options and add-ons, modifying the default WooCommerce purchasing and checkout process enables you to keep customers coming back for more. With plugins like WooCommerce Product Add-Ons, you can offer all sorts of add-on options to customers.
For those unfamiliar, WooCommerce add-ons let your customers personalize products as they’re shopping on your e-commerce site. The great thing about this is that you don’t have to jot down customization requests on paper, or deal with follow-up requests after customers have placed their order. Instead, customers can simply add any additional requests or preferences to the shopping cart and proceed to the checkout page.
You’ll be able to add options to your site such as text boxes, text areas, dropdowns, checkboxes, sample images, and custom price inputs. You can include add-on options globally or individually to products by going into the Edit Product screen.
Here are a few examples of how you can use WooCommerce product add-ons in your online store:
- Add a special note to a pizza delivery box. For instance, please write ‘Happy Birthday, John!’ on the box.’
- Custom engraved watches/jewelery. For instance, please engrave ‘MM’ on the back of the watch using the Cinzel font.
- Additional notes (for placing orders at a restaurant) such as No peanuts or Extra olives.
Key benefits of using WooCommerce add-ons on your online store
- Variable products You can display product variations as a dropdown list which will also (dynamically) show the correct price and stock level for that variation. And when you use them with product tables, you'll also have the option to list each variation on a separate row. In addition to this, WooCommerce’s default settings will allow customers to select variations from the single product page, as well.
- Product quantity The quantity field allows customers to choose the number of add-on items they’d like to purchase with their product. This is useful if you’re selling, say, pillows with mattresses. In this scenario, you can let customers purchase as many pillows as many additional pillows as they’d like with their order – at an additional cost, of course!
- Custom products You’ll be able to offer customized product options to your customers such as monogrammed jewelery, customized goods (like t-shirts or mugs), and personalized gift hampers or chocolate boxes.
Now that we know the basics of WooCommerce add-ons, let’s look at some scenarios in which you may need them for your own online store.
Why you might need different product add-ons
The best WooCommerce product add-ons plugins can help you optimize your online store’s purchasing process and user flow. As a result, you’ll be able to increase your store's conversion rate and boost sales. Additionally, offering personalization options to customers will also help you generate user engagement through direct, seamless interactions.
Let’s look at some of the different ways you can take your business to the next level using the best WooCommerce product add-on plugins:
Product tables for product page
The WooCommerce Product Table plugin officially supports the official WooCommerce Product Add-ons extension. It lets you display extra options in your product tables in addition to what’s already possible out of the box with variable products. To name a few:
- Radio buttons to display multiple options available for a product.
- Quantity fields to enable your customers to select the quantity of items they’d want to purchase of an add-on available with the main product.
- Custom price fields to collect donations or tips in a restaurant.
- Text area to input personalized requests such as custom messages.
By using WooCommerce Product Table with the WooCommerce Product Add-Ons plugin, you’ll be able to include add-on options directly within the product table layout. This way, customers won’t have to navigate to the single product page to avail those options. It’s the best WooCommerce product add-ons solution for online stores!
Here’s a look at some of the key benefits you get by using WooCommerce Product Table with WooCommerce Product Add-Ons:
- It can help increase conversion rates and boost sales.
- You’re able to deliver a better shopping experience to your customers.
- It improves the usability of your online store.
- It simplifies the buying user flow.
Here’s a preview of what the best WooCommerce product add-ons solution – integrating WooCommerce Product Table with WooCommerce Product Add-Ons – looks like on the front-end:
You can see that customers can select pizza sizes using a dropdown list (product variations) in addition to various add-on options including Crust Styles using radio buttons and Extra Toppings using checkboxes. Additionally, customers can also use the text area under Any special requests? Type your message here: for special requests. Finally, they’ll be able to choose the quantity of add-ons (such as Extra cheese and Pepperoni) using separate quantity selectors.
Quick view functionality
If you sell products that typically have lots of personalization options -- like clothes, jewelry, food, or gift items -- you might consider displaying product add-on options in a quick view lightbox.
The WooCommerce Product Add-Ons extension integrates seamlessly with the WooCommerce Quick View Pro plugin allowing you to display product details in addition to extra options. For example, if you sell t-shirts and hoodies, you could include add-on options for Choose Your Extras (using checkboxes) or Add a Custom Message (using text input fields).
Depending on the type of business you’re running, you might need to charge customers additional fees on each transaction. For example, you might charge a premium for shipping and handling or a percentage-based fee for providing services overtime.
With WooCommerce Product Add-Ons, you have the option to either charge flat fees or percentage fees.
You can charge a flat fee regardless of how many products a customer orders. This could be incredibly useful for service-based businesses. For example, if you’re selling washing machines or air conditioners, you might consider charging a flat fee on every purchase which covers installation charges.
Similarly, you can charge based on a percentage of the total order value. For example, you might need to charge a percentage fee for shipping and handling. The further away the product needs to be shipped, the more it’ll cost you for transporting it. For this reason, you might consider charging customers a higher percent of the customer’s total shopping cart value based on their shipping address.
You should consider giving your customers the option to name their own price. This is ideal for collecting tips at a restaurant or accepting donations for a charity. If, for example, you organize fundraisers or work closely with a local charity, you might consider implementing the custom prices add-on option in your own e-commerce site.
Different types of clients
One of the best WooCommerce product add-ons options, text input, allows you to let customers request personalized products. For example, your customers might want ...
- Custom bowling balls with a unique print.
- Ask you to add a sports logo to the t-shirt they just purchased.
- Request a hand-written greeting card.
... all of this is possible with the text input add-on option.
And, for example, if you offer services then the text input option lets clients request that their graphic design files be delivered to them in a specific format, e.g. as a PSD. And if you run a jewelery monogram business, your customers might ask you to monogram their initials on a bracelet.
Similarly, you can make it even easier for customers to customize products by providing a dropdown list of options. For example, if you give customers the option to fill their gift hampers with crinkle cut paper, you could also let them choose what color the crinkle cut paper should be using the dropdown add-on option. The pre-defined options might include Red, Purple, and Yellow.
This is also perfect for service-based businesses who create custom, printable products for their clients. The customers may ask you to deliver the printed products directly to their shipping address or send them a downloadable version to their email address. Both options can be provided using a predefined dropdown i.e. Ship to address and Email a downloadable file.
What can you do with WooCommerce product add-ons
Here’s a look at some of the different things that are possible with the best WooCommerce product add-ons solution for WordPress:
Custom options and custom fields
One of the best WooCommerce product add-ons options is the ability to add custom field types. You can add all sorts of fields including multiple choice, name your price, checkboxes, and quantity.
The Add-on fields panel can be found on a new or existing product page. You need to click the Add field button to add your first blank add-on:
To select an add-on field you need to use the dropdown menu on the top of the add-on fields panel. Here you can use the multiple choice add-on for enabling customers to choose from a list of options, dropdown lists, radio buttons, or images. The name your price option lets you enter a number-only value to the product price. Similarly, the checkboxes field lets the customer tick or untick relevant option to make their selection.
It’s a perfect solution for subscription-based businesses (or service-based businesses) that want to offer customization options to their customers. For instance, customers shopping for ties can use the tick boxes and images to select whichever tie colors and patterns they’d want to buy or use the dropdown menu to choose the material of the ties.
One of the key benefits of using these best WooCommerce product add-ons is that they don’t require any coding knowledge. In other words, you can essentially avoid HTML and CSS altogether.
Conditional logic enables you to show specific fields to your customers based on the information they enter. Unfortunately, the official WooCommerce Product Add-Ons plugin doesn’t support conditional logic. However, you can use Gravity Forms along with the Gravity Forms Product Add-Ons extension to achieve this sort of functionality.
The Gravity Forms Product Add-ons extension creates product configuration forms that let you add conditional logic, conditional submit button logic, and conditional pricing fields for your products. Plus, you’ll be able to easily track any product that contains a Gravity Form in the shopping cart to ensure that duplicate configurations are incremented in quantity (instead of being added twice).
Just bear in mind that Gravity Forms Product Add-Ons doesn't integrate with WooCommerce Product Table or WooCommerce Quick View Pro. If you need those integrations, then you'll have to use the official Product Add-Ons plugin without conditional logic.
This is another useful WooCommerce add-on option that enables customers to upload a file which is sent to the site’s admin via an order confirmation email. You’ll need to create a file upload field in your product table to allow customers to attach important files like images, documents, and videos.
For instance, a business that offers editing and proofreading services would need to be able to accept document files, make relevant corrections, and send them back to their clients. Similarly, if you run a graphic design company, customers can upload files and requirements, and when you’re done editing them, you can send them back to the customer.
Adding the file upload add-on is incredibly easy and you don’t need any prior coding skills to implement it on your business website.
Localization for languages and currencies
If you want to give your customers additional options like, translation and currency conversion, WooCommerce Product Add-Ons can be integrated with other plugins. Here’s how:
Product Add-ons for Currency Switcher is a powerful, yet lightweight plugin that enables integration between the official Product Add-ons plugin and Currency Switcher for WooCommerce. It allows you to accurately convert the price of product add-ons using pre-configured exchange rates.
Once installed, the plugin seamlessly integrates with the Currency Switcher and the WooCommerce Product Table Add-On plugins, giving your customers the option to automatically convert add-on prices to their local currencies. When the plugin is activated, it automatically calculates conversion rates in the active currency.
The WooCommerce Product Add-On extension enables you to customize your products by offering extra options like checkboxes, input boxes, radio buttons and dropdown menus. Since it’s fully compatible with WooCommerce Multilingual and Weglot, it’ll translate any product add-on that you create.
You’ll be able to create two types of add-ons for your products both of which follow different translation workflows. Per-product add-ons are used for specific products in your online store whereas global add-ons are used for multiple products based on the product categories you select.
Here is an example of how your product page gets translated in to Spanish:
Free vs pro version of product add-ons
Here's a look at some of the features you’ll get by using free vs premium WooCommerce product add-ons plugins and the key differences between both offerings.
The YITH WooCommerce Product Add-Ons enables you to increase your customers’ shopping cart order value and lets you save time by managing additional options simultaneously.
You’ll be able to create groups of options and use them for all the items, as well as for specific categories in your online shop. You can also select dependency between options, so that a dropdown option is shown only to customers that select the one that depends on it.
For instance, let’s say you own a candy store and a customer wants to purchase a 2-pound chocolate sculpture. You offer variations in milk, nuts, and dark chocolate and also give customers the option to have a phrase carved on it – at an additional cost. The YITH Product Add-ons let you add a text field where your customers can enter a custom phrase or select a predetermined phrase using a checkbox or radio button on the single product page. Predetermined phrases are great around the holiday time when people might want holiday greetings carved into chocolate such as Merry Christmas or Happy Easter. By offering these options, you’ll be able to increase your conversion rates and boost sales.
WooCommerce Product Add-Ons (Paid)
With the Product Add-Ons plugin, customers will be able to customize products as they shop through your online store.
You can offer several options in your product table using dropdown menus, checkboxes, sample images and text fields. Additionally, you’ll also be able to use multiple pricing methods such as flat fees, percentage fees and quantity-based pricing to sell your products. This helps boost sales and increases conversion rates.
Let’s look at the main differences between options available with free vs pro version:
- The free version lets you add dependency between the options which displays a dropdown option only to customers that select the one that depends on it. On the other hand, the pro version doesn’t have a built-in option for conditional logic.
- The pro version offers you multiple pricing methods, like quantity-based pricing, flat fees and percentage fees. Whereas, the free version lacks these pricing models.
- The pro version integrates seamlessly with the WooCommerce Product Table plugin, as well as WooCommerce Quick View Pro. What this means is that you’ll be able to display product add-on options in a neat, front-end table layout with search, sort, and filter options. YITH's free product add-ons plugin doesn’t work with WooCommerce Product Table.
Alternative option - Advanced Product Fields for WooCommerce
As we have seen, WooCommerce Product Table and Quick View Pro officially support the Product Add-Ons extension from woocommerce.com. If this doesn't meet your needs for any reason, then there is an alternative.
Advanced Product Fields for WooCommerce by Studio Wombat is a product add-ons plugin which also works nicely with both WooCommerce Product Table and Quick View Pro. It lets you add a wide range of product options, including various text boxes, dropdowns, checkboxes, radio buttons, image and color swatches, and number fields.
When you use the plugins together, the advanced product options appear in the add to cart column of the product table, or in the quick view lightbox. Customers can select the extra options and add them to the cart.
How to add product add-ons to a WooCommerce product table
Next, we'll provide a step-by-step tutorial on how to use our plugins with the official Product Add-Ons plugin.
By using product tables with a WooCommerce product add-ons plugin, you’ll be able to display all sorts of WooCommerce products (with variable products and add-on options) in a dynamic, one-page table layout. This way, your store’s buying user flow will go something like this:
- Customers land on the one-page table layout and use the search, sort, and filter options to find exactly what they’re looking for.
- Next, they choose the product variation(s) they’d like to purchase.
- They select from the available product add-on options.
- Finally, they add the product to cart and continue browsing products from the same screen.
The key benefit here is that customers don’t have to click-through to single product pages to choose the right product variation and select available product add-ons.
Here's what you need to do to set this up on your own WooCommerce website:
Step #1: Install and configure WooCommerce Product Add-Ons
Start by installing the best WooCommerce Product Add-Ons WordPress plugin.
- Get the extension from your WooCommerce dashboard.
- Head over to Plugins → Add New → Upload and click on the zipped file you downloaded.
- Click the Install Now button and hit Activate.
Once installation is complete, navigate to WooCommerce > Products > Add-Ons, and click on the Create New button. Here you can edit a product to add product level add-ons. You’ll be able to install individual add-ons using the official documentation.
Step #2: Install and configure WooCommerce Product Table
Get the WooCommerce Product Table plugin to create a one-page WordPress order form. Once you’re done installing and activating the plugin, navigate to the product table’s settings screen WooCommerce → Settings → Products → Product tables. The add-ons will appear in the add to cart column.
In the Table content section, you’ll be able to choose the product details you want to include in the order form via the Columns options.
Next, you’ll be able to change the Add to Cart column settings to modify the add to cart functionality. For instance, you could select the checkboxes for individual products, instead of creating a separate add to cart button for every product.
When you’re done, you’ll be able to post your front-end WooCommerce product table anywhere on your website using the shortcode
Simply add the
[product_table] shortcode to the Shortcode block.
For classic editor:
Click the Insert Product Table icon in the text editor's toolbar to automatically insert the
Step #3: View the page on your site’s front-end
Simply preview the page you just added to the WooCommerce product table on your site’s front-end. Depending on how you configured both the plugins, it might look something like this:
In the above example, you can see:
- Pepperoni Pizza has both the radio buttons option and the checkboxes option.
- Pizza Fiorentina has the checkbox option.
- Pizza Margherita has the text input option.
- Calzone has two quantity selector options.
Bonus: Add-ons options
Here are some bonus add-on options you can use to organize how your product tables look on the front-end:
Add-on groups layout
This option lets you list add-on groups horizontally or vertically. For instance, a pizza parlor may have add-on groups for Extra Cheese and Choose your Toppings, each having extra add-on options. You can decide whether the groups are listed individually in its own row, or together on the same row. This would depend on the available space you have in the table.
Additionally, you’ll also be able to display variable products as dropdowns in the table. In this case, each variation dropdown will be considered a separate Group.
Add-on options layout
This option allows you to list the individual items (such as radio buttons and checkboxes) vertically in separate rows, or horizontally with all items on the same row.
Organizing products in your product table can be a difficult task if you want to offer customization options to your customers.
WooCommerce Product Add-Ons paired with the WooCommerce Product Table plugin is the best WooCommerce product add-ons solution for WordPress. It enables you to organize products and their variations in a neat and organized table layout. This helps your customers easily search and sort your product table, and add product (with variations and add-on selections) to their shopping cart without having to visit the single product page.
What are some of the add-ons you use to offer personalized products to your customers and clients? Let us know by commenting below.