How to create a custom face mask in WooCommerce

As an online business owner, you might consider using WooCommerce to sell custom face masks amidst the ongoing COVID-19 pandemic. It’s a great way to help businesses get their branding across while helping consumers stay safe.

Custom face masks in WooCommerce

Selling custom face masks is similar to selling customisable products like custom decals or die cut stickers. Customers have the option to customise their face masks and place their orders in a variety of different ways.

For example, they can add text (like a brand name), upload a file (for instance, their logo), choose a colour, and select a pack size from the available options.

In this tutorial, we’ll show you how to create a WooCommerce custom face masks product in a few simple steps.

There’s a demo product here to take a look at.

How to create a WooCommerce product for custom face masks using WooCommerce Add-Ons Ultimate

To create and sell a WooCommerce product for custom face masks, you’ll need to get the WooCommerce Product Add-Ons Ultimate plugin.

WooCommerce Add-Ons Ultimate lets you create products that customers can customise prior to placing their orders. In other words, customers can choose the options they want and personalize their order directly from the WooCommerce product page.

Step #1: Create your WooCommerce product for custom face masks

The first step is to create a new WooCommerce product for custom face masks. Enter a title for the product, set its price to 0, and hide the price label.

This is because we’ll be calculating the price of the custom face masks dynamically based on the options the customer selects.

The WooCommerce Product Add-Ons Ultimate plugin will automatically calculate and display the product’s price above the ‘Add to Cart’ button.

Step #2: Create fields for customising the face masks

The next step is to create add-on fields for the WooCommerce custom face masks product.

You might consider creating add-on fields for letting customers add text (using the text field) and their brand logo (using the upload field) to the face mask. In addition to this, you can also let customers choose the colour of the face mask using a colour picker field.

Here’s what you need to do:

1. Go to the ‘Product Add-Ons’ tab from the ‘Product data’ section
2. Click the ‘Add Group’ button and then the ‘Add Field’ button
3. Give your first field a title (e.g. ‘Enter text’), then choose ‘Text’ as the ‘Field Type’, and enter a ‘Field Price’
4. Optionally, you can set additional options such as ‘Price Per Character’ and ‘Min Chars’ and ‘Max Chars’

Repeat these steps to add fields for customers to upload a logo and select a colour.

Step #3: Create an add-on field for selecting a pack size

Since you’ll likely be selling WooCommerce custom face masks in bulk, the next step is to create a product quantities field.

Here’s what you need to do:

1. Click the ‘Add Group’ button and then the ‘Add Field’ button
2. Give your field a title (e.g. ‘Select a pack size’) then choose ‘Radio Group’ as the ‘Field Type’
3. Enter the pack sizes as options by clicking the ‘Add Option’ button and set a price for each pack size

View the finished product

The finished product should look something like this on the front-end:

You can view the demo product here.

Start selling custom face masks today

The WooCommerce Product Add-Ons Ultimate plugin makes it incredibly easy to create and sell a WooCommerce product for custom face masks. Customers can customise their order by adding text, uploading a logo, and selecting a colour for the face masks. You can also give them the option to select a pack size.

Ready to start selling custom face masks? Get the WooCommerce Product Add-Ons Ultimate plugin today!