I’m facing an issue with integrating our headless landing pages with Shopify that are currently on ReCharge. Here’s the situation:
-
Setup: We have landing pages hosted outside of Shopify (headless). When a user clicks the “Get Started” button, it triggers an HTTP POST request to our Node.js backend using Express. The backend communicates with the ReCharge API to create carts and process checkouts.
-
Before Conversion: We’ve been forced to move to Shopify as they are no longer allowing 3rd party checkouts. Before the conversion I tested this setup within Shopify using GraphQL, and everything worked perfectly, including the creation of carts and checkouts via the GraphQL API.
-
After Conversion: Once we moved to Shopify, the integration broke because the GraphQL endpoint for subscription products was disabled when I look at the subscription product. I was going to use REST but that is deprecated. The instructions provided by Shopify for using AJAX seem to be tailored for pages that are hosted within Shopify, which doesn’t align with our headless architecture.
Has anyone encountered a similar issue or have any insights on how to make this work with a headless setup? I can get normal products to work just not subscription based products? Any advice or guidance would be greatly appreciated!