Posted on

How to Customize WooCommerce Product Page with Extra Options

A WooCommerce product page comes with several product-related fields like product name, price, dimensions, etc. In the case of variable products, there comes an extra option to choose the variation for the product.

But, what to do if you want to collect additional information from the shopper? There comes a situation where the shopper needs to provide any message related to the product, need to upload any image, or something like that. As a store owner, adding custom product addons to your WooCommerce product page lets you grab the required information from the shopper.

What are WooCommerce Extra Product Options? 

As said, WooCommerce extra product options are the product addons that help the store owners to collect more information from the shoppers regarding a specific WooCommerce product.

For instance, if a shopper is buying a gift item from your store and if he/she needs to make the gift more personal with a special message, then you must add an extra field for them to enter the message.

So based on the product, the field type of the custom-created fields may vary. Most times these custom fields are being used to gather additional information like text, date, time, images, etc.

Also, there come instances where extra product options are used as an alternative to choosing variations. It involves creating dropdowns, adding checkboxes, radio buttons, and a lot more. So, the shopper can complete these details before adding the product to their cart.

This helps the store owners quickly collect all the needed information from the customer and deliver the product without any further complications.

Uses of WooCommerce Extra Product Options

The benefits of the WooCommerce product add-ons may vary from store to store. Some of the use cases of the extra product options are discussed below.

Ordering Food

While ordering a food item, there are several inputs you need to receive from the shopper like the quantity of the food item, date and time for the delivery, etc. For example, if the shopper is buying a burger from your store, you can provide them the option to customize the burger like, with or without cheese, medium or large, and so on.

Therefore, you can add custom product addons with different field types like date picker and time picker to choose the date and time, radio buttons and checkboxes for customizing the item, and much more based on your requirements.

Gift Messages

There may be some shoppers who purchase gift items from your store to surprise someone on their special days such as birthdays, anniversaries, etc. Most times these shoppers will have any special message to be added along with their gift item.

Creating an extra option on the product page lets the shoppers enter their personalized messages to be added with the product they purchase.

Easy to configure a computer

For some customers, they need some extra RAM and processors as they work on videos and infographics. Using the extra options, you can create additional fields with various field types as the radio button to choose the specific memory they need. So, the shopper can perform the entire configuration of the system from the product page itself.

Therefore based on your requirements, you can create custom product addons and choose the suitable field type for the created field.

Upload background image

In an E-commerce store, there come instances where the shopper needs to customize the product with some background images, writings, or something else. So, it may be easier if the customer can upload the image file directly to the product manufacturer. The Extra Product Options for WooCommerce plugins lets the customers easily upload a specific file to the store that helps the store owners to deliver the exact product with the file image they uploaded and makes them feel the product as more personalized.

Extra Product Options For WooCommerce plugin

Knowing the benefits of extra product options, you will be planning to add these WooCommerce product add-ons to your product page and make them customizable. Extra Product Options for WooCommerce is a popular plugin that lets you create custom product addons (additional fields and sections) on your WooCommerce product page.

Using the plugin you can create custom product addons with twenty different field types like color palette, image group, date picker, time picker, file upload, multi-select, checkbox, etc. Also, these custom-created fields can be displayed based on the rules that you set. The advanced styling options of the field help you to display custom product addons in a manner that matches your store theme.  

How to add Extra Options For WooCommerce Products?

To add extra product options, install and activate the Extra Product Options For WooCommerce plugin.

Once the plugin is activated, navigate to Products > Extra Product Option.

Create custom sections

The section lets you group the similar fields together to style, edit and manage them in no time. To add a custom section, click on the Add new section button from the Product Options tab. Provide all the section-related information in the popup that appears. When the section is created, you can add the custom fields inside them with different field types.

For example, let’s create a section named Additional Information on the WooCommerce Product page. A custom field named Test is created inside the section Additional Information.

Here, Additional Products is the section name, and Add Additional Products is the field inside the section with the field type Multiselect.

Types of Custom Fields

You can create custom product addons on your WooCommerce product page with Twenty different field types. They are:

TextHiddenPasswordNumberTelephoneTextareaSelectMultiselectRadio ButtonCheckboxCheckbox GroupDate PickerTime PickerColorpickerColor PaletteImage GroupFile UploadHeadingParagraphHTML

Adding Custom Fields

From the Extra Product Option panel, select the Product Options tab and click on the Add Field button. Provide all the field-related details in the popup that appears. Besides creating a new field, you can manage the display style, tooltip details, price details, and set the display rules from this popup.

When all the required details are completed, click on the Save & Close button to save the changes made.

To manage the display style

After completing the basic information of the custom field, click on the Next button on the New Field popup. Customize the display of the field by choosing the title and description position, text color for both the title and description, etc.

Create Price Fields

The Extra Product Options plugin lets you create price fields with different price types.

The price types are:

FixedCustomPercentage of Product PriceDynamicDynamic-Excluding base price

From the New Field popup, select the Price Details tab and choose the specific price type for your field and enter the required amount. Enable or disable the below checkboxes based on whether you need to display the price details in respective places.

Set Display Rules

From the Display Rules tab, you can define the rules based on which the custom fields should be displayed. The rules can be set based on a specific product, product category, product tag, user role, product variation, etc.

From the New Field popup, select Display Rules to define the conditional rules for your field. Using the AND, OR operators, you can make the conditions more precise. When the conditions are defined, click on the Save & Close button to save the changes made.

Conclusion

These all show you the importance of personalized products and why you need to add extra product options on your WooCommerce Product page. Extra Product Options for WooCommerce plugin will be the best fit for you which creates custom fields on your product page based on the conditions you set.

So, create the WooCommerce product addons with a style that matches your theme and provides the space for the shoppers to customize the product from the product page itself. It makes them quickly create personalized products and gradually your business gets uplifted to its next level.

You may also like:

10 Best WooCommerce Shipping Plugins for Rates, Labels, and Tracking

WooCommerce Not Sending E-mail? Try These Troubleshooting Steps

The post How to Customize WooCommerce Product Page with Extra Options appeared first on ZetaMatic.

Leave a Reply

Your email address will not be published.