Should I hide the coupon field until after payment method selection?

Question

I'm designing the checkout flow for my e-commerce store and want to optimize the user experience while preventing potential coupon code abuse. I've noticed that some customers spend excessive time searching for discount codes before completing their purchase, which can lead to cart abandonment. I'm wondering whether hiding the coupon field until after the payment method is selected would improve conversion rates and create a more streamlined checkout process. What are the pros and cons of this approach, and what best practices should I consider?

Muhammed Tüfekyapan · Accepted Answer

Mobile PDP Layout Optimization
Mobile product page layout is not aesthetic - it's a conversion decision. Eye-tracking research shows that mobile shoppers scan in a specific pattern, and layouts that fight this pattern create friction. The optimal layout keeps the purchase decision elements (price, rating, CTA) visible before the first scroll.

Mobile PDP Element Priority

PositionElementWhy This Order

1 - Above foldHero product imageVisual decision in under 3 seconds
2 - Above foldProduct title + price + ratingCore decision information visible immediately
3 - Above foldVariant selector + Add to CartPurchase action available without scrolling
4 - First scrollTrust signals (guarantee, shipping)Removes final hesitation
5 - First scrollKey benefits (3-5 bullets)Reinforces decision for undecided shoppers
6 - Second scrollReviews / testimonialsSocial proof for research-oriented buyers
7 - Third scrollFull product descriptionDetailed info for high-consideration shoppers

Sticky Add to Cart for Mobile
Shoppers who scroll past the native Add to Cart button have no way to buy without scrolling back. A sticky bottom CTA bar (fixed at the bottom of the screen) increases conversion by 8-15% on long PDPs:

- Shows when user has scrolled past the main CTA
- Contains just the price and "Add to Cart" button
- Hides when native CTA is visible (not both simultaneously)
- Many Shopify themes include this natively; others require a section customization

Growth Suite triggers on PDP: Growth Suite's Trigger Campaigns can be positioned to appear after a visitor has scrolled past a specific page element (e.g., after viewing the reviews section) or after a set time threshold. This means the offer appears when the visitor is most engaged - not as an interruption the moment they land, but after they've shown genuine interest in the product.

Should I hide the coupon field until after payment method selection?

TL;DR - Quick Answer

Complete Expert Analysis

Mobile PDP Layout Optimization

Mobile PDP Element Priority

Sticky Add to Cart for Mobile

Turn This Knowledge Into Real Revenue Growth

+32% Conversion Rate

60-Second Setup

14-Day Free Trial

Muhammed Tüfekyapan

Continue Learning

How do I write a Mother's Day cart abandonment recovery email?

What is the best timing for a Mother's Day cart recovery email?

Should I offer an extra discount in my Mother's Day recovery email?

Use Cases

Position	Element	Why This Order
1 - Above fold	Hero product image	Visual decision in under 3 seconds
2 - Above fold	Product title + price + rating	Core decision information visible immediately
3 - Above fold	Variant selector + Add to Cart	Purchase action available without scrolling
4 - First scroll	Trust signals (guarantee, shipping)	Removes final hesitation
5 - First scroll	Key benefits (3-5 bullets)	Reinforces decision for undecided shoppers
6 - Second scroll	Reviews / testimonials	Social proof for research-oriented buyers
7 - Third scroll	Full product description	Detailed info for high-consideration shoppers