Watch this tutorial to learn how to: Item Custom Fields.
Steps in this tutorial
- In this tutorial we will add custom fields to a product, so a customer can personalize it - like printing their name and logo on a mug.
- Open the Modules panel - it holds every tool, including custom fields.
- In the Modules panel, open Item User Fields - this is where custom fields for products live.
- This is the custom fields page. It is empty, so let us add the fields our mug needs.
- Click New to add the first field.
- First, choose the product - our printed mug.
- The first field is a text field for the name the customer wants printed.
- Save the field.
- The second field is a date for the preferred delivery date.
- We set its type to Date.
- Save the field.
- The third field is a file for the logo the customer wants on the mug.
- We set its type to File so the customer can upload an image.
- And we allow images only.
- Save the field.
- Our mug now has three custom fields: a name, a delivery date, and a logo.
- On the product page, the customer sees the three fields under Extra Information.
- The customer types the name to print on the mug.
- Picks a preferred delivery date.
- And uploads the logo image to be printed.
- The logo is uploaded and ready.
- With the name, date, and logo set, add the mug to the cart.
- The cart already shows the name, date, and logo next to the mug.
- Continue to checkout.
- We fill in the delivery details.
- Then place the order.
- The order is placed.
- Open the menu and go to My Orders.
- Open the order from the customer orders list.
- The order details show the name and delivery date the customer entered.
- And the uploaded logo appears as a thumbnail the customer can open.
- Now back in the admin, let us open the same order.
- From the side menu, open Orders.
- Open the order from the admin orders list.
- Open the mug item to see its custom fields.
- The admin order view lists the name and delivery date under Custom Fields.
- And the uploaded logo is available right here for your team to print.
- Open the Modules panel - it holds every tool, including custom fields.
- In the Modules panel, open Category User Fields to do the same for a whole category.
- And that is it. You can add these same custom fields to a whole category, so every product in it gets them automatically.