كل موقع نفعي، أو مدونة تقنية، أو وكالة، أو نشاط تجاري صغير يستقبل زوّاراً بحاجة لإنشاء رمز QR بسرعة — واليوم يغادرون موقعك للقيام بذلك في مكان آخر. كل مغادرة هي زيارة لا تعود.

الحل بسيط: ضع مولّد رمز QR داخل موقعك نفسه، على شكل ويدجت. يُنشئ الزائر الرمز دون مغادرة الصفحة، وتحصل أنت على أداة مفيدة تجذب زيارات متكررة (وأحياناً رابطاً من شخص يوصي بالصفحة)، كل هذا دون كتابة سطر واحد من كود الخادم.

يوضّح هذا الدليل الطريقة التي تستغرق دقيقة واحدة: نسخ مقتطف تضمين ولصقه في HTML أو WordPress أو Wix أو Squarespace.

لماذا تضع مولّد رمز QR في موقعك

  • التفاعل: يتفاعل الزائر مع الصفحة بدلاً من القراءة والمغادرة فقط.
  • الاحتفاظ بالزوار: يحلّ احتياجه (إنشاء الرمز) دون فتح تبويب جديد في موقع آخر.
  • أداة مفيدة = زيارات متكررة: من يستخدمها مرة يميل للعودة عندما يحتاج رمزاً آخر — وقد يوصي بالصفحة لآخرين.
  • بناء روابط عضوي: الأدوات المضمّنة هي نوع المحتوى الذي تربط إليه المواقع الأخرى بشكل طبيعي.
  • صفر صيانة: يعمل الويدجت على خادم Code2Scan. تلصق الكود مرة واحدة فقط.

الطريقة التي تستغرق دقيقة واحدة: انسخ والصق كود التضمين

لا حاجة لتثبيت أي شيء، ولا لإنشاء حساب، ولا لكتابة 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>

لكل خاصية دور محدد:

الخاصية الدور
src عنوان الويدجت — لا حاجة لتغييره
width="100%" يملأ عرض الحاوية التي لُصق فيها
height="400" الارتفاع بالبكسل — عدّله حسب تصميمك
style="max-width:340px" يمنع الويدجت من أن يصبح ضخماً على الشاشات الواسعة
loading="lazy" يُحمَّل فقط عند وصول الزائر إليه بالتمرير — لا يُبطئ الصفحة
title="..." إمكانية الوصول: يصف الـ iframe لقارئات الشاشة

أين تلصقه وماذا تكسب

أين تلصقه الفائدة
تذييل المدونة أداة مفيدة بجانب المحتوى، تزيد وقت البقاء في الصفحة
صفحة التواصل ينشئ الزائر رمز QR لعنوانك أو رابطك وهو موجود هناك بالفعل
مقال عن التسويق الرقمي سياق مثالي — من يقرأ عن رموز QR يريد بالفعل تجربة واحد
صفحة هبوط الوكالة تُظهر قدرة تقنية دون تكلفة تطوير
لوحة تحكم داخلية / إنترانت يُنشئ الفريق رموز QR دون الاعتماد على أداة أخرى

كيف تضيفه بـ HTML خالص

إذا كان موقعك HTML ثابتاً (أو قالباً مخصصاً)، الصق عنصر <iframe> تماماً حيث تريد أن يظهر الويدجت — داخل <div> أو قسم أو شريط جانبي:

<section>
  <h2>مولّد رمز QR</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. أضف كتلة "HTML مخصص" (في محرر الكتل) أو استخدم ويدجت "نص/HTML" (في القوالب ذات المحرر الكلاسيكي).
  3. الصق كود <iframe> داخل الكتلة.
  4. انقر معاينة للتحقق قبل النشر.
  5. انشر الصفحة.

لا حاجة لأي إضافة (plugin) — كتلة HTML الأصلية في WordPress كافية.

كيف تضيفه في Wix أو Squarespace

كلاهما يسمح بإدراج HTML مخصص عبر عنصر مخصص:

  • Wix: أضف عنصر "تضمين" ← "تضمين HTML"، الصق كود الـ iframe واضبط حجم العنصر على الشاشة.
  • Squarespace: أضف كتلة محتوى من نوع "Code Block"، الصق المقتطف واحفظ.

في كلتا الحالتين يتكيّف الويدجت مع المساحة المخصصة له — لا حاجة للمس width="100%".

مجاني، بلا تسجيل، ويعمل مع أي CMS

الويدجت عام ومجاني: لا يطلب تسجيل دخول، ولا مفتاح API، ولا حدود استخدام. يعمل على أي منصة تقبل HTML — WordPress وWix وSquarespace وWebflow وShopify وNotion أو موقع مبني يدوياً. إذا كان زائرك يحتاج فقط رمز QR لمرة واحدة دون تثبيت أي شيء في موقعك، يمكنه أيضاً استخدام مولّد رمز QR المجاني مباشرةً — لكن تضمين الويدجت يوفّر عليه هذا الالتفاف.

التخصيص الأساسي: العرض والارتفاع

التعديلان الأكثر شيوعاً:

  • عرض أصغر: استبدل width="100%" بقيمة ثابتة، مثل width="340"، إذا كان الويدجت في شريط جانبي ضيق.
  • ارتفاع أكبر أو أصغر: القيمة height="400" تعمل جيداً في معظم الحالات، لكن إذا كان الويدجت يقصّ المحتوى، ارفعها إلى 450 أو 500.

تجنّب فرض أبعاد صغيرة جداً (أقل من 300px عرضاً) — يصبح المولّد ضيقاً وصعب الاستخدام على الجوال.

الخطوات الكاملة

  1. اذهب إلى صفحة ويدجت رمز QR وانسخ كود التضمين الجاهز.
  2. الصق <iframe> في HTML صفحتك، أو كتلة HTML في WordPress، أو عنصر الكود في Wix/Squarespace.
  3. عدّل width وheight إذا لزم الأمر ليناسب تصميمك.
  4. احفظ الصفحة وانشرها.
  5. اختبر على الجوال وعلى الحاسوب — أنشئ رمز QR حقيقياً وامسحه ضوئياً للتأكد أنه يعمل.

الأخطاء الشائعة

❌ نسيان loading="lazy"

بدون هذه الخاصية، يُحمَّل الـ iframe فور فتح الصفحة، حتى لو لم يصل الزائر إليه بالتمرير أبداً. هذا يُبطئ التحميل الأولي دون داعٍ.

❌ لصق الـ iframe بدون max-width

على الشاشات الكبيرة، width="100%" بلا حد أقصى للعرض يمدّد الويدجت بشكل مبالغ فيه. حافظ على style="max-width:340px" من المقتطف الأصلي.

❌ افتراض أنك بحاجة لحساب أو مفتاح API

الويدجت عام — لا توجد أي خطوة مصادقة. إذا أخبرك دليل آخر بعكس ذلك، فهو قديم أو يتحدث عن خدمة مختلفة.

❌ عدم الاختبار على الجوال

الويدجت نفسه متجاوب، لكن الحاوية التي لصقته فيها قد لا تكون كذلك. تحقق دائماً من مظهره على الجوال قبل اعتباره منتهياً.

❌ الخلط بين الويدجت ورمز QR القابل للتتبع

يُنشئ الويدجت رمز QR ثابتاً مباشرةً في متصفح الزائر. إذا كنت بحاجة لمعرفة عدد من مسح كل رمز، فهذه ميزة مختلفة — راجع دليل رموز QR القابلة للتتبع مع UTM.

الملخص

  1. انسخ مقتطف <iframe> من ويدجت رمز QR — لا حاجة لحساب.
  2. الصقه في HTML خالص، أو كتلة HTML في WordPress، أو عنصر الكود في Wix/Squarespace.
  3. loading="lazy" يمنع الويدجت من إبطاء تحميل الصفحة.
  4. عدّل width وheight حسب المساحة المتاحة في تصميمك.
  5. إنه مجاني، ويعمل مع أي CMS، ولا يكشف بياناتك.
  6. لتتبّع المسحات أو وجهة قابلة للتعديل، هذه بالفعل حالة استخدام رمز QR الديناميكي — الويدجت يغطي الإنشاء البسيط والمجاني.

تريد تجربته قبل لصقه في موقعك؟ شاهد ويدجت رمز QR أثناء العمل وانسخ كود التضمين — يستغرق الأمر أقل من دقيقة ليصبح جاهزاً. إذا كنت تفضّل إنشاء رمز QR لمرة واحدة الآن، استخدم مولّد رمز QR.