Hi,
new To shopify. been reading up on some the posts. But i am not sure how to go about it so i am posting this.
My client wants to integrate Stripe Token/ Payment Intent at the Shopify checkout page. Is that possible ? They would like to store the token / intent with the customer . How would i go about it ?
Do i use a click button here to the user to an outside page residing on another server with the checkout session data ? and when the payment intent is created (they enter all the cc data on that page using stripe connect) they can pay for it then or get redirected back to the cart along with the token id for future use ? and then at a later time if they are ready to pay go back to checkout page press on button goto the payment page script pass the token id to that page call for the CC details so that the user doesn’t have to do anything but press the pay button?
Or
Can i use a iframe based solution on the same checkout page programing with the checkout api ?
Am i on the right track ?
Can you share the the right article that I need ot read up on to make this happen ?
1 Like
Shopify doesn’t allow direct integration of Stripe tokens or payment intents into its native checkout unless you’re on Shopify Plus, and even then, customization is limited. If your client is using Shopify Payments, Stripe is already built-in and handling payments in the background, so extra integration might not be needed. Securely storing payment tokens for future use requires PCI DSS compliance, which Shopify supports through its APIs.
If your client still wants to integrate Stripe separately, here are a few approaches:
-
Custom checkout flow on an external server. You can redirect users from the Shopify cart to an external page that uses Stripe’s API (Checkout or Elements) to collect payment details and generate a token. After the token or Payment Intent is created, redirect the user back to Shopify. However, this disrupts the native Shopify checkout and isn’t officially supported, which might cause issues later.
-
Shopify plus customization. With Shopify Plus, you can use the checkout.liquid file to embed custom scripts or an iframe to integrate Stripe. This still requires handling PCI compliance and may increase costs due to the Shopify Plus subscription.
-
Custom shopify app. Build a custom app that uses Shopify’s Storefront API to handle orders and associate them with Stripe tokens or Payment Intents. This keeps the process within Shopify’s ecosystem, but development will be more complex.
If possible, consider sticking with Shopify Payments for a simpler, fully supported solution.