COD Form Builder
The COD Form Builder allows you to fully customize the Cash on Delivery (COD) request form shown to customers on the Product Page or Cart Page.
The COD Form Builder lets you create a custom Cash on Delivery (COD) form and display it on the When a customer clicks βBuy with Cash on Deliveryβ, a pop-up form opens where they enter their details (such as name, phone number, and address).
After submission:
The order is automatically created
The payment method is set to Cash on Delivery (COD)
You receive the order for processing
This helps you collect accurate customer information and reduce fake COD orders before the order is created.
How It Works
Customer clicks Request COD
Your customized form opens
Customer fills in the required details
Form validates the information
COD request is submitted for your review
How to Add a Field
Click Add Field
Select the required Field Type
Configure field settings
Save changes
Drag and drop fields to reorder them

Each field includes the following options:
Field Label
The title is displayed above the field. Example: Full Name, Phone Number
Placeholder Text
Helper text is shown inside the field before typing. Example: Enter the complete address with the landmark
Required Field
If enabled, customers must fill this field before submitting the form.
Validation Settings
Used to control the format and length of input, such as:
Minimum Length
Maximum Length
Custom Error Message
Format validation (Email / Phone)
Validation ensures accurate and usable customer data.
1. Address (Text Area β Mandatory & Cannot Be Removed)
The Address field is used to collect the customerβs complete delivery address for the COD order.
This is the only mandatory system-required field that cannot be removed from the form. Since COD orders require a valid delivery location, this field must always remain in the form.
When to Use It
This field is essential for every COD request. It helps you:
Ensure accurate delivery
Avoid incomplete address submissions
Reduce return-to-origin (RTO) orders
Improve successful delivery rates
Customers should provide their full address, including landmark details if applicable.
Field Settings:
Field Type: Text Area Allows customers to enter detailed, multi-line information.
Placeholder Text: Example: Complete address with landmark This guides customers to provide full delivery details instead of a short or incomplete address.
Required Field: Enabled Customers cannot submit the COD request without entering their address.
Validation Settings:
Minimum Length: 10 Ensures customers do not enter very short or incomplete addresses.
Maximum Length: 500 Prevents excessively long entries while allowing enough space for complete address details.

2. Full Name
The Full Name field is used to collect the customerβs complete name when they submit a COD request.
When to Use It
This field should always be included in your COD form.
It helps you:
Identify the person placing the order
Avoid anonymous or incomplete submissions
Maintain proper order records
Field Settings
Field Type: Text Field Allows customers to enter short, single-line text.
Placeholder Text: Example: Full name This helps guide customers on what to enter.
Required Field: Enabled Customers cannot submit the COD request without entering their name.
Validation Settings
You can control how customers enter their names:
Minimum Length: 2 characters Prevents very short or invalid entries.
Maximum Length: 100 characters Prevents excessively long input.
Validation Pattern (Regex): Optional advanced setting if you want to restrict input (for example, letters only).
You can leave the validation pattern empty if no special restriction is needed.

3. Landmark Field
The Landmark field helps customers provide nearby location details (e.g., building, shop, or reference point) for easier delivery.
Settings
Label: Field name shown to customers (default: Landmark)
Placeholder: Hint text inside the field (e.g., Enter landmark)
Field Width:
Half Width β Takes half row (can align with another field)
Required: Enable making this field mandatory
Advanced Validation
Min Length: Minimum characters required (e.g., 3)
Max Length: Maximum characters allowed (e.g., 50)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid landmarkβ)
Keep this field optional, but use validation to ensure meaningful input.

4. Email Field
Collects customer email addresses.
This field automatically checks for a valid email format.
Best for:
Sending confirmations
Follow-up communication
Additional verification
You can set a custom error message if the email format is incorrect.
Use this if you want an additional contact method besides phone.

5. Phone Field
The Phone Number field collects the customerβs contact number, which is essential for order confirmation and delivery communication.
Settings
Label: Field name shown to customers (default: Phone no)
Placeholder: Hint text inside the field (e.g., Enter phone no)
Field Width:
Half Width β Takes half row and can align with another field
Required: Enable making this field mandatory (recommended)
Advanced Validation
Min Length: Set minimum digits (e.g., 10)
Max Length: Set maximum digits (e.g., 15)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid phone number (10β15 digits)β)
Always keep this field required and apply validation to ensure correct contact details for delivery.

6. City Field
The City field captures the customerβs city to ensure accurate delivery and order processing.
Allows multi-line input for detailed information.
Settings
Label: Field name shown to customers (default: City)
Placeholder: Hint text inside the field (e.g., Enter city)
Field Width:
Half Width β Takes half row and can align with another field
Full Width β Takes the full row and can align with another field
Required: Enable making this field mandatory for order submission
Advanced Validation
Min Length: Minimum characters required (e.g., 2β3)
Max Length: Maximum characters allowed (e.g., 50)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid cityβ)
Keep this field required and use validation to avoid incomplete or incorrect city names.

7. Dropdown
Allows customers to select one option from a predefined list.
You must enter each option on a new line in the settings.
Best for:
Selecting a city or region
Delivery time slots
COD confirmation type
Predefined order preferences
Use dropdowns when you want standardized answers instead of free text.

8. Checkbox
Allows customers to confirm or agree before submitting.
Best for:
Confirming the correct address
Accepting COD terms
Acknowledging COD charges
If marked as required, customers must tick it before submission.
Use this to reduce disputes and ensure customer acknowledgment.

9. State Field
The State field captures the customerβs state/region to ensure accurate delivery and shipping calculations.
Settings
Label: Field name shown to customers (default: State)
Placeholder: Hint text inside the field (e.g., Enter state)
Field Width:
Half Width β Takes half row and can align with another field
Full Width β Takes the full row and can align with another field
Required: Enable making this field mandatory (recommended)
Advanced Validation
Min Length: Minimum characters required (e.g., 2β3)
Max Length: Maximum characters allowed (e.g., 50)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid stateβ)
Keep this field required and use validation to ensure accurate regional information for delivery.

10. Pincode Field
The Pincode field captures the customerβs postal code to determine delivery availability and apply COD rules.
Settings
Label: Field name shown to customers (default: Pincode)
Placeholder: Hint text inside the field (e.g., Enter pincode)
Field Width:
Half Width β Takes half row and can align with another field
Full Width β Takes the full row and can align with another field
Required: Enable making this field mandatory (recommended)
Advanced Validation
Min Length: Minimum digits required (e.g., 5β6)
Max Length: Maximum digits allowed (e.g., 6β10)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid pincodeβ)
Always keep this field required and apply validation to ensure correct delivery area and COD eligibility.

11. Order Note Field
The Order Note field allows customers to add special instructions for their order (e.g., delivery preferences, timing, or additional details).
Settings
Label: Field name shown to customers (default: Order note)
Placeholder: Hint text inside the field (e.g., Enter order note)
Field Width:
Half Width β Takes half row and can align with another field
Full Width β Takes the entire row for better visibility
Required: Enable if you want customers to ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ provide instructions (usually optional)
Advanced Validation
Min Length: Minimum characters required (optional)
Max Length: Maximum characters allowed (e.g., 255)
Error Message: Message shown if input is invalid (e.g., βPlease enter a valid noteβ)
Keep this field optional and allow enough character limit so customers can clearly describe their instructions.

12. Date Picker Field
The Date Picker field allows customers to select a preferred date (e.g., delivery date or pickup date).
Settings
Label: Field name shown to customers (default: Date picker)
Placeholder: Hint text inside the field (e.g., Select date)
Field Width:
Half Width β Takes half row and can align with another field
Full Width β Takes the entire row for better visibility
Required: Enable date selection to be mandatory
Advanced Validation
Min Length / Max Length: Not typically required for date fields
Error Message: Message shown if no date is selected (when required) (e.g., βPlease select a valid dateβ)
Use this field when you want customers to choose a preferred delivery or pickup date.

Last updated