Flower Order Details Form Setup Guide

A flower-order details form should separate the card message from arrangement preferences. This tutorial collects an occasion, colour choice, recipient name, and substitution preference. Use COLY to attach these details to the floral product so the florist can read one clear order brief.

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 Flower Order Details 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 Flower Order Details 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. Occasion — Select field

Set Field type to Select field and Label to Occasion.
Clear Is mandatory. Clear Hide by default.
Leave Helper text blank for this example.

In Options, enter one choice per line:

Birthday
Thank you
Other

COLY Select field settings for Occasion in Flower Order Details Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

2. Colour preference — Select field

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

In Options, enter one choice per line:

Florist choice
Soft tones
Bright tones

COLY Select field settings for Colour preference in Flower Order Details Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

3. Recipient name for card — Text field

Set Field type to Text field and Label to Recipient name for card.
Clear Is mandatory. Clear Hide by default.
In Helper text, enter: Name for the card. Enter the delivery address at checkout.
Leave Minimum characters blank. Leave Maximum characters blank.

COLY Text field settings for Recipient name for card in Flower Order Details Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

4. Card message — Textarea

Set Field type to Textarea and Label to Card message.
Clear Is mandatory. Clear Hide by default.
In Helper text, enter: Up to 250 characters.
Leave Minimum characters blank. Set Maximum characters to 250.

COLY Textarea settings for Card message in Flower Order Details Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

5. Substitution preference — Radio button

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

In Options, enter one choice per line:

Follow stated policy
Contact me first

COLY Radio button settings for Substitution preference in Flower Order Details Form — Match the label, helper text, and field settings shown here. Select the image to view it at full size.

6. Arrangement note — Textarea

Set Field type to Textarea and Label to Arrangement note.
Clear Is mandatory. Clear Hide by default.
In Helper text, enter: Requests depend on the flowers available.
Leave Minimum characters blank. Leave Maximum characters blank.

COLY Textarea settings for Arrangement note in Flower Order Details 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 Flower Order Details Form — Check all 6 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 Flower Order Details 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 flower-order-details to your test product and save it. In COLY, open Display condition, set Attribute to Tagged with, then enter flower-order-details 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 flower-order-details — 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

Occasion: Optional; choices: Birthday; Thank you; Other.
Colour preference: Required; choices: Florist choice; Soft tones; Bright tones.
Recipient name for card: Optional. Helper text: “Name for the card. Enter the delivery address at checkout.”
Card message: Optional; maximum 250 characters. Helper text: “Up to 250 characters.”
Substitution preference: Required; choices: Follow stated policy; Contact me first.
Arrangement note: Optional. Helper text: “Requests depend on the flowers available.”

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
Occasion	Select	Optional	Birthday; Thank you; Other
Colour preference	Select	Required	Florist choice; Soft tones; Bright tones
Recipient name for card	Text	Optional	For the card; not the delivery address
Card message	Textarea	Optional	Use the card character limit
Substitution preference	Radio	Required	Follow stated policy; Contact me first
Arrangement note	Textarea	Optional	Request subject to florist review

Does a colour preference guarantee a specific flower?

A colour preference is different from a promise to supply a particular flower. Explain seasonal substitutions in the product content and offer only choices your florist can honour. Keep the delivery address and shipping method in checkout, where the actual delivery service is selected.

Agree on colour options and substitution wording with the florist. Explain what each choice means before adding fields.
Create concise card fields and a separate arrangement-note field so instructions are not printed by mistake.
If contact-first substitutions are offered, confirm your team has a working contact process and the necessary order contact details.
Submit a test order with a card message and a substitution preference, then inspect the florist’s order view.

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

Check the finished setup

Confirm that the card recipient is not treated as a replacement checkout shipping name.
Check that a florist-choice order can complete without a named flower request.
Verify that the team can identify contact-first orders before making a substitution.

Common mistakes

Do not promise an exact flower variety from a general colour choice.
Do not describe a preference field as a confirmed delivery booking.

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.