Do you want to offer more attractive and personalized products in your store? Let me show you a powerful WooCommerce plugin to add custom fields and use also as a great t-shirt designer. Follow my step-by-step guide and learn how to customize your WooCommerce products successfully!
Have you ever lacked the option to prepare more robust WooCommerce products with more features, custom fields, and configurable options?
Today, I'll show you a plugin to customize your WooCommerce product page easily!
Table of contents
- WooCommerce custom t-shirt designer plugin
- How to add custom fields to products?
- Let's create a customizable t-shirt in WooCommerce!
1️⃣ WooCommerce custom t-shirt designer plugin
First, let's take a look at the product page (we will configure such a product later in this article).
These extra fields have been added with Flexible Product Fields:
👉🏽 So, customers can choose better quality (100% cotton) or gift wrapping. I configured these options as extra fields. Customers have to pay an additional cost for them.
When they choose an extra field, they can see the summary before adding it to the cart:
👉🏽 Of course, all the selected options show up in the cart:
👉🏽 You will see what customers choose in the admin panel, too:
2️⃣ How to add custom fields to products?
First, you will need the free Flexible Product Fields plugin. We will use it to configure all the options for WooCommerce products, for example, in your t-shirt store. It is a lightweight and easy-to-use product page designer.
With the PRO version of the plugin, you can add as many as 20 free extra custom fields to a WooCommerce product page. Perfect if what you are looking for is a flexible WooCommerce plugin to create custom products & the t-shirt designer itself!
✅ The free version lets you add the following 18 extra fields
- Radio with images
- Radio with colors
👆🏽 Click the button above to download it for free.
You can also download it for free from WordPress.org or install it right from your store's plugins section searching for flexible product fields:
You can check the plugin as your WooCommerce product customizer, for example, the custom t-shirt designer.
3️⃣ Create a customizable t-shirt in WooCommerce!
Ok, so let's now see how to configure such a customizable t-shirt product in your WooCommerce.
Create custom fields for the WooCommerce product
First, we will have to add a new field group.
Choose Products → Product Fields in your WordPress menu. Then you need to add a new field group:
Next, assign that group to a product, category, or all the products in your store.
That's how the group of fields should look like:
Adjust the t-shirt's custom fields
Now click, for example, the first field (Sex - Radio Field) to configure it:
As you can see, we have a Radio field type here.
I decided to make this field Required. There are also field Options.
The plugin will save the Value in the WooCommerce order. And the Label is what a customer sees on the product page.💡 You can also set your CSS Class for custom fields.
Next, Grammage field. It looks very familiar and similar to the previous one:
Yet another radio field here:
Now we have something new. That's the Text field type.
I set Character Limit to 30 characters and a fixed price (available in PRO).
The last one is the Gift wrapping field. This is the Checkbox field type. Here, I also added extra pricing in the Pricing field:
The final effect
🎉 That's all! We have successfully configured the WooCommerce T-Shirt Store.
Now, take a look at the final result!💡 Do you need other fields for your t-shirts? Check our guide where we explained all the fields → from Flexible Product Fields.
So, do you think the plugin can be named the WooCommerce custom t-shirt designer?
In this article, you have learned how to configure your WooCommerce T-Shirt Store with a plugin.
What's more, you've seen the custom t-shirt page created with the plugin/ designer. But, please remember that the plugin options are very flexible, so you can sell bookings, services, and more personalized products in your WooCommerce! I hope you will make good use of the free version!