WooCommerce: How to add special options with additional costs to Products

How To  Tutorials  Last Updated: Time to Read: 3 minutes

This article covers how to add additional options to products such as Gift Wrap, Assembly, customization or other extra options that leverage an additional cost onto the order.  This can be done several different ways, either using native options in WooCommerce, or via plugins or premium extensions, outlined below.

Method 1: Using Attributes

This method involves creating an Attribute for your add-on cost, then linking it to your product via Variations.

  1. Edit/create your product and select Variable Product from the product type drop-down.
  2. On the Attributes tab, add a new attribute (or select a global attribute you’ve already created) with two values such as Yes and No.
    • Two simple options work best. The no option will be the default state of the product/variation selecions, the Yes option will allow the user to specifically select this addon.
    • In this example, we are adding an attribute of “Embroidery” to a clothing item with the options of Yes or No.
    • Make sure you either note the additional cost in the attribute label, or in your product description. Ie “Personalized embroidery is an additional $20.00”. The price on your product will otherwise display the price range.
  3. Check the Visible on Product Page and Used for Variations checkbox, then click Save Attributes
  4. Click the Variatons tab
    • If this is an existing variable product, you will see a third drop-down option on your existing variations for your new add-on option. Set this to your No option. This allows the existing variations to reflect the original price when this add-on is not chosen.
    • If this is a new product, click Link All Variations, then Remove all of the combinations containing  the Yes selection for your special option. You should now only see combinations with your special option set to No.
  5. Click Add Variation
  6. Select “Any” for any existing variation option drop-downs, then select Yes for the special option.
  7. Enter the adjusted price into the Regular Price field.

In this example, we have a dress with Size and Color attributes. Any combination of size and color is $79.99.  We also have an additional option for Embroidery – any combination of size and color with the Embroidery option set to Yes will raise the price to $99.99.

addon-price

Method 2: Use a Plugin

Several plugins exist which add a checkbox for special options or allow you to build in additional options through a separate options area. Whether you use these depends on your shop needs and budget. Below are notes on a couple we have seen in practice:

Product Add-Ons

This is the official WooCommerce extension ($49) that provides a customization screen for adding options to products. This plugin is compatible with Layers and fully supported by Woo.

WooCommerce Product Gift Wrap (free)

You can grab this under Plugins Add New for free. This adds a checkbox above the Add to Cart button on the product for Gift Wrap and lets you set the price/visibility on the product options panel. The downside is it does not have an option for changing the text, so if you want it to say something other than “Gift Wrap?” you will also need a translation plugin to change the english language file or will need to edit the plugin directly.

Product Options for WooCommerce

This is a premium plugin for $18 that allows adding several different kinds of options to products. While it is cheaper and more expansive than the official extension, you run the risk of it not being supported or maintained well by the author. Please note we do not provide support for 3rd party extensions or plugins, so be sure to read the plugin page carefully before deciding to purchase. We have NOT tested this plugin with Layers.

To learn how best to setup WooCommerce take part in this online course on Treehouse.