<?php
$pageTitle = "UPI QR Code Generator — Free, Instant, Branded";
$pageDesc  = "Generate a UPI QR code for any UPI ID instantly. Download branded payment card to share on WhatsApp — customer scans and pays instantly.";
$root = rtrim($_SERVER['DOCUMENT_ROOT'], '/');
include $root . "/includes/header.php";
?>
<link rel="canonical" href="https://fidusflo.com/tools/upi-qr-code-generator">

<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>



<main>
<div class="tool-wrap">
  <div class="bc"><a href="/tools/">All Tools</a><span>/</span><span>UPI QR Code Generator</span></div>

  <div class="tool-hero reveal">
    <div class="kicker">FREE TOOL · WORKS OFFLINE · NO SIGN-UP</div>
    <h1>UPI QR Code Generator</h1>
    <p>Generate a UPI payment QR code in seconds. Download for your counter or visiting card — or get a branded payment card to share directly on WhatsApp. Your customer scans and pays instantly.</p>
  </div>

  <div class="tool-card reveal">
    <div class="fg">
      <label class="fl" for="uid">Your UPI ID <span>(e.g. 9876543210@paytm or name@okaxis)</span></label>
      <input class="fi" type="text" id="uid" placeholder="yourname@paytm" autocomplete="off">
      <div class="us" id="us"></div>
    </div>
    <div class="tc">
      <div><label class="fl" for="biz">Your Business / Name</label><input class="fi" type="text" id="biz" placeholder="Sham Kamboj"></div>
      <div><label class="fl" for="cust">Customer Name <span>(for card)</span></label><input class="fi" type="text" id="cust" placeholder="Rahul"></div>
    </div>
    <div class="tc">
      <div><label class="fl" for="pfor">Payment For <span>(e.g. Consultation)</span></label><input class="fi" type="text" id="pfor" placeholder="Consultation charges"></div>
      <div><label class="fl" for="amt">Amount ₹ <span>(blank = open)</span></label><input class="fi" type="number" id="amt" placeholder="5000" min="1"></div>
    </div>

    <div class="brand-sec">
      <div class="bt">🎨 Brand Your QR</div>
      <div class="pr">
        <button class="pb on" data-d="#000000" data-l="#ffffff" onclick="applyP(this)"><span class="pd u-i-1c4e8d97"></span>Classic</button>
        <button class="pb" data-d="#00897B" data-l="#E0F2F1" onclick="applyP(this)"><span class="pd u-i-9eb291de"></span>Teal</button>
        <button class="pb" data-d="#1565C0" data-l="#E3F2FD" onclick="applyP(this)"><span class="pd u-i-4826cd92"></span>Blue</button>
        <button class="pb" data-d="#6A1B9A" data-l="#F3E5F5" onclick="applyP(this)"><span class="pd u-i-95fd9db9"></span>Purple</button>
        <button class="pb" data-d="#B71C1C" data-l="#FFEBEE" onclick="applyP(this)"><span class="pd u-i-c85219db"></span>Red</button>
      </div>
      <div class="cr">
        <div class="cf" onclick="document.getElementById('cd').click()">
          <div class="cs" id="sd" class="u-i-1c4e8d97"></div>
          <input type="color" class="ci" id="cd" value="#000000" oninput="onClr()">
          <div class="cl">QR Colour</div><div class="ch" id="hd">#000000</div>
        </div>
        <div class="cf" onclick="document.getElementById('cl2').click()">
          <div class="cs" id="sl" class="u-i-0695ff9e"></div>
          <input type="color" class="ci" id="cl2" value="#ffffff" oninput="onClr()">
          <div class="cl">Background</div><div class="ch" id="hl">#ffffff</div>
        </div>
      </div>
    </div>

    <button class="btn-gen" onclick="doGen()">⚡ Generate UPI QR Code</button>

    <div class="out-wrap" id="ow">
      <div class="out-cols">
        <div>
          <div class="out-tabs">
            <button class="ot on" onclick="swTab('wa',this)">💬 Send on WhatsApp</button>
            <button class="ot" onclick="swTab('print',this)">🖨️ Print / Download</button>
          </div>

          <div class="op show" id="tab-wa">
            <div class="pbox">
              <div class="plbl">Shareable Payment Card</div>
              <p class="u-i-0a920ed9">Download this card and send as an image on WhatsApp. Customer scans QR directly from chat.</p>
              <div class="pcard">
                <div class="ph">
                  <div class="ph-sub">PAYMENT REQUEST</div>
                  <div class="ph-name" id="pc-name">—</div>
                  <div class="ph-upi" id="pc-upi">—</div>
                </div>
                <div class="pb2">
                  <div class="pqr" id="pc-qr"></div>
                  <div class="pamt" id="pc-amt" class="u-i-cb458930"></div>
                  <div class="pnt" id="pc-note" class="u-i-cb458930"></div>
                  <div class="pft">
                    <div class="pft-u">🇮🇳 PhonePe · GPay · Paytm · BHIM</div>
                    <div class="pft-b">fidusflo.com</div>
                  </div>
                </div>
              </div>
              <div class="btn-row">
                <a class="bg" id="btn-card" href="#" download="payment-card.png">⬇️ Download Card</a>
                <button class="bo" onclick="cpTxt()">📋 Copy Text</button>
              </div>
              <div class="hint">Open WhatsApp → customer → attachment icon → share this image. They scan QR to pay.</div>
            </div>
            <div class="pills">
              <span class="pill-l">Pays via:</span>
              <span class="pill">PhonePe</span><span class="pill">Google Pay</span><span class="pill">Paytm</span><span class="pill">BHIM</span><span class="pill">Amazon Pay</span>
            </div>
          </div>

          <div class="op" id="tab-print">
            <div class="pprint">
              <div class="plbl u-i-87ddc0dc">Print-ready QR</div>
              <div class="u-i-d2860b46">
                <div class="u-i-74d6b7e2" id="pp-name">—</div>
                <div class="u-i-2298123a" id="pp-upi">—</div>
                <div id="pp-amt" class="u-i-4416306c"></div>
                <div id="pp-note" class="u-i-fe3b952e"></div>
                <div class="u-i-bf96d7e1">🇮🇳 Scan with any UPI app</div>
              </div>
              <div class="btn-row">
                <a class="bd" id="btn-png" href="#" download="upi-qr.png">↓ PNG</a>
                <button class="bd" onclick="dlSVG()">↓ SVG</button>
                <button class="bo" onclick="cpUPI()">📋 Copy UPI Link</button>
              </div>
            </div>
          </div>
        </div>

        <div class="qcol">
          <div class="ql">Your QR Code</div>
          <div id="qrw"></div>
          <div class="u-i-9c3ea662">
            <a class="bd" id="btn-png2" href="#" download="upi-qr.png">↓ PNG</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="reveal u-i-056d8905">
    <div class="u-i-416c8625">Beyond the QR code</div>
    <h3 class="u-i-7a6cc525">FIDUS FLO has built-in invoicing and payment tracking</h3>
    <p class="u-i-c7b31aef">When you're collecting payments from dozens of clients monthly, you need a system that tracks who's paid, sends automatic WhatsApp reminders for unpaid invoices, and keeps full client history — not a manually downloaded QR each time.</p>
    <a class="btn primary" href="/demo.php" class="u-text-13">See how it works →</a>
  </div>

  <div class="reveal u-i-e1d8a617">
    <h2 class="u-i-a027ee7d">How to use</h2>
    <div class="tg">
      <div class="mc"><div class="n">1</div><h3>Enter UPI ID</h3><p>Your UPI ID from PhonePe, Google Pay, or Paytm — e.g. name@paytm or 9876@ybl.</p></div>
      <div class="mc"><div class="n">2</div><h3>Add details</h3><p>Business name, payment purpose, and amount (or leave open). Customer name personalises the card.</p></div>
      <div class="mc"><div class="n">3</div><h3>Share or print</h3><p>Download the payment card for WhatsApp, or the QR PNG for print, counter, and visiting cards.</p></div>
    </div>
  </div>

  <div class="reveal u-i-47c857f6">
    <div class="ug">
      <div class="ur"><div class="ic">🏪</div><div><h4>Retail shops</h4><p>Place at counter — customers scan and pay without cash.</p></div></div>
      <div class="ur"><div class="ic">🎓</div><div><h4>Coaching &amp; tutors</h4><p>Add to receipts — fixed amount, no underpayments.</p></div></div>
      <div class="ur"><div class="ic">🏥</div><div><h4>Clinics</h4><p>Print at reception — patients pay before leaving.</p></div></div>
      <div class="ur"><div class="ic">🧾</div><div><h4>Freelancers</h4><p>Embed in invoices — one scan, payment done.</p></div></div>
    </div>
  </div>

  <div class="faq-wrap reveal">
    <h2>Common questions</h2>
    <div class="faq">
      <details><summary>What is a UPI QR code?</summary><p>A UPI QR code encodes your UPI address so anyone can scan it with any UPI app and send money instantly — without typing your UPI ID.</p></details>
      <details><summary>How do I find my UPI ID?</summary><p>Open your UPI app and go to your profile. Your UPI ID looks like <code>name@paytm</code>, <code>name@okaxis</code>, or <code>9876543210@ybl</code>.</p></details>
      <details><summary>Is it safe to share publicly?</summary><p>Yes — a UPI QR code only lets people send money to you. Nobody can withdraw or see bank details. Safe to print and share.</p></details>
      <details><summary>Does it work with all UPI apps?</summary><p>Yes — PhonePe, Google Pay, Paytm, BHIM, Amazon Pay, and all bank UPI apps in India.</p></details>
    </div>
  </div>

  <div class="tool-cta reveal">
    <h3>Send payment QRs automatically on WhatsApp</h3>
    <p>FLO Konnect lets you share payment requests via WhatsApp and follow up automatically on unpaid amounts.</p>
    <div class="actions"><a class="btn primary" href="/demo.php">Book a 20-Min Demo</a><a class="btn" href="/flo-konnect.php">See FLO Konnect</a></div>
  </div>
</div>
</main>

<div class="toast" id="toast"></div>

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebApplication","name":"UPI QR Code Generator","url":"https://fidusflo.com/tools/upi-qr-code-generator","description":"Free UPI QR code generator for Indian businesses. Enter UPI ID, optional amount — download branded payment card for WhatsApp or print-ready QR.","applicationCategory":"UtilityApplication","operatingSystem":"Any","offers":{"@type":"Offer","price":"0","priceCurrency":"INR"},"publisher":{"@type":"Organization","name":"FIDUS FLO","url":"https://fidusflo.com"}}
</script>



<?php include $root . "/includes/footer.php"; ?>
