Coupon Field in Cart for Shopify

Integrates with any theme

Seamlessly integrate with your theme, when CSS classes are matched. One-click premade configurations available for popular themes.

Add a coupon field in cart

Customers don't know where to input their discount. Avoid abandoned carts by adding a coupon code field to your cart page or drawer.

Show savings before checkout

Customers crave for savings. Tell theme right in the cart how much money they will save if they complete their purchase.

First step would be to choose the theme you are writing the config for. Configurations are highly dependent on the theme they were made for.

CSS selector which decides where the discount field will be inserted. This might require some basic knowledge of CSS/HTML. Using the Inspect Element on the cart location should be really helpful in finding the location selector needed.

By default, the discount field comes unstyled. The reason we chose to do this is because it's impossible to create a style that works for every theme. Using the same trick as above with Inspect Element can help find the classes your theme uses for buttons and inputs, creating a seamless integration.