Skip to main content

Discount code field in the Shopify cart, before checkout

Let shoppers apply the code where they look for it — in the cart, not two steps into checkout.

Saves €4/month

The problem

Shopify only shows the discount field once checkout has started. A shopper holding a code who sees nowhere to enter it in the cart may leave to look for it, and not come back.

The solution

Cama and PopsSaves €4/month show a discount code field in the cart drawer and on the cart page. The shopper applies the code there and sees the new total before going to checkout; if the code can’t be applied, the field shows an error message.

How it works

  1. Enable the field

    In the theme editor, open Theme settings > Cart and tick the discount code option. It is on by default.

  2. Test a code

    Apply a code in the cart drawer or on the cart page and check the new total.

Questions merchants ask

  • Does the code still apply at checkout?

    Yes. The code is applied to the cart itself, so it carries through to checkout and the shopper never types it twice.

  • What happens with an invalid code?

    The field shows an error message and the cart total stays as it was.