Integrating A 3rd-Party Custom Payment Gateway

Mike_Entrostat
Shopify Partner
3 0 0

Hi!

 

I'm looking to integrate my app as a 3rd party payment provider for Shopify merchants to add to their websites. This will allow customers to select my app as a payment option, and upon purchase will be re-directed to a web-page hosted on my app, where they can complete their purchase. After completing their purchase they would then be re-directed back to the merchant's Shopify website.

I've read a lot of the docs online about how to do this but I still have some uncertainty around some things:

 

  1. I've already seen that this was done by using a Hosted Payments SDK, but has since been deprecated.
  2. The docs mention to create an app in the Partner Dashboard or Shopify CLI, as well as create a payment extension. From my understanding the only thing I would need would be the payment extension? I would just like to be able to send the payment request from the merchant's Shopify website to my app (likely through a webhook) which can then process it and return a link to redirect the customer to the necessary page to make the payment.
  3. I'm struggling to find any online documentation or examples on how you would create this payment extension.
  4. I also can't find any examples on how I would set up a 3rd party payment gateway by creating a Shopify Payment app.

 

I'm hoping someone can assist me with this. Thanks!

Replies 10 (10)

Alan
Shopify Staff
129 15 24

Hey @Mike_Entrostat - great question! You're correct that our Hosted Payments SDK will be completely deprecated by the end of July and new sign ups aren't allowed for the SDK due to this. That said, we do have a decent doc that goes over the basics of setting up a "new" Payments app through our Partner dashboard.

 

You may have checked that link out already, but I wanted to share it in case it wasn't on your radar. You're also correct that all you would need to do is set up a payment extension app, but at the moment we only support URL redirects and not in-(Shopify)-checkout payments for third party payment apps.  The good thing about this method though it that even though you would have to process the payment on your external payment page, you can redirect the buyer back to Shopify checkout once payment is complete. It's fairly seamless, aside from the one redirect and works similarly to how I would say the experience using something like PayPal feels currently.  


In terms of building a payment app yourself, the best place to start would be with a gateway. They can be fairly simple, but a decent place to start if you're just getting started with building your own payment gateway is this link here to OpenGeeksLab which I've found helpful in my own understanding of payment gateway development. There's some good discussion here on Stack Overflow too Once you have the "bare bones" app credentials set up in your Partners dashboard, you should be able to connect your app to Shopify that way and test your payment gateway. 

 

Hope this helps and gives you some next steps. 

 

Cheers!

 

Alan | API Support @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Mike_Entrostat
Shopify Partner
3 0 0

Hi @Alan - thank you for your response!

 

Using a URL redirect is exactly what I would want to do so no problems there.

 

I had reviewed the documentation you linked to already, and upon going through it I'm getting stuck at the section for "Give your payments app extension a name". I can follow the flow up until step 5 where I need to create an Offsite payment provider. This currently all that is visible to me at that screen:

Mike_Entrostat_0-1656489304297.png

I'm hoping you can assist with this.

 

I'm assuming then that I would be able to setup the Payments app extension configuration fields such that I can send information from Shopify admin to my payment app, and back (which would include the redirect URL for the customer to make the payment).

Once the extension is made, submitted, and published, how does the merchant then go and place that on their store page?

 

Thanks for all your help so far!

 

Mike_Entrostat
Shopify Partner
3 0 0

Just going to try bump this to get more visibility. Still stuck at the point where I need to select an extension type.

Ponmari
Shopify Partner
20 1 4

Hi @Mike_Entrostat 

Thank you for arising this question, I'm exactly stuck in the same  place now, Have you found any solution on this. It would be so helpful if you could provide any insight on this.

manal_noula
Shopify Partner
4 0 0

je suis aussi dans la même situation , moi j ai un projet de stage , s il vous plais Ponmari envoi moi un message c est urgent +212 696165711

Alan
Shopify Staff
129 15 24

Hey Mike - thanks for your patience on this and the screenshot you shared - super helpful and I believe I have an answer! In cases where the app extension menu looks "empty" like how it appears in your screenshot, it's possible you may not have the ability to create an app extension. This can be resolved by following our Payment App approval process which goes through our Partners Support Team. To get in touch with them, you'd just need to reach out through our help centre and select a contact option (email, phone call, live chat, etc.) 

 

I can't guarantee what the rest of the process would look like after that as app approval's aren't something within our scope of support on the API Support team, but this would be the best way forward. 

 

Let me know if I can clarify anything on our end here - hope this helps!

 

Alan | API Support @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Ponmari
Shopify Partner
20 1 4

Hi @Alan 

I have go through the tutorial on building app for the offsite payment app, As @Mike_Entrostat Mentioned, I could not get any extensions in my payment tab in extension creation list,  And I go through the payment partner approval process but the support team i have contacted tell me that they have stopped the payment partner process for now, It is confusing, How can create the app that done payment in third party website for now, Is there any other way i payment_extension_not_available.pngcan redirect my customer to the website and complete the payment and again redirect the customer to the shop and complete the purchase and show the order status. Can any one in the API support team @Shopify  address this and give solution. payment_extension_not_available.png

MakinMine
Shopify Partner
8 0 0

@Ponmari did you find a solution or hear from the API team ? 

Ponmari
Shopify Partner
20 1 4

hi @MakinMine 

I contacted the support team, and they told for now they did not get any applications to become a payment partner. And yes, only shopify plus stores can able to customize  the checkout page. And could not figure out any other solution for this.

MakinMine
Shopify Partner
8 0 0

@Alan hi there, the documentation refers to shopify partners, is the URL redirect and not in-(Shopify)-checkout payments for third party payment apps, only available to shopify plus/shopify partners ?