How can I insert a banner on the order status page?

Technical Q&A
,
1

Hello,
our goal is to insert a banner in the header of the confirmation page, and we would need to know how this can be done.

For example, there is a specific tag that we can insert after, or a place.

2

Hi @Awin_Advertiser ,

Please follow below steps to achieve the same.

  1. From Shopify dashboard, go to Online store > Themes > Customize
  2. Choose theme settings
  3. scroll to end and click on checkout
  4. Now select your background image and logo, there are more settings to update choose accordingly

theme-settings.png
theme-settings.png1366×768 111 KB

hari1_prasad_0-1668766696582.png
hari1_prasad_0-1668766696582.png1366×768 75.2 KB

3

Thanks @gr_trading . We have a JS tag that we call on confirmation page, and we need to insert the banner via this tag.

We want the banner inserted in the header, preferably at the same position, for multiple Shopify shops, that is because our tag is live with hundreds of different advertisers.

How can we insert this banner in the header for different Shopify shops? One idea would be to find a tag in the header that has the same ID for all shops, and insert after it. Can you think of any such tag?

4

You can use below script to update banner

document.querySelector("header.banner").setAttribute("style","background:#333 url(//cdn.shopify.com/s/files/1/0515/6595/3190/files/banner_aws-041122.png?1449) center center")

Hope it help!