How can I add a third-party discount field widget to the checkout page?

Topic summary

Objective: Replace Shopify’s built-in discount field with a third-party coupon widget (

) on the checkout page (Dawn theme). A store URL and password were shared, along with a screenshot; the code snippet is central to the request.

Key constraint: Editing the checkout page is only possible on Shopify Plus. The requester confirmed they are not on Shopify Plus.

Outcome: Customizing the checkout to remove the default discount field and add the third-party widget is not feasible on non-Plus plans.

Clarification: Shopify Plus is Shopify’s higher-tier plan that permits checkout customization. Without it, checkout layout and fields cannot be modified.

Status: No implementation provided; the request remains blocked by plan limitations. Next step would require upgrading to Shopify Plus or seeking non-checkout alternatives (not discussed).

Summarized with AI on February 4. AI used: gpt-5.

It’s a re-post from:add a widget css code to checkout page - Shopify Community (add css labels)

can anyone help to remove shopify oringinal discount field and add a third-party discount field widget to the desktop&mobile checkout page?(theme Dawn) or tell me where to add this code and remove shopify discount field?

widget code is

(provided by app)

URL:Hannah’s Accessory|韓國飾品|18K金|92.5 (hannahsaccesory.myshopify.com)

PASSWORD:naihia

@Pingyin - you can edit checkout page if you are shopify plus member, are you a shopify plus member?

@suyash1 No I’m not a shopify plus member.

@Pingyin - you need to be me shopify plus member to edit checkout page