How to modify a manual payment method

Functions
1

Hi,

I’m in the process of creating a Shopify App, i have a clear view of the architecture but not how to implement it inside the Shopify Ecosystem.

The main feature is to reuse the Bank Transfer method by modifying it process (Or create a manual method programmatically), we display a QrCode that is generated based on the merchant bank account (Set Up in the Admin Dashboard) then the customer will use his bank application to scan and send the payment. The app will monitor the merchant bank account for incoming transaction and will only update the order status when there is a match (order ref and amount).

Can someone please enlighten me on how it can be achievable (Shopify Function to change the checkout backend logic, Checkout UI for thank you page maybe)

NB: This is called EPC SEPA

Thank in advance.

2

Hi @Dchar

In this setup, would a customer not be checking out using Shopify’s default checkout?

3

Hi,

Thank you for the reply.

It’s is the case, the customer will use the default checkout process but i need the ability to modify the bank transfer instruction and include a dynamic qrcode (svg, png, …) that will change depending on the final price, the email template sent afterward should include the said QrCode too.

4

How are the QR codes being generated? Would the checkout costs need to be calculated first and then an external service would generate the QR codes?

5

The public app will generate a qrcode based on the merchant bank account, the final checkout cost and order reference

6

Would you need to make an API call to an external service (eg: the bank) to create the QR code?

7

No the embebed app will generate the qrcode alone based on three informations:
1- Merchant bank number (IBAN): the merchant input his bank number once inside the app
2- Total cost of the order after validation
3- Order reference

So no extra bank api interaction are needed