એમ્બેડ કરી શકાય તેવું વિજેટ

તમારી વેબસાઇટમાં UPI ચુકવણી ફોર્મ ઉમેરવાનો શ્રેષ્ઠ માર્ગ અમારું એમ્બેડ કરી શકાય તેવું વિજેટ ઉપયોગ કરવાનો છે. નીચેનું HTML સ્નિપેટ તમારા વેબ પેજમાં કૉપી અને પેસ્ટ કરો, અને એક સંપૂર્ણ કાર્યરત ચુકવણી ફોર્મ દેખાશે. આ હલકું, સુરક્ષિત છે અને તમારી બાજુએ કોઈ બેકએન્ડ સેટઅપની જરૂર નથી.

<iframe
  src="https://upipg.cit.org.in/embed"
  width="100%"
  height="600px"
  frameborder="0"
  title="UPI Payment Generator"
></iframe>

વિજેટ UPI PG પર એક અનોખી ચુકવણી પેજ બનાવશે. તમે તમારી સાઇટના લેઆઉટ સાથે સંપૂર્ણ રીતે ફિટ કરવા માટે હાઇટ અને વિડ્થ એટ્રિબ્યુટ્સ સમાયોજિત કરી શકો છો.

મેન્યુઅલ UPI ડીપ લિંક ઇન્ટીગ્રેશન

વધુ કસ્ટમ ઇન્ટીગ્રેશન માટે, તમે તમારી એપ્લિકેશનમાં સીધા UPI ડીપ લિંક્સ (UPI URI તરીકે પણ ઓળખાય છે) બનાવી શકો છો. આ લિંક્સ જ્યારે મોબાઇલ ડિવાઇસ પર ક્લિક કરવામાં આવે છે, ત્યારે વપરાશકર્તાના ડિફોલ્ટ UPI એપમાં ચુકવણી વિગતો પ્રી-ફિલ્ડ સાથે ખુલે છે.

UPI લિંકનું ફોર્મેટ નીચે મુજબ છે:

upi://pay?pa=your-upi-id@bank&pn=Your%20Name&am=100.00&cu=INR&tn=Payment%20for%20Goods

પેરામીટર્સ:

• pa: પ્રાપ્તકર્તા સરનામું (તમારી UPI ID). આ એકમાત્ર જરૂરી પેરામીટર છે.
• pn: પ્રાપ્તકર્તા નામ. ચુકવણી મેળવતી વ્યક્તિ અથવા વ્યવસાયનું નામ.
• am: ટ્રાન્ઝેક્શન રકમ. ચૂકવવાની ચોક્કસ રકમ (દા.ત., 100.00).
• cu: કરન્સી કોડ. હંમેશા "INR" હોવું જોઈએ.
• tn: ટ્રાન્ઝેક્શન નોંધો. ચુકવણીનું સંક્ષિપ્ત વર્ણન.

તમે તમારા સર્વર પર ડાયનેમિકલી અથવા ક્લાયન્ટ-સાઇડ JavaScript સાથે આ લિંક બનાવી શકો છો અને તેને એક બટન અથવા હાયપરલિંકમાં એમ્બેડ કરી શકો છો. પેરામીટર મૂલ્યો URL-એન્કોડ કરવાનું યાદ રાખો.

ડાયનેમિક QR કોડ જનરેશન

તમે UPI ડીપ લિંક માહિતી ધરાવતા QR કોડ્સ પણ બનાવી શકો છો. જ્યારે કોઈ વપરાશકર્તા તેમના UPI એપ સાથે આ QR કોડ સ્કેન કરે છે, ત્યારે ચુકવણી વિગતો આપમેળે ભરાય છે. આ ઇન્વૉઇસિસ, પ્રોડક્ટ પેજ્સ અથવા પોઇન્ટ-ઓફ-સેલ ડિસ્પ્લે માટે સંપૂર્ણ છે.

આ કરવા માટે, તમે બનાવેલ UPI ડીપ લિંક લો અને તેને URL-એન્કોડ કરો. પછી, તેને કોઈપણ QR કોડ જનરેશન લાઇબ્રેરી અથવા API માટે ડેટા સોર્સ તરીકે ઉપયોગ કરો. અમે તેની સરળતા માટે `qrserver.com` નો ઉપયોગ અને ભલામણ કરીએ છીએ.

https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=upi%3A%2F%2Fpay%3Fpa%3Dyour-upi-id%40bank%26pn%3DYour%2520Name%26am%3D100.00%26cu%3DINR%26tn%3DPayment%2520for%2520Goods