Is it possible to integrate a Shopify cart into an HTML site?

Hello there!

I was wondering if there was any way I could potentially integrate my Shopify navigation into my HTML site so they can communicate with one another. For example, if a user were to be on a separate HTML site, and they chose to add a product to the cart, would it be possible for this product to pop up that it was added to the cart (in the nav) on the main HTML site? From here, the user would get the notification that the product would be added to the cart, and if they clicked the cart icon in the navigation, it would take them directly to the check-out process (to view all items in your cart) on Shopify?

I am aware of the Shopify Buy button, but that will take you away from the main HTML site to the Shopify site. Is there any way or any API I could use that would make this process seamless so that both sites can talk to each other? I have been asked to create two product pages, one to showcase off the product in my main HTML site with beautiful pictures, as well as another page on Shopify that gets into all the details, dimensions, and specifications for each specific product. If I were to add an “Add to Cart” button on the HTML site with great imagery, is there a way to make that communicate with the Shopify cart?

I am using the Minion Theme and would greatly appreciate any insight here. Thank you!

This is a non-trivial thing to integrate if you’ve never done it.

Have time and budget and planning.

The buy buttons have an SDK

https://shopify.dev/custom-storefronts/tools/buy-button

For more broad integrations ,

https://shopify.dev/custom-storefronts

There’s also tools like usemechanic to generate draft orders without bigger app development.

https://tasks.mechanic.dev/create-a-draft-order-from-the-cart

https://tasks.mechanic.dev/?q=webhook

Thank you so much for your reply. With time limitations, I definitely have a lot to think over, but these links will be super helpful. Appreciate your response!

Did you ever find the answer? I’m also trying to add the cart button icon in the header of my html website, rather than the cart that appears half way down of the right side of the screen of my html website. The website is html, not a Shopify theme, and the add to cart buttons are embedded on the website.