Manual Payment Method - Add HTML Code to payment instructions

Highlighted
New Member
7 0 0

Yes, I would like to add HTML like hyperlink in the manual payment section.  Please keep us posted.

0 Likes
Highlighted
New Member
1 0 0

Any update on this? I also need a payment method that can offer the QR code for my customer to scan and pay. 


0 Likes
Highlighted
Tourist
15 0 1
Any update to this? I need to add QR code as well
I am open for serious partnership. Message me.
www.xandreapremium.com
1 Like
Highlighted
New Member
2 0 0

I would also like to be able to add HTML to the payment instructions sections! currently it looks messy with all text together.

 

this post was started many years ago but still not update.... WHY ??? 

0 Likes
Highlighted
New Member
1 0 1

Any update on the following ? We would like to embed e-wallet QR codes as part of our manual payment method.

1 Like
Highlighted
New Member
1 0 0

Hi Shopify,

 

Is there any update on this function?

 

Since I am facing the same problem on adding code at payment instsructions page.

 

Thanks.

0 Likes
Highlighted
Trailblazer
238 10 15

 Hi

This guide will instruct you to create without any HTML code. Hope it helps!

Was my reply helpful? Click Like or Mark it as an Accepted Solution to let me know!
0 Likes
Highlighted
New Member
1 0 0

Hello there, 

 

I would like to add an HTML code which creates a button to our payment provider. I have the code. Is there any chance to add it for me? It should be on the last page after the order is complete.

 

 

thanks and stay safe

0 Likes
Highlighted
New Member
2 0 0

Any update? Need to insert QR Code image at Payment Method.

0 Likes
Highlighted
Tourist
4 0 2

Hi, I was facing this issue as well, so here is what I have figured out and I hope it will help whoever is still facing this issue as well.

Firstly, please go to this link (https://avada.io/shopify/docs/how-create-custom-manual-payment-method-shopify.html - disclaimer: I am not the creator of the site, so not receiving any  benefits at all) and figure out how to create a custom manual payment method yourself, and from there you should see a field that says "Payment Instructions". This is a more crude way to go about achieving this, but, you will have to inform your customer to scan the qr code at the final page after pressing the pay now button. On your end, you will have to ensure that the payment is received before the order is being processed, sadly to say, I am still trying to figure out how to optimize this process.

Secondly, proceed to your shopify settings and click on checkout. Scroll down to the field that says "Additional Scripts" and paste this script within it: 

<img src="insert image URL here" alt="QR Code">

For my own website, I used this code to add the QR code:

<img src="https://cdn.shopify.com/s/files/1/0269/2032/1126/files/qr_code.jpeg?v=1593514889" alt="Shopify QR Code">

Do note that the "insert image URL here" refers to the unique URL for your qr code. A simple way to go about obtaining that URL is as follows:

In your Shopify admin's "Settings" -> "Files" -> "Upload files" section which will auto generate a unique URL for the image. Once you have the image, you can use the image's URL and implement it in the code above.

I have attached are some of the images of the final product. I am just an amateur in this, pardon the crude way of doing things :) hope this helps, stay safe and blessed!

Caleb

Grocery Neighbours

 Screenshot (15).pngScreenshot (14).png

 

2 Likes