Ecom Ideas
  • Homepages & nav
  • Category pages
  • Product pages
  • Cart pages
  • Checkout
  • Site search
  • Internationalization
  • Holiday ideas
  • Featured idea gallery
  • Topical articles
Subscribe
💡
Ecom Ideas
/Checkout
Checkout
/
✈️
Shipping step
✈️

Shipping step

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

🛍️
Note that these examples refer to non-Shopify sites that have more flexibility over their checkout UI, except for those highlighted in orange. A dedicated Shopify section is coming soon!

💡 Ideas and tips

Shipping address form

‣
Ask for Shipping before Billing
‣
Repeat express checkout options above Shipping address fields
‣
Consider using microcopy to explain why personal contact info is required
‣
Consider country first for international checkouts to scope fields to relevant inputs
‣
Consider promoting popular countries to the top of the menu
‣
Have an Address 2 option, but collapse it
‣
Provide an easy (and optional) way to save info to an account

Select shipping method

‣
Use estimated arrival dates vs business days
‣
🦄 Take an “arrival date first” approach
‣
🦄 Indicate the time of day order cutoff to meet arrival estimates
‣
🦄 Use geolocation to personalize order cutoff to user’s time zone
‣
Consider/test a “cost first” approach
‣
Consider showing both arrival dates and business day range
‣
Make it an Arrives by-Business day-Order by sandwich 🥪

Other

‣
Highlight sustainable shipping
‣
Support adding a gift note
‣
Collect email and SMS opt-in with promo offer CTA

🫣 Cautions

‣
Don’t hide shipping option selection behind a link or dropdown
‣
Don’t hide transit time information behind a tooltip
‣
Don’t use long winded microcopy in your tooltip
‣
Don’t lead with “business day range” headings
‣
Fail to apply a visual hierarchy to shipping details
‣
Avoid placing important shipping details in a banner-style block
‣
You don’t need to include the year in estimated arrival date…
‣
Don’t use too much horizontal white space between shipping method and cost
‣
Avoid presenting shipping options in a 2-column grid
‣
Don’t fail to provide arrival date or transit time details at all
‣
Don’t use ghost fields 👻

Back to Checkout ideas

👉 Follow on LinkedIn for daily ideas 💡

Get daily ideas

LinkedIn