I’m building an UI extension which is a button, when clicked it opens a modal, that integrates with a 3rd party service. Is it allowed to just inject HTML in the cart page to create that button, in order to keep the extension available for all stores, not only Shopify Plus?
Topic summary
Topic: How to add a custom button on the cart page that opens a modal and works for all stores (including non‑Shopify Plus) without relying on checkout extensibility.
Key points:
- The developer asked if directly injecting HTML into the cart page is allowed to keep the feature available to non‑Plus stores.
- A reply recommended using a Theme App Extension (app blocks/snippets added to Online Store 2.0 themes) to place the HTML on the cart page, which is preferable for non‑Plus merchants.
Implementation questions:
- The developer wanted to build it with React and asked how to target the cart page (cart-template.liquid, the cart page template).
Outcome/Latest update:
- The developer reports they achieved the desired result, but without React. No method details were provided.
Status and open items:
- Practical path identified (Theme App Extension) and the developer found a non‑React solution.
- Whether direct HTML injection is permitted was not definitively answered in the thread; policy clarity remains open.
Hi ElevateNowBrand - could you use a theme app extension to add the HTML to the cart page? If so, I think that would be the best method for non-Plus merchants.
I want to achieve it with React, but my main problem right now is how to target the cart page, the one that is at cart-template.liquid.
I’ve managed to achieve what I was trying to do but without React.