How to embed a custom app into a storefront product page?

Shopify Apps
1

Hello!

I built a custom app on my development store. I used Shopify CLI 3 to build it with Node/React.

Works fine on the admin side, but I am not sure how to get it to display on the actual storefront product page!

I tried using a Theme Extension App block, but the functionality seems limited. I need to import a few packages and make an API call. I might just not understand it completely though.

Is this something that needs to be done in liquid? Or am I missing something obvious here?

Essentially, I want to place a button that uses an npm package to make an API call, in the product page. Just under the Price for example.

Thanks

2 Likes
2

@solidev you will write the js code inside the liquid file( do the API call using js fetch or j query or any lib ). if you need specific answer provide me more detail i will help.

3

Can you please send any reference code snippets !

are you referring the theme assets API ?