Custom Apparel Measurement Form Setup Guide

A custom apparel form should collect measurements in one stated unit and one stated method. This setup separates chest, waist, and garment length from fit preference. Use COLY numeric fields for measurements and keep a clear diagram or measuring guide beside the form.

Setup tutorial · COLY · Updated 2026-09-07 · By Activory

Try the storefront example

Enter sample order details. Try each choice and use Phone width to check the form. This example shows the COLY fields; your theme supplies the product and purchase button.

Storefront example

This example uses COLY storefront code with sample data and the settings below. Your theme’s fonts and available width can change the result. Example links show their destination; purchase controls use a sample cart. Use the checks below to confirm the finished setup in your store.

Build it in COLY

The images below show the COLY form code with local sample data, captured on 2026-09-07. Shopify navigation and action bars are outside the cropped area.

1. Name the form

Open COLY → Forms and create a form. Enter Custom Apparel Measurement Form in Form name. This name is for your admin. Set Status to Published when you are ready to save the finished setup.

COLY Form name set to Custom Apparel Measurement Form and Status set to Published — Use a name that helps you identify the form in COLY. Select the image to view it at full size.

2. Add and configure the fields

Open the first field card. Choose its Field type, then enter the settings below. Select Add field for each further row. Keep the fields in the listed order. Leave Placeholder blank and Display fields based on quantity off for these examples. Keep Pricing rule at None, where shown, and option price adjustments off.

Open each field below to see its full settings and screenshot.

1. Body chest cm — Number field

Set Field type to Number field and Label to Body chest cm.
Select Is mandatory. Clear Hide by default.
In Helper text, enter: Enter your body chest circumference in centimetres.
Set Minimum to 0.1 and Decimal places to 1. Leave Maximum blank for this example.

COLY Number field settings for Body chest cm in Custom Apparel Measurement Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

2. Body waist cm — Number field

Set Field type to Number field and Label to Body waist cm.
Select Is mandatory. Clear Hide by default.
In Helper text, enter: Enter your body waist circumference in centimetres.
Set Minimum to 0.1 and Decimal places to 1. Leave Maximum blank for this example.

COLY Number field settings for Body waist cm in Custom Apparel Measurement Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

3. Finished garment length cm — Number field

Set Field type to Number field and Label to Finished garment length cm.
Select Is mandatory. Clear Hide by default.
In Helper text, enter: Enter the finished garment length in centimetres. Follow the measurement guide for this product.
Set Minimum to 0.1 and Decimal places to 1. Leave Maximum blank for this example.

COLY Number field settings for Finished garment length cm in Custom Apparel Measurement Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

4. Fit preference — Radio button

Set Field type to Radio button and Label to Fit preference.
Select Is mandatory. Clear Hide by default.
Leave Helper text blank for this example.

In Options, enter one choice per line:

Regular
Relaxed

COLY Radio button settings for Fit preference in Custom Apparel Measurement Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

5. Measurement note — Textarea

Set Field type to Textarea and Label to Measurement note.
Clear Is mandatory. Clear Hide by default.
In Helper text, enter: Tell us about any measurement that needs an explanation.
Leave Minimum characters blank. Leave Maximum characters blank.

COLY Textarea settings for Measurement note in Custom Apparel Measurement Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

3. Review the field list

Select Collapse in each field card to check the labels and order. Required fields must show Is mandatory when you open them. The helper text should tell customers what to enter.

Completed COLY field list for Custom Apparel Measurement Form — Check all 5 fields before you set the display rules. Select the image to view it at full size.

4. Choose product-page placement

Under Storefront placement, set Show this form on to Product pages. This matches the storefront example above.

COLY Storefront placement set to Product pages for Custom Apparel Measurement Form — Use Product pages to collect details for the item the customer is buying. Select the image to view it at full size.

5. Limit the form to your test products

In Shopify, add the product tag apparel-measurement-form to your test product and save it. In COLY, open Display condition, set Attribute to Tagged with, then enter apparel-measurement-form in Matches with and select the matching option. Only add this tag to products that should use this form.

COLY Display condition set to Tagged with and apparel-measurement-form — The same tag must be present on the Shopify product and in this form rule. Select the image to view it at full size.

6. Save and check the storefront

Check the form fields and rules, then select Save in COLY. Open the test product template in the Shopify theme editor. Add Coly - Form fields near the purchase controls, keep the default field design for this example, and save the theme.

Open the tagged product in the storefront and enter test details. Add the item to the cart and check its submitted details. Complete the finished setup checks before you use the form on products for sale. See the COLY setup guide for the Shopify theme controls.

Example settings

Body chest cm: Required; 1 decimal place; minimum 0.1. Helper text: “Enter your body chest circumference in centimetres.”
Body waist cm: Required; 1 decimal place; minimum 0.1. Helper text: “Enter your body waist circumference in centimetres.”
Finished garment length cm: Required; 1 decimal place; minimum 0.1. Helper text: “Enter the finished garment length in centimetres. Follow the measurement guide for this product.”
Fit preference: Required; choices: Regular; Relaxed.
Measurement note: Optional. Helper text: “Tell us about any measurement that needs an explanation.”

Sample data and content

Use these values for a test. Replace them with checked product data, published destinations, and offers that your store can supply.

Field label	Field type	Required setting	Configuration note
Body chest cm	Number	Required	Circumference at the documented fit point; allow 1 decimal place if needed
Body waist cm	Number	Required	Circumference at the documented fit point; allow 1 decimal place if needed
Finished garment length cm	Number	Required	Use the illustrated start and end points; allow 1 decimal place if needed
Fit preference	Radio	Required	Regular; Relaxed
Measurement note	Textarea	Optional	Clarify unusual requirements

Should the form collect body or finished-garment measurements?

Decide whether you need body measurements or finished-garment measurements. Never mix the two under the same label. The example fields assume body circumference for chest and waist, plus a requested finished garment length. Change the labels if your production process uses another method.

Write the measuring method with your tailor and choose a single unit for the form.
Use Number fields with bounds derived from the products you make. Set the decimal option to 1 if you accept tenths of a centimetre; zero decimal places would lose that precision. Explain that unusual requests need review.
Place the measuring diagram next to the fields and label the requested garment length separately from body dimensions.
Submit a realistic measurement set and have production read it before accepting live custom orders.

Read the COLY setup guide for the full app controls and placement options.

Check the finished setup

Try decimal measurements and check that the intended precision survives into the order.
Enter a value in inches by mistake and confirm the unit helper is easy to see.
Check that required measurements remain attached to the correct item when the cart contains two custom garments.

Common mistakes

Do not use input bounds as a promise that every measurement set can be produced.
Do not infer a finished fit from numeric fields without your normal production review.

Supported use

This plan collects product order details. It does not configure fees, stock, appointments, or shipping services. Check plan access for conditional fields. Test each purchase route in your theme and verify that the intended details reach the order before you accept custom work.

COLY features, current app plans, and COLY conditional logic explain the supported setup.

Browse all COLY tutorials. Read how the examples are made or report a correction.