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

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

Pingyin
Excursionist
22 0 4

Hi 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)

widget code is <div class="docapp-coupon-input"></div> (provided by app)

2022-11-25 13 37 06.png

 

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

PASSWORD:naihia

 

Reply 1 (1)

N201Ruiz
New Member
5 0 0

You can change the look and feel of the subscription widget by adding CSS rules to your Shopify theme. This article will explain how to add custom styling to the widget.

1. Edit your Shopify theme
Navigate to your Shopify store and in the theme editor, open the theme code

2. Adding custom styles to CSS file
Click on the Assets folder and select theme.css.liquid. This is where you'll add custom CSS. Then paste custom styles at the bottom of the CSS file

Aetna Medicare Network