topic Shopify to HubSpot commerce in Commerce Tools

Shopify to HubSpot commerce

SVishwakarma26 — Fri, 13 Sep 2024 18:47:49 GMT

One of my client site have shopify site right and I want to show my HubSpot products in shopify Cart Drawer inside the Iframe but when customer clicks on "Add To Cart button" product is not add in the cart and cart drawer is goes closed.

We are using Shopify Buy Button javascript code to add product on shoping cart.

Re: Shopify to Hub spot commerce

kennedyp — Wed, 21 Aug 2024 22:17:46 GMT

Hi @SVishwakarma26! Welcome to the Community-- happy to have you here 😊

I understand you have your HubSpot products embedded in your Shopify cart drawer, but the products don't seem to be added to the cart as expected. Would you be able to share a few screenshots or a screen recording of this behavior? Additionally, is there a website page we can look at to test this behavior?

This context will help us determine next steps-- thank you!

Best,
Kennedy

Re: Shopify to Hub spot commerce

SVishwakarma26 — Thu, 22 Aug 2024 05:55:05 GMT

Thank you for reply kennedyp.

Please find the attached video. What issue i am facing once click to Add to cart button inside cart drawer.

Video URL: https://www.awesomescreenshot.com/video/30735091?key=052e2e2a26b330369d9c924345742dbe

Thanks- Sanjeev

Re: Shopify to Hub spot commerce

kennedyp — Thu, 22 Aug 2024 22:46:01 GMT

Thanks for the video @SVishwakarma26 ! Can you please share screenshots of the embed code on this site?

Since this is not a HubSpot page, I assume you are not using this specific module from our Marketplace, right? My initial gut feeling is that this may be related to the javascript, but once we can get a look at the code, we can have a better idea!

Best,
Kennedy

Re: Shopify to Hub spot commerce

leestanton — Wed, 04 Sep 2024 11:53:09 GMT

It sounds like the issue might be with how the Shopify Buy Button JavaScript code interacts with the HubSpot iframe. Here are a few things you can try:

Check for Conflicts: Ensure there are no JavaScript conflicts between the Shopify and HubSpot scripts.
Cross-Origin Issues: If the HubSpot iframe is hosted on a different domain, it could be a cross-origin issue. Verify that the correct permissions and settings are in place.
Debug the Code: Use browser developer tools to debug the JavaScript and see if there are any errors or warnings when the "Add to Cart" button is clicked.
Review Shopify API: Make sure the Shopify Buy Button code is correctly implemented and adheres to Shopify's guidelines for adding products to the cart.

If these steps don’t resolve the issue, you may need to consult Shopify support or a developer with experience in integrating third-party systems with Shopify.