Creating and Configuring Custom Fields for Products

This guide shows administrators how to create and configure product Custom Fields in DecoNetwork. Custom Fields let you capture extra options or information (e.g., personalization text, file uploads, gift wrap, rush options) and optionally apply price modifiers.

In this article

• Prerequisites
• Why use Custom Fields?
• Step 1: Open Custom Fields
• Step 2: Create a Custom Field
• Step 3: Configure core settings
• Step 4: Choose the right field type
• Step 5: Add options (for select-type fields)
• Step 6: Add price modifiers (optional)
• Step 7: Configure Store Availability
• Step 7: Save and assign to products
• Step 8: Test the customer experience
• Best-practice tips
• Troubleshooting
• FAQs
• Additional resources

Prerequisites

Why use Custom Fields?

Custom Fields let you extend product configuration beyond standard attributes.

• Collect extra data: names, numbers, notes, due dates, instructions, survey data.
• Offer add-ons: gift wrap, priority handling, packaging choices.
• Enable uploads: allow customers to attach artwork or reference files.
• Control pricing: add per-option or per-selection charges when needed.
• Reuse at scale: assign the same field to many products via product groups.

Step 1: Open Custom Fields

1. Log into your DecoNetwork Website.

2. Browse to Admin → Products → Custom Fields.

   

   

   The main Custom Fields area displays a list of existing custom fields, if any, or prompts you to create new ones.

   

   Navigation: Admin → Products → Custom Fields

Step 2: Create a Custom Field

1. Click Add Custom Field.

   

   Click Add Custom Field to start a new field

   The configuration settings for the custom field will be displayed.

   

   Custom Field Settings

Step 3: Configure core settings

1. In the field editor, set the basics:

   • Field on by default: Ticking this checkbox will display this custom field as an option when the default behavior for the product is also to display custom fields. This corresponds to a product's custom field configuration to "Use System Fields" (found under Admin > Products > [product] > Custom Fields). Additionally, if the Product Groups app is enabled, the behavior of the product group is set at Admin > Products > Product Groups.

     
     Note: If you leave Field on by default off, you can still enable it per product later.

   • Required: Ticking this checkbox will force the user to complete the custom field as the product enters the shopping cart.

     

   • Title: The name of the field.

     
     Tip: Name the field for the customer, e.g., “Engraving text” or “Upload logo”.

   • Description: lets you provide information that can be in the form of a question or a prompt that will help the customer to complete the custom field.

     

   • Type: defines which sort of on-screen input method the customer will use to enter data.

     

Step 4: Choose the right field type

1. Select a type that matches the information you need:

   • Text field types provide an open text box that accepts free text input.

     • Text Field accepts single-line text input.
     • Text Area accepts text input of multiple lines.

     The following settings are available for text field types:

     • Length (Text Field only) lets you specify the width of the text box based on the number of characters. For instance, setting the size to 30 will make the text box wide enough to display 30 characters, but you can still enter more than 30 characters if needed.
     • Rows (Text Area only) lets you specify the number of text lines for the text box.
     • Columns (Text Area only) lets you specify the width of the text box based on the number of columns to display.
     • Maximum Characters lets you specify the maximum number of characters that can be entered in the text box.
   • Select field types provide the customer with a number of options.
     • Drop-down is a list that opens up when the user clicks on the field.
     • Checkbox gives the customer a choice of checkable options, and multiple selections may be made.
     • Radio buttons allows the customer to choose only one of a predefined set of options.
     • Multiselect is like a dropdown, except multiple options can be selected.

   • File field types let the customer upload an attachment to their order.

     • File lets the customer upload file attachments to their order
     • Image lets the customer upload image attachments to their order.

     The following settings are available for file field types:

     • Allowed file extensions lets you specify the extension of the file types you want to allow. Leave this field blank if you want to accept all file types.
   • Date field types open up picker selection dialogs with the selection used as the output. These types cannot modify the price of a product.
     • Date lets the customer select a date.
     • Date/Time lets the customer select both date and time.
     • Time lets the customer select a time.

Step 5: Add options (for select-type fields)

The list of options is set by you, and must be configured prior to use.

1. Click on the Add Option button to add options.

   

   Add and order options for selection-based fields.

   Added options appear in a table below the Type selection box:

   • On means the option will be used.
   • Default is the option selected on page load.
   • Name is the text that will appear in the option.
   • Code is the text saved from selecting the option.

   The blue configuration wheel at the right of the Options table contains extra options for the Select field type to set price modifiers and also size variants:

   • [Title] affects price makes the price modifier options available.

     

     Configure optional price rules for the field or its options.

     • Price depends on color lets price be modified based on the color of the product being sold. Options here are to modify by a flat fee or as a percentage of either the base price, the decoration price, or both.
     • Allow size variants will let you add size variants to each option.

Step 6: Add price modifiers (optional)

The blue configuration wheel at the right of the Price Options title contains extra options for the selected field type to set price modifiers. You can add charges per option or condition (e.g., add $5 for gift wrap or add $3 for dark garment processing).

1. Click on the cog icon to access the price options:

   • [Field Title] affects price makes the price modifier settings and options available.

     
     • Price depends on color lets price be modified based on the color of the product being sold. Options here are to modify by a flat fee or as a percentage of either the base price, the decoration price, or both.

2. When the [Field Title] affects price checkbox is ticked, the Adds field becomes available. Specify a flat price or percentage of the base or decoration price depending on the setting in the settings box.

   

3. When the Price depends on color checkbox is also ticked, the White, Light and Dark fields become available. Specify a flat price or percentage of the base or decoration price for each of the color variants, depending on the setting in the settings box.

   

Step 7: Save and assign to products

1. Click Save on the field.
2. Assign the field where needed:
   • Product Groups: Assign once to cover many products with the same requirement.
   • Individual Products: Assign to a specific product when unique.

Step 8: Test the customer experience

1. Open a product that has the field assigned and view it in your storefront.
2. Confirm the field appears where expected and behaves correctly (required, options, prices).
3. Add to cart and proceed to checkout to verify price and data capture.
4. Open the order in Business Hub to confirm the field values are recorded.

Best-practice tips

• Keep labels short and clear (customers scan, not read).
• Use descriptions sparingly for instructions or constraints.
• Limit the number of fields per product to reduce friction and avoid choice overload.
• Group logically: use Product Groups to standardize fields across similar items.
• Price transparently: test all combinations to ensure totals are expected.
• Audit periodically: remove unused fields and consolidate duplicates.

Troubleshooting

• Field isn’t showing on the product page
  • Confirm the field is assigned to the product or its product group.
  • Check Field on by default (or enable it at the product level).
  • Clear theme/site cache if applicable and refresh the page.
• Price modifier not applying
  • Verify the correct option has a price configured.
  • Test the product end-to-end (product → cart → checkout) to confirm totals.
  • Check for conflicting discounts or price rules.
• Customers bypass required fields
  • Ensure Required is enabled on the field.
  • Retest add-to-cart; required fields should block submission until completed.
• Too many fields clutter the page
  • Consolidate or simplify; move specialized inputs to fewer, clearer choices.
  • Use Select instead of Radio for long lists.

FAQs

Can I reuse the same Custom Field across many products?
Yes. Assign the field to a Product Group to apply it broadly without duplicating work.

Where do I see the data customers entered?
In Business Hub, open the order. Custom Field values appear with line-item/product details.

Can I change a field after orders already exist?
Yes, but changing or removing options may affect historical context. Prefer adding new options instead of deleting existing ones.

Do Custom Fields support file uploads?
Yes. Use the File Upload type to let customers attach artwork or reference files.

Can I add different prices for light vs dark garments?
If available in your configuration, set conditional price rules per garment color category. Always test in the storefront and checkout.

Additional resources

• Assign Custom Fields to Product Groups
• Assign Custom Fields to a Product
• Managing Products in Admin
• Business Hub: Viewing Order Details