<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>HTML on GeekyHub</title>
    <link>https://www.geekyhub.in/tags/html/</link>
    <description>Recent content in HTML on GeekyHub</description>
    <generator>Hugo -- 0.148.1</generator>
    <language>en</language>
    <lastBuildDate>Sat, 19 Dec 2020 18:31:40 +0530</lastBuildDate>
    <atom:link href="https://www.geekyhub.in/tags/html/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>How to create UPI Payment link in HTML</title>
      <link>https://www.geekyhub.in/post/create-upi-link-recognized-url-scheme-html/</link>
      <pubDate>Fri, 06 Nov 2020 08:25:00 +0530</pubDate>
      <guid>https://www.geekyhub.in/post/create-upi-link-recognized-url-scheme-html/</guid>
      <description>Creating UPI link in HTML</description>
      <content:encoded><![CDATA[<p><strong>TLDR</strong> - The URL scheme is <em>upi://pay?pn=&lt;Name&gt;&amp;pa=&lt;UPI ID&gt;&amp;cu=&lt;Currency Code&gt;</em></p>
<p>All UPI apps support this custom URL scheme, but many don&rsquo;t seem to be using it. When you click this type of link when you click, the &lsquo;Open With&rsquo; menu will appear with a list of all the UPI applications on your phone. If you are on mobile device you can try link <a href="#ZgotmplZ">upi://pay?pn=Vikas%20Kumar&amp;pa=vikaskr@freecharge&amp;cu=INR</a>, it should redirect to an UPI app</p>
<figure>
    <img loading="lazy" src="/images/upi_custom_url_scheme.png"/> <figcaption>
            UPI URL Scheme in Acion
        </figcaption>
</figure>

<p>Although this link will not work on your computer, you can solve it with the help of media query and replace it with a QR code. Or you can use javascript to detect if the URL scheme is supported or not, but as far as I tried, it didn&rsquo;t seem reliable to me.</p>]]></content:encoded>
    </item>
  </channel>
</rss>
