How to Build a High-Converting COD Order Form on Shopify

A Shopify COD form has one job: take a visitor from "interested" to "confirmed order" in under 30 seconds. If your form takes longer than that, you are leaving 60% of revenue on the table.

After analyzing 50,000+ orders across COD stores in Morocco, Saudi Arabia, Egypt and Vietnam, here are the nine form-design rules that separate stores converting at 4–6% from stores stuck at 1–2%.

Rule 1 — One page, no exceptions

Multi-step forms feel "professional" but they kill mobile conversion in COD markets. Use a single page with all fields visible. The customer should never click "Next".

Rule 2 — Phone before email — and skip email entirely

In COD markets the email field has a 22% abandonment rate. The phone is the only contact the courier needs. Make it the first field, not the third. If you absolutely need email for receipts, mark it optional and put it last.

Rule 3 — City should be a dropdown, not a text input

Free-text city fields produce typos that confuse couriers — Casa, Casablanca, Casablanka. Use a dropdown populated with the cities your courier delivers to. Bonus: you can show shipping cost dynamically per city.

Rule 4 — Show the total above the button, not below

Eye-tracking studies on COD forms show users look at the price last, then click. Put the total directly above the order button, in a font 2× larger than the form labels.

Rule 5 — Stack quantity offers above the form

This single change can add 20–35% to AOV. Show 2–3 quantity tiers as cards above the form:

• 1 piece — 199 Dh
• 2 pieces — 349 Dh, save 25% (★ Most popular)
• 3 pieces — 449 Dh, save 33%

Most COD form apps do not support this. CODRocket's funnel builder has it built in.

Rule 6 — Trust signals above the fold

In COD markets, customers worry about three things: Is this store real? Will the product arrive? Can I refuse if it is broken? Answer all three before they scroll:

• 100% Cash on delivery — pay only when the courier arrives.
• Free shipping to all cities.
• Refuse the parcel if you are not satisfied — no commitment.

Rule 7 — Match the form language to the visitor

If your visitor's browser is in Arabic, show Arabic with RTL. If French, show French. Mixing languages on the same form drops conversion by ~18%. CODRocket auto-detects locale and switches the form language, currency symbol and text direction automatically.

Rule 8 — Do not ask for the postal code

Couriers in MENA and most COD markets do not use postal codes. Asking adds friction with zero value. Remove the field.

Rule 9 — Mobile-first, always

90%+ of COD orders come from mobile. Design for a 360px-wide screen first, then check desktop. Specifically:

• Buttons at least 48px tall
• Input height at least 44px
• Font size at least 16px (anything smaller triggers iOS zoom)
• No fixed-width containers

The exact structure that works

Putting it all together:

• Trust strip: Cash on delivery · Free shipping · No commitment
• Product gallery
• Quantity offer cards
• Form: full name, phone (country dropdown + input), city (dropdown), address (textarea)
• Total in large type
• Place order button — "Place order (Cash on delivery)"
• Reviews badge ★★★★★ 4.8/5 (1,234 reviews)

That is the entire form. Anything else is decoration.

FAQ

What is a good conversion rate for a COD Shopify form? For cold paid traffic (Facebook, TikTok), 2–4% is healthy. Above 4% is excellent. Below 1.5% means your form is broken — usually too many fields or no quantity offers.

Should I show the price before or after the form? Both. Show the unit price near the product image, and the total directly above the order button. Do not bury the total inside the form.

Can I A/B test COD forms on Shopify? Yes — CODRocket has A/B variants in the funnel editor. Spawn a Variant B, change one element, split traffic 50/50.

How many fields is too many? Five is the sweet spot (name, phone, city, address, quantity). Each extra field drops conversion by 5–8%. Anything derivable — like postal code from city — should be auto-filled or removed.

Build this form in 5 minutes

CODRocket on Shopify's drag-and-drop funnel builder ships with this exact template. Install free → choose the "High-converting COD" preset → all 9 rules applied by default. Then read which 15 questions belong in your form and how to stop fake orders.