Woocommerce Custom Product Addons Send Uploaded File to Administrator

Product Add-Ons allows you to add paid or free options to your products using several field types including radio buttons, checkboxes, drop-down fields, custom text inputs and more than.

This extension too works with WooCommerce Subscriptions (separate purchase) to add additional pricing to the recurring subscription.

Installation ↑ Back to top

1. Download the extension from your WooCommerce dashboard.
2. Go to Plugins > Add New > Upload and select the ZIP file yous only downloaded.
3. Click Install Now, and then Activate.

Setup and Configuration ↑ Back to superlative

To create add-ons, use the Create Add-Ons push button shown at the peak of the screen upon installation.

Or go to Products > Add-Ons and so select Create New . You can add product level add-ons by editing a product.

Settings ↑ Back to top

Improver settings allow you lot to configure add-ons that apply to all products, or products in selected categories. This includes:

• Name : Used to differentiate add-ons from 1 another, this is not displayed on the website. By default, this is filled in for you lot.
• Priority: Specify the order in which to display, if there is more than one add-on activated. An add-on with priority 1 would be above an add together-on with priority 10.
• Production Categories: Set to All products, or choose categories to apply the add-on. Removing the All products tag will deactivate the add-on, which can be handy for seasonal add-ons or time specific add-ons.

Save when you are done. Next, we'll cover adding the actual add-ons.

Field types ↑ Back to pinnacle

Improver fields are added the same way for both per-product and global add together-ons. This panel is found on a new or existing product. To add your first add-on, click the "Add field" button. This will insert a blank addition:

Select a field blazon from the top-nigh select box. As of writing, these options are available:

• Multiple option – Shows a list of options the user can cull from. Display as dropdowns, images, or radio buttons.
• Customer-defined price – Shows a field where users tin enter a numerical value that is added to the product cost.
• Quantity– Shows a spinner where users can input a number.
• Checkboxes – Shows a checkbox or checkboxes that tin can be ticked/unticked past a client.
• Short text – There are v in-congenital types. This shows a text field where users tin enter either whatever text; just messages; just numbers; both; or an email address only.
• Long text –  Shows a text field where users can write multiple lines of text (graphic symbol limit possible).
• File upload – Allows users to upload a file.
• Heading – Add a heading between add-ons to group them into sections.

Multiple choice ↑ Back to top

Customers choose only 1 option from a gear up of predefined options. Examples: Color or size.

• Title: Format the title every bit a Characterization or Heading, or hide it.
• Display as : Choose how to present options to customers. Brandish as Dropdowns, Images, or Radio Buttons (run into beneath).
• Add together description : Displays more information about the addition underneath the heading.
• Required field : Prevents product from being added to cart if an option is not selected.
• Options: Add together a label for each option as well as a cost if needed. Calculate the cost equally a flat fee regardless of quantity, per quantity ordered, or, accuse a per centum of the total. To remove an option row, click the 'X'.

Note: Y'all must add a Label for each option, then the information shows when viewing the order and is passed through in the confirmation email to the customer.

If the brandish option is set to images, an prototype upload icon will evidence up next to each option.

Website display

Radio buttons:

Dropdown

Images

Checkboxes
↑ Back to top

Customers cull 1 or multiple options. Examples: Gift wrapping, carte du jour, or upgrades.

• Title: Format the title as a Characterization or Heading, or hide information technology.
• Add description : Displays more than data about the add-on underneath the heading.
• Required field : Prevents product from existence added to the cart if an option is not selected.
• Options: Add a characterization for each option as well as a pr i ce if needed. Calculate the price equally a flat fee regardless of quantity, per quantity ordered, or, charge a percentage of the total.

Note: You must add a Label for each pick, so the data shows when viewing the club and is passed through in the confirmation email to the customer.

Website display

Short text ↑ Dorsum to peak

Customers tin can enter a single line of text. Examples: Email address, names, and engraving text.

• Championship: Format the title as a Label or Heading, or hide it.
• Restriction: Limit the blazon of characters customers tin can enter from Any Text, Just Messages, Only Numbers, Only Letters and numbers, only Electronic mail Address.
  
• Add together description : Displays more information about the improver underneath the heading.
• Required field : Prevents production from being added to the cart if the field is empty.
• Limit character length: Specify the minimum/maximum number of characters.
• Adjust toll: Add an additional price to the add-on. Calculate the price as a flat fee regardless of quantity, per quantity ordered, or, charge a percentage of the total.

Website brandish

Long text ↑ Back to top

Customers can enter multiple lines of text. Examples: A gift annotation, an address, or special instructions.

• Championship: Format the title as a Label or Heading, or hide information technology.
• Add description : Displays more data well-nigh the add together-on underneath the heading.
• Required field : Prevents product from being added to the cart if the field is empty.
• Limit character length: Specify the minimum/maximum number of characters.
• Suit price: Add together an additional cost to the add-on. Calculate the toll as a apartment fee regardless of quantity, per quantity ordered, or, charge a percentage of the total.

Website display

File upload ↑ Back to top

A customer tin upload their ain file. Example: To create custom designs on t-shirts, mugs, or business organisation cards.

• Title: The title is displayed higher up the multiple choice options. You tin format the title every bit a Label, Heading, or hide it.
• Add together description : Displays more data nigh the add-on underneath the heading.
• Required field : Prevents product from being added to the cart if the field is empty.
• Arrange cost: Add an additional cost to the add-on. Calculate the price equally a flat fee regardless of quantity, per quantity ordered, or, charge a percentage of the total.

Website display

The uploaded file volition testify upwardly below the line detail when editing an social club:

Client-defined cost ↑ Back to elevation

A client can prepare their own price, which is added to the total. Example: Donations, tip. This amount will be multiplied past the quantity ordered.

• Title: Format the title every bit a Label or Heading, or hide it.
• Add together description : Displays more information about the add-on underneath the heading.
• Required field : Prevents product from being added to the cart if the field is empty.
• Limit price range:  Specify the minimum/maximum cost.

Website display

Quantity ↑ Back to top

Quantity field type tin be used to create a product add together-on where customers can adjust its quantity.

• Title: Format the title every bit a Characterization or Heading, or hide it.
• Add description : Displays more information about the add together-on underneath the heading.
• Required field : Prevents production from beingness added to the cart if the field is empty.
• Limit quantity range: Specify the minimum/maximum quantity.
• Adjust price: Add an boosted toll to the addition. Summate the price equally a apartment fee regardless of quantity, per quantity ordered, or, charge a percentage of the total.

Website display

Heading ↑ Back to top

Utilize headings to dissever your add together-ons into sections.

Website display

Pricing ↑ Back to top

Prices can increment or decrease the total cost of the product. Three toll options are available:

• Flat fee: Price applied only once, regardless of the quantity ordered.
• Quantity based : Price is multiplied by the production quantity.
• Percent based: Calculates a per centum of the full.

Re-order add-ons ↑ Dorsum to top

You can change the order of add-ons displayed within groups past dragging and dropping.

Importing / Exporting add-ons ↑ Back to top

Add-ons tin be exported and imported using the buttons when editing a per-product or global add-on. Click 'consign' to consign the existing fields equally serialized data. And so click import to paste the serialized data and append them to your existing add-ons.

Import and Export are also available for Global Production Add-Ons.

Per-Product Add together-Ons ↑ Back to top

Per-production add-ons but display for the production they are added to. Edit one of your products to add production-level add together-ons. They appear in the Production Data panel nether the subsection "Add-ons."

Important Note

Add together-ons tin can be practical to variable products, but can only be defined at the product level. Example: You cannot take an add-on for a specific variation of a variable product — for a bluish shirt only.

Exclusions

When creating add-ons on a per-product basis, you can choose to exclude all other add-ons that were previously applied to the product.

Frontend brandish and viewing order add together-ons ↑ Back to top

On the frontend, add-ons are shown on the single product page in a higher place the cart button. To see how your add-ons look, select "Preview Changes":

This is how it will be displayed in the cart page:

Once a customer adds this item to their cart, data will be shown every bit meta:

Add-on data is stored to the order line items as meta. In that location is no separate line-detail for the addition itself. View your guild to see the called values.

Keeping uploads secure ↑ Dorsum to top

Uploads are stored in randomized folders underwp-content/uploads/ to make them difficult to observe. All the same, some hosts enabledirectory listing, which allows people to scan your file/folder construction. To disable this 'feature', add together the post-obit to your chief .htaccess file:

Options -Indexes

Troubleshooting ↑ Back to acme

The upload field type doesn't work ↑ Back to top

This can be due to the length of the field proper name. Endeavour to reduce the field proper noun length or contact your hosting company to increase the value of post.max_name_length.

Ofttimes Asked Questions ↑ Back to summit

Can Product Add together-Ons be imported via the Product CSV Import Suite? ↑ Dorsum to acme

No, Product Add together-Ons are made upward of complex serialized meta data that would be difficult to do in a product CSV row every bit manifestly text. CSV Import tin can only import meta that is unserialized unless otherwise stated. Still Production Add together-Ons itself allows you to import and export settings.

Can an add-on have a separate SKU for sales/tracking purposes? ↑ Back to top

No. An add-on is treated as an option, not a separate product. Products and their variables accept SKUs.

Can I add a datepicker? ↑ Back to superlative

WooCommerce Product Add-Ons does not take a datepicker. However, we are looking into adding this possibility in a future version of the extension. Add your votes to this thought on the Ideas Lath to help prioritize the feature.

How to customize "Grand total" and "Options total"? ↑ Dorsum to acme

Both "Thou total" and "Options total" can exist targeted via CSS, granted it is a bit catchy. Here is how using the nth-kid selector:

Note: We are unable to provide support for customizations nether our Support Policy. If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer  for assistance.

How can I set default input values?

You can employ a custom script to gear up default values, by inserting this lawmaking into a JavaScript file. Alternatively, you can use the free Custom CSS JS to add the code snippet.

Note that this code example simply sets the value for the Custom price input field to0 , and then make sure to personalize it to your needs.

Note: We are unable to provide support for customizations under our Back up Policy. If y'all are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer  for assistance.

Tin can I add custom fields to variable products? ↑ Back to top

Yes! Here is a sample:

Notation: Add-ons can be applied to variable products, but can simply be defined at the product level. Case: You cannot have an addition for a specific variation of a variable product (e.yard., for a blue shirt only).

Tin I have Product Add-Ons applied in one case to the product, no matter the quantity ordered? ↑ Back to pinnacle

Yes. Product Add-Ons version 3.0x introduced a flat fee feature.

Why are my add together-ons blank? ↑ Dorsum to top

It might be due to non clicking Save, later on calculation/deleting/editing whatsoever fields.

Where do I place my linguistic communication files? ↑ Back to top

.mo and .po linguistic communication files for Product Add-Ons must be placed in the following path: /wp-content/languages/plugins/. Learn more than on translating extensions here.

How can I modify the position of the add-ons on my product page? ↑ Dorsum to top

If you are using our Storefront theme, the add-ons volition announced neatly betwixt the brusque description and the Add to Cart push button.

However, on many other themes, the Add together Ons are displayed below the Add together to Cart push, which can exist confusing for the customer.

To change the position, y'all can overwrite the template construction via a theme. Note that in the case of Product Add-Ons you demand to place those template override files into a folder named addons inside woocommerce-product-addons in your WordPress theme (instead of placing them directly into the WooCommerce folder in that theme). That would be: Theme-Binder/woocommerce-product-addons/addons/template-file.php

Can Product Add-Ons be used to employ a discount ↑ Dorsum to top

Yes! Product Add-Ons tin be configured to reduce the price of a production – just add a negative value to the Costfield:

Is this compatible with Smart Coupons (separate buy)? ↑ Dorsum to elevation

Aye, as of version ii.ix.0, Product Add together-Ons works with Smart Coupons, including the gift card feature.

Is this compatible with WooCommerce Bookings (separate purchase)? ↑ Back to top

Yeah!

Is this compatible with WooCommerce Blocks? ↑ Back to peak

Yes, since version 3.4.0.

Does Production Add together-Ons let me to use conditional logic? ↑ Back to tiptop

Product Add together-Ons does not accept support for provisional logic. If you lot want to show customers dissimilar fields based on information they make full out, we recommend that yous use Gravity Forms along with the Gravity Forms Product Add together-Ons extension.

Tin can I add together orders via the admin backend with Product Add together-Ons for phone orders? ↑ Back to meridian

The cart and checkout pages are required to automatically consummate the complex calculations often involved with Production Add-Ons. Every bit such, when manually adding orders on the admin side, these calculations are not currently automated. You lot can submit a feature request for this via our ideas lath.

That said, Product Add together-Ons data is saved equally metadata, so in that location is a manual workaround. Follow the instructions for manually adding an gild every bit usual. Once the Add together-Ons product has been added, hover with the mouse over the Total and click the Pencil icon to edit the item.

Click the Add meta button that appears underneath the item to add a field pair into which the relevant Add together-Ons metadata can be added. You can add as many field pairs as y'all require.

Proper noun (required) – input the Add-Ons Field Title plus the cost of the add together-on in brackets.

Value (required) – input the proper name of the Add-Ons option.

Note: The detail'south cost plus the toll of the improver(southward) have to be manually calculated and added to the Total (and if applicative, Taxation) fields. Once saved, the order's Recalculate button does not automatically do that for you.

Tin I set quantities for each add-on? ↑ Back to top

At the moment, quantities can just exist set for add together-ons created with Quantity field type.

Questions and Feedback ↑ Back to top

Have a question before you buy? Please fill out this pre-sales form.

Already purchased and need some assistance? Go far bear upon with a Happiness Engineer via the Help Desk.

haleexinglity.blogspot.com

Source: https://woocommerce.com/document/product-add-ons/

Share this post