6 best woocommerce extra product options plugins to offer customization

      30

Thank you for purchasing our plugin. If you have sầu any questions that are beyond the scope of this help tệp tin, please visit the tư vấn forum here. Thanks so much!


Overview

Extra Product Options allows you lớn create extra fields on your WooCommerce products locally on the edit sản phẩm page or globally. The current version supports checkboxes, radio buttons, select boxes, textareas, input đầu vào boxes, upload, date, range picker and color picker. The options you create show up above the add lớn cart form.

Bạn đang xem: 6 best woocommerce extra product options plugins to offer customization

Minimum requirements

PHPhường 5.6 WordPress 5 WooCommerce 3 JavaScript / jQuery

Credits


Installation

There are two primary methods for installing any WordPress plugin.

Install with a zip file

From your WordPress dashboard, choose Plugins > Add New Select Upload from the phối of links at the top of the page (the second link) From here, browse for the zip file included in your plugin purchase titled woocommerce-tm-extra-product-options.zip & clichồng the Install Now button Once installation is complete, clichồng Activate Plugin lớn activate it và enable its features.

Install by FTP. Manager

If you have sầu no previous web experience and have no idea what an FTPhường Manager is, then this option is not for you.

Access your host through the FTP manager Access the plugins directory of your WordPress install /(WordPress directory)/wp-content/plugins/

If WordPress is installed on the root thư mục the directory is /wp-content/plugins/

Find the directory titled woocommerce-tm-extra-product-options and upload it & all files within lớn the directory from the previous step. From your WordPress dashboard, choose Plugins > Installed Plugins Locate the newly added plugin và click on the Activate link lớn enable its features.
Quiông chồng Start Guide

Adding extra options khổng lồ your products is really easy. Below we describe the required steps for creating your fields.

Basic plugin usage

The basic usage of the plugin assigns option fields lớn a specific product.

Step 1

Add or edit a WooCommerce hàng hóa.

Step 2

Make sure your hàng hóa type is either Simple, Variable, Composite, Bookable or Subscription hàng hóa.

Step 3

Locate the subsection Extra Product Options in the hàng hóa data panel và clichồng it. You should now be presented with the plugin interface. If you haven"t created extra options before for that sản phẩm you will see the Builder mode.


cảnh báo that the Normal mode previously used in the plugin is deprecated và unsupported. It will eventually be removed from the plugin.


Builder mode

This is the preferable way of creating options.


In this mode you are presented with a Form Builder that you will use to lớn create your options. Cliông xã the Add section button to lớn create a section where the options must be placed in. Cliông chồng the Add element button (cross button) located on the section to select the option field type.

For better understanding of the Form Builder see the section Form Fields Builder.

Advanced plugin usage

This method uses the Form Builder lớn create options that can be mix khổng lồ all of the products, products that belong to lớn specific categories or alternatively to lớn specific products.

Step 1

From the WordPress dashboard choose Products > Global Extra Product Options.

Step 2

Clichồng the Add Global Form button at the top of the screen.

Step 3

Add title & description for your reference only, so that you can distinguish the different forms.

Step 4

Select the Product Categories that you want your khung lớn be applied on. Choose no categories to lớn apply the khung to all products (even to products that don"t belong lớn any category). Clicking the Disable categories checkbox will make the plugin disregard selected categories. You can assign specific products khổng lồ the form by selecting them on the Products meta box.

Step 5

Add your fields on the Form Fields Builder.

For information on the size settings see the section Global Extra Product Options. For help creating a field on the Form Fields Builder see the section Form Fields Builder

Panel settings

Clicking the settings tab while on the hàng hóa panel you can override some global settings.

Include additional Global forms

This list contains all of the global forms and checking one will include it on the global. The forms you choose will be displayed alongside with the forms that the sản phẩm already has. This setting will also override the next one.

Exclude from Global Extra Product Options

This will exclude any global forms assigned lớn this hàng hóa except those defined in the previous setting.

Override global display

This overrides the global display setting for the display of the fields on the front-over for the current hàng hóa only. The mặc định value is Use global setting which uses whatever you have sầu chosen on the global settings (see below). Always show will always show the fields assigned to lớn the current product & Show only with action hook will only show the fields for the current product by using action hooks (see below).

Override Final total box

This will override the global totals box display for this sản phẩm. The default value is Use global setting which uses whatever you have chosen on the global settings (see below).

Override enabled roles for this sản phẩm

This will override which roles can see the options for this product.

Override disabled roles for this product

This will override which roles cannot see the options for this product. This setting has priority over the enabled roles one.


Global Extra Product Options

Global Extra Product Options are applied to all products, products belonging lớn a specific category or categories or specific products. To gain access khổng lồ Global Extra Product Options interface from the WordPress dashboard choose Products > Global Extra Product Options.

Any existing Global Extra Product Options created are displayed in the familiar WordPress table view.

*

To add a new Global Product Options size cliông xã the Add Global Form button. This will bring you to the add screen.

*

Title & Description

These are for your reference only và are not currently being used anywhere in the front-end.

Priority

This is used khổng lồ determine in which order multiple forms that apply to a specific sản phẩm are being displayed in the front-end.


Please note that the "Priority" is not used to lớn determine if your size will show up before or after the local (per-product) prices. This is done in the size editor.


Product Categories

They are used to lớn limit the display of your current global hàng hóa option khung on the products that belong khổng lồ the selected categories. Selecting no categories means that the khung will be applied to ALL products.

Disable Categories

Checking this will disable the categories.

Search for a product

This where you type the individual products to lớn assign the hàng hóa to lớn.


Form Fields Builder

The Form Fields Builder is where you actually create your options. It operates as a regular khung builder. The concept behind the builder is that you create sections and inside the sections you put the fields.

*

Sections

*

MOVE

Cliông chồng and drag to lớn reorder the section.

MINUS

Decreases the kích cỡ of the section.

PLUS

Increases the size of the section.

DUPLICATE

Duplicates the section (including all its fields).

EDIT

Shows this section"s settings

DELETE

Deletes the section & all its fields.

CHANGE WIDTH

Drag to lớn change the section width.

Địa chỉ cửa hàng ELEMENT

Clichồng khổng lồ add a new element khổng lồ that section.

Adding a section

Clichồng the Add section button. This will add a new section lớn the size.

Section settings

To gain access to lớn the section settings cliông xã the edit button at the section"s toolbar. Doing this will open a pop up where you can edit the settings for that section.

*

Section style

Determines the style of that section on the front-over.

Section placement

Determines where this section will appear compared lớn local (per-product) options. You can place it before or after the local options.


If you have multiple sections, the priority of the section determines the display order either before or after local options.


Section type

Determines if the section will be a pop up (the section"s title will be used as a the liên kết title lớn open the pop up) or a wizard slider.

Section class name

This will add a custom class name lớn the section. You can use this lớn style the section.

Fields

*

DRAG HANDLE

Cliông xã and drag to reorder the field.

MINUS

Decreases the kích cỡ of the field.

PLUS

Increases the size of the field.

DUPLICATE

Duplicates the field.

EDIT

Shows this field"s settings

DELETE

Deletes the field.

Adding a field

Clicking the cross button will display a pop up of the available elements. If you have sầu more than one section và you want your element to lớn appear on a specific section you can instead drag the cửa nhà placeholder to lớn the desired section.

Field settings

To gain access to the field settings click the edit button at the field"s toolbar. Doing this will open a pop up where you can edit the settings for that field.


Please remember that currently you cannot change a field"s type after you have placed it inside a section.

Xem thêm: Hướng Dẫn Cách Backup Dữ Liệu Wordpress Thủ Công, Hướng Dẫn Backup Dữ Liệu Wordpress Đơn Giản


Depending on the field you choose you can edit different settings.

Label options for all fields

*

Label type

Here you can choose the type of the field"s title.

Label

Here you enter the title of the field.

Label color

This changes the default color for the title.

Subtitle

Here you can enter a subtitle for the field"s title.

Subtitle Subtitle position

This changes the displayed location of the subtitle.

Subtitle color

This changes the color for the subtitle.

Divider type

Here you can choose to lớn show a divider between the field title và the actual field.

General options

*

Required

Choose whether the user must fill out this field or not.

Price

Here you enter the price for the field.

Text before Price

Text entered here will be displayed before the price. Leave sầu the setting blank for no text.

Text after Price

Text entered here will be displayed after the price. Leave sầu the setting blank for no text.

Set to lớn Fee

This makes the option to lớn be a fee added khổng lồ the cart line thành phầm.

Price type

Here you can choose how the price is calculated. Depending on the field there are various types you can choose.

Fixed amount

This is a flat increase or decrease added lớn the hàng hóa price.

Percent of the original price

This is a percentage increase or decrease of the initial hàng hóa price.

Percent of the original price + options

This is a percentage increase or decrease of the initial product price plus all of the other options that are not of this type or the "Fixed amount + options" type.

Fixed amount + options

This is a fixed increase or decrease of the initial hàng hóa price plus all of the other options that are not of this type or the "Percent of the original price + options" type.

Current value

This will add a price the current value of the field.

Price per Interval

This will multiply the field"s value by the Price you set và will deduct the minimum price. This price type is exclusive sầu to lớn the range picker element.

Step * price or Quantity

This will multiply the field"s value by the Price you set.

Price per row

This will multiply the field"s text rows by the Price you mix. This price type is exclusive to the textarea element.

Price per char

This will multiply the field"s number of characters by the Price you mix.

This price type has several variations lượt thích Price per char (no spaces), Price per char (no first char), Price per char (no n-th char), Price per char (no n-th char & no spaces), Percent of the original price per char, Percent of the original price per char (no first char), Percent of the original price per char (no n-th char), Percent of the original price per char (no n-th char and no spaces)

Price per word

This will multiply the field"s number of words by the Price you mix.

This price type has several variations lượt thích Price per word, Price per word (no n-th char), Percent of the original price per word, Percent of the original price per word (no n-th char)

Math formula

This will phối the price of the field based on a mathematical formula.

Hide price

Choose whether lớn hide the price on the front-over or not. This just hides the price. It doesn"t disable it. If you want your field lớn not have sầu a price leave sầu the price field blank.

Checkboxes specific settings Limit selection

Enter a number above sầu 0 khổng lồ limit the checkbox selection or leave blank for default behavior.

Exact selection

Enter a number above 0 to lớn have the user select the exact number of checkboxes or leave blank for default behavior.

Minimum selection

Enter a number above sầu 0 to have sầu the user select at least that number of checkboxes or leave sầu blank for default behavior.

Use image replacements

This lets you display images in place of the checkbox.

Changes sản phẩm image

This will let you change the sản phẩm image with a custom one.

Enable Swatch mode

This will show the option label on a tooltip when Use image replacements is active.

Items per row

Use this setting lớn make a grid display. Enter how many items per row for the grid or leave sầu blank for normal display.

Populate options

Here you add the labels và their prices for the field choices.

Mass add

To mass add option use the following format:

Option 1 | 10Option 2 | trăng tròn and press the Populate button. Please note that this method only adds options, it doesn"t replace existing ones.

Radio button specific settings Use image replacements

This lets you display images in place of the radio button.

Changes sản phẩm image

This will let you change the sản phẩm image with a custom one.

Enable Swatch mode

This will show the option label on a tooltip when Use image replacements is active sầu.

Items per row

Use this setting to lớn make a grid display. Enter how many items per row for the grid or leave sầu blank for normal display.

Use URL replacements

This will enable you to lớn redirect khổng lồ a url when a radio option is clicked.

Populate options

Here you add the labels and their prices for the field choices.

Mass add

To mass add option use the following format:

Option 1 | 10Option 2 | trăng tròn & press the Populate button. Please note that this method only adds options, it doesn"t replace existing ones.

Select boxes specific settings Changes hàng hóa image

This will let you change the product image with a custom one.

Use URL replacements

This will enable you lớn redirect lớn a url when a radio option is clicked.

Placeholder

This will add an option to lớn the select box that will act as a placeholder. Use this khổng lồ instruct the user khổng lồ select something.

Populate options

Here you add the labels và their prices for the field choices.

Mass add

To mass add option use the following format:

Option 1 | 10Option 2 | đôi mươi & press the Populate button. Please note that this method only adds options, it doesn"t replace existing ones.

Text area and Text field specific settings Placeholder

Here you may enter a placeholder for the field.

Maximum characters

Enter a value to lớn limit the maximum characters the user can enter.

Conditional súc tích

With Conditional Logic you can apply rules to your fields in order lớn control their display. Not all fields can be used as rules to lớn the xúc tích và ngắn gọn. Only fields that have a way of showing a value are valid. An example of a field that cannot be used as a xúc tích rule is the upload field. All fields though can have sầu ngắn gọn xúc tích applied on them.

*

ACTION

This controls the display of the field if the conditions are met. You can either hide or show the field.

CONDITION

This controls how the súc tích is applied. You can either select to lớn have the applied when ALL rules are me or when ANY of the rules are met.

FIELD NAME

This is the field that you want khổng lồ kiểm tra its value.

OPERATOR

This determines how the field"s value is evaluated.

VALUE

This describes the value of the field you want lớn kiểm tra. When the FIELD NAME is a select box, checkbox, radio button or a customized variation you will see the menu of the available values. If it"s a text field or a textarea you will need to type the value to check.