हर utility वेबसाइट, टेक ब्लॉग, एजेंसी या छोटे बिज़नेस पर ऐसे विज़िटर आते हैं जिन्हें जल्दी से एक QR Code बनाना होता है — और आज वे इसके लिए आपकी साइट छोड़कर कहीं और जाते हैं। हर बार जाना यानी एक विज़िट जो वापस नहीं आती।

समाधान आसान है: अपनी ही वेबसाइट पर एक QR Code जनरेटर लगाएं, एक विजेट की तरह। विज़िटर पेज छोड़े बिना कोड बनाता है, आपको एक उपयोगी टूल मिलता है जो बार-बार विज़िट लाता है (और कभी-कभी कोई पेज को recommend करके लिंक भी दे देता है) — और यह सब बिना एक लाइन बैकएंड कोड लिखे।

यह ट्यूटोरियल 1 मिनट का तरीका दिखाता है: एक embed स्निपेट कॉपी करें और अपने HTML, WordPress, Wix या Squarespace में पेस्ट करें।

अपनी वेबसाइट पर QR Code जनरेटर क्यों लगाएं

  • Engagement: विज़िटर सिर्फ पढ़कर जाने के बजाय पेज से इंटरैक्ट करता है।
  • Retention: वह अपनी ज़रूरत (QR बनाना) बिना किसी दूसरी साइट पर नया टैब खोले पूरी करता है।
  • उपयोगी टूल = बार-बार ट्रैफिक: जो एक बार इस्तेमाल करता है वो अगली बार QR चाहिए होने पर लौटता है — और पेज को दूसरों को भी recommend कर सकता है।
  • ऑर्गेनिक लिंक बिल्डिंग: एम्बेडेड टूल वो कंटेंट है जिसे दूसरी वेबसाइटें अपने आप लिंक करती हैं।
  • ज़ीरो मेंटेनेंस: विजेट Code2Scan के सर्वर पर चलता है। आप कोड सिर्फ एक बार पेस्ट करते हैं।

1 मिनट का तरीका: embed कोड कॉपी-पेस्ट करें

कोई इंस्टॉलेशन नहीं, कोई अकाउंट नहीं, कोई JavaScript लिखने की ज़रूरत नहीं। यह सिर्फ एक HTML ब्लॉक है — एक <iframe> — जिसे आप वहां पेस्ट करते हैं जहां जनरेटर दिखना चाहिए:

<iframe src="https://www.code2scan.com/embed/qr" width="100%" height="400" style="border:0;max-width:340px" loading="lazy" title="Free QR Code Generator"></iframe>

हर attribute का एक काम है:

Attribute काम
src विजेट का पता — बदलने की ज़रूरत नहीं
width="100%" जहां पेस्ट किया वहां के कंटेनर की पूरी चौड़ाई लेता है
height="400" पिक्सेल में ऊंचाई — अपने लेआउट के हिसाब से बदलें
style="max-width:340px" बड़ी स्क्रीन पर विजेट को बहुत बड़ा होने से रोकता है
loading="lazy" तभी लोड होता है जब विज़िटर वहां स्क्रॉल करे — पेज को धीमा नहीं करता
title="..." Accessibility: स्क्रीन रीडर्स के लिए iframe को describe करता है

कहां पेस्ट करें और क्या फायदा मिलेगा

कहां पेस्ट करें फायदा
ब्लॉग फुटर कंटेंट के साथ उपयोगी टूल, पेज पर बिताया समय बढ़ता है
कॉन्टैक्ट पेज विज़िटर वहीं आपके एड्रेस या लिंक का QR बना लेता है
डिजिटल मार्केटिंग पोस्ट परफेक्ट कॉन्टेक्स्ट — जो QR Code के बारे में पढ़ रहा है वो पहले से एक ट्राई करना चाहता है
एजेंसी लैंडिंग पेज बिना डेवलपमेंट खर्च के तकनीकी क्षमता दिखाता है
इंटरनल डैशबोर्ड / इंट्रानेट टीम बिना किसी और टूल पर निर्भर हुए QR बनाती है

प्लेन HTML में कैसे जोड़ें

अगर आपकी साइट स्टैटिक HTML है (या कस्टम टेम्पलेट), तो <iframe> को वहीं पेस्ट करें जहां विजेट दिखना चाहिए — किसी <div>, सेक्शन या साइडबार में:

<section>
  <h2>QR Code जनरेटर</h2>
  <iframe src="https://www.code2scan.com/embed/qr" width="100%" height="400" style="border:0;max-width:340px" loading="lazy" title="Free QR Code Generator"></iframe>
</section>

फाइल सेव करें, पब्लिश करें — विजेट पहले से काम कर रहा है।

WordPress में कैसे जोड़ें

  1. वो पेज या पोस्ट एडिट करें जहां विजेट दिखना है।
  2. एक "Custom HTML" ब्लॉक जोड़ें (ब्लॉक एडिटर में) या "Text/HTML" विजेट इस्तेमाल करें (क्लासिक एडिटर थीम में)।
  3. <iframe> कोड ब्लॉक के अंदर पेस्ट करें।
  4. पब्लिश करने से पहले चेक करने के लिए Preview पर क्लिक करें।
  5. पेज पब्लिश करें।

किसी प्लगइन की ज़रूरत नहीं — WordPress का native HTML ब्लॉक ही काफी है।

Wix या Squarespace में कैसे जोड़ें

दोनों में एक खास एलिमेंट के ज़रिए कस्टम HTML जोड़ा जा सकता है:

  • Wix: "Embed" → "Embed HTML" एलिमेंट जोड़ें, iframe कोड पेस्ट करें और स्क्रीन पर एलिमेंट का साइज़ एडजस्ट करें।
  • Squarespace: "Code Block" टाइप का कंटेंट ब्लॉक जोड़ें, स्निपेट पेस्ट करें और सेव करें।

दोनों में विजेट खुद को दिए गए स्पेस के हिसाब से ढाल लेता है — width="100%" से छेड़छाड़ की ज़रूरत नहीं।

यह फ्री है, बिना साइनअप के, और किसी भी CMS पर काम करता है

विजेट पब्लिक और फ्री है: कोई लॉगिन नहीं, कोई API key नहीं, कोई यूसेज लिमिट नहीं। यह HTML स्वीकार करने वाले किसी भी प्लेटफॉर्म पर काम करता है — WordPress, Wix, Squarespace, Webflow, Shopify, Notion, या हाथ से बनाई गई साइट। अगर विज़िटर को सिर्फ एक बार का QR चाहिए और आप अपनी साइट पर कुछ इंस्टॉल नहीं करना चाहते, तो वह सीधे फ्री QR Code जनरेटर भी इस्तेमाल कर सकता है — लेकिन विजेट एम्बेड होने से यह चक्कर बच जाता है।

बेसिक कस्टमाइज़ेशन: चौड़ाई और ऊंचाई

दो सबसे आम बदलाव:

  • कम चौड़ाई: अगर विजेट किसी संकरी साइडबार में है तो width="100%" को एक फिक्स्ड वैल्यू से बदलें, जैसे width="340"।
  • ज़्यादा या कम ऊंचाई: height="400" ज़्यादातर मामलों में ठीक काम करता है, लेकिन अगर विजेट कंटेंट काट रहा हो तो इसे 450 या 500 कर दें।

बहुत छोटे साइज़ (300px चौड़ाई से कम) फोर्स न करें — जनरेटर तंग हो जाता है और मोबाइल पर इस्तेमाल करना मुश्किल हो जाता है।

पूरा स्टेप-बाय-स्टेप

  1. QR Code विजेट पेज पर जाएं और तैयार embed कोड कॉपी करें।
  2. <iframe> को अपने पेज के HTML, WordPress के HTML ब्लॉक, या Wix/Squarespace के कोड एलिमेंट में पेस्ट करें।
  3. अपने लेआउट के हिसाब से ज़रूरत पड़ने पर width और height एडजस्ट करें।
  4. पेज सेव और पब्लिश करें।
  5. मोबाइल और डेस्कटॉप दोनों पर टेस्ट करें — एक असली QR बनाएं और स्कैन करके पुष्टि करें कि सब ठीक काम कर रहा है।

सामान्य गलतियाँ

❌ loading="lazy" भूल जाना

इस attribute के बिना, iframe पेज खुलते ही लोड हो जाता है, भले ही विज़िटर वहां तक स्क्रॉल न करे। इससे बिना वजह शुरुआती लोडिंग धीमी हो जाती है।

❌ max-width के बिना iframe पेस्ट करना

बड़ी स्क्रीन पर, बिना अधिकतम-चौड़ाई लिमिट के width="100%" विजेट को बहुत ज़्यादा फैला देता है। ओरिजिनल स्निपेट का style="max-width:340px" बनाए रखें।

❌ यह सोचना कि अकाउंट या API key चाहिए

विजेट पब्लिक है — कोई authentication स्टेप नहीं है। अगर कोई ट्यूटोरियल इससे उलट बताए, तो वह पुराना है या किसी और सर्विस के बारे में है।

❌ मोबाइल पर टेस्ट न करना

विजेट खुद responsive है, लेकिन जिस कंटेनर में आपने इसे पेस्ट किया वो शायद न हो। पूरा हुआ मानने से पहले हमेशा मोबाइल पर चेक करें।

❌ विजेट को ट्रैकेबल QR Code समझ लेना

विजेट सीधे विज़िटर के ब्राउज़र में एक स्टैटिक QR बनाता है। अगर आपको जानना है कि हर QR को कितने लोगों ने स्कैन किया, तो वह एक अलग फीचर है — UTM के साथ ट्रैकेबल QR Code गाइड देखें।

सारांश

  1. QR Code विजेट से <iframe> स्निपेट कॉपी करें — किसी अकाउंट की ज़रूरत नहीं।
  2. इसे प्लेन HTML, WordPress के HTML ब्लॉक, या Wix/Squarespace के कोड एलिमेंट में पेस्ट करें।
  3. loading="lazy" विजेट को पेज लोडिंग धीमी करने से रोकता है।
  4. अपने लेआउट में उपलब्ध जगह के हिसाब से width और height एडजस्ट करें।
  5. यह फ्री है, किसी भी CMS पर काम करता है और आपका डेटा एक्सपोज़ नहीं करता।
  6. स्कैन ट्रैकिंग या बदली जा सकने वाली डेस्टिनेशन के लिए, यह पहले से डायनामिक QR Code का इस्तेमाल केस है — विजेट सिंपल, फ्री जनरेशन को कवर करता है।

अपनी साइट पर पेस्ट करने से पहले ट्राई करना चाहते हैं? QR Code विजेट को एक्शन में देखें और embed कोड कॉपी करें — इसे लाइव करने में एक मिनट से भी कम समय लगता है। अगर आप अभी एक बार का QR Code बनाना चाहते हैं, तो QR Code जनरेटर इस्तेमाल करें।