إذا كنت تمتلك مدونة على بلوجر، فإن وجود نموذج اتصال احترافي يُعدّ أمرًا ضروريًا للسماح للزوار بالتواصل معك بسهولة، سواء للاستفسارات، التعاون، أو أي غرض آخر. ولكن، قد تواجه مشاكل عند استخدام نموذج الاتصال الافتراضي لبلوجر، مثل عدم وصول الرسائل أو عدم ظهوره بشكل صحيح. 😫💔

في هذه المقالة، سنتعلم أفضل طريقة لإضافة نموذج اتصال لبلوجر يعمل بدون مشاكل 100%! 🚀🔥

🛑 لماذا تحتاج إلى نموذج اتصال في بلوجر؟

✔ يسمح للزوار بالتواصل معك بسهولة.
✔ يحمي بريدك الإلكتروني من الرسائل العشوائية (Spam).
✔ يمنح المدونة مظهرًا احترافيًا.
✔ يمكن استخدامه في صفحة "اتصل بنا" أو في الشريط الجانبي (Sidebar).

🔧 الطريقة الأولى: تفعيل نموذج الاتصال الافتراضي في بلوجر

بلوجر يوفر نموذج اتصال جاهز، لكنه قد لا يعمل في بعض الأحيان. إليك طريقة إضافته بالطريقة الصحيحة:

✅ خطوات تفعيل نموذج الاتصال الافتراضي

1️⃣ انتقل إلى لوحة تحكم بلوجر.
2️⃣ اضغط على التخطيط (Layout).
3️⃣ ابحث عن عنصر "نموذج الاتصال" أو "Contact Form".
4️⃣ اضغط على إضافة أداة (Add a Gadget).
5️⃣ اختر نموذج الاتصال واحفظ التغييرات.

📌 الآن سيظهر النموذج في الشريط الجانبي (Sidebar). ولكن في بعض الأحيان، لا يعمل بشكل جيد أو قد لا تتلقى الرسائل، لذلك ننتقل إلى الطريقة الثانية لضمان عمله بدون مشاكل. 🚀

🛠️ الطريقة الثانية: إنشاء نموذج اتصال احترافي يعمل 100%

✅ الخطوات:

💡 سنستخدم خدمة Google Forms أو خدمة خارجية مثل EmailJS لجعل النموذج أكثر احترافية وأسرع في إرسال الرسائل.

📌 الطريقة 1: إنشاء نموذج باستخدام Google Forms

إذا كنت تريد طريقة سهلة وسريعة، يمكنك استخدام Google Forms لإنشاء نموذج اتصال مخصص.

📌 خطوات إنشاء نموذج الاتصال عبر Google Forms

1️⃣ اذهب إلى Google Forms.
2️⃣ أنشئ نموذجًا جديدًا وأضف الحقول المطلوبة مثل:

• الاسم
• البريد الإلكتروني
• الرسالة
  3️⃣ اضغط على "إرسال" ثم اختر رمز السلسلة 🔗 للحصول على رابط النموذج.
  4️⃣ انسخ الرابط، ثم انتقل إلى مدونتك بلوجر، وافتح صفحة جديدة بعنوان "اتصل بنا".
  5️⃣ ألصق رابط النموذج في الصفحة، أو استخدم زر HTML لتضمينه داخل الصفحة.

📌 النتيجة: سيكون لديك نموذج اتصال يعمل بدون مشاكل ويتم تخزين الردود تلقائيًا في Google Sheets! 🔥

📌 الطريقة 2: استخدام EmailJS لإرسال الرسائل مباشرة إلى بريدك الإلكتروني

هذه الطريقة احترافية أكثر، حيث ترسل الرسائل مباشرة إلى بريدك الإلكتروني دون الحاجة إلى Google Forms.

✅ خطوات إعداد نموذج EmailJS في بلوجر

1️⃣ سجّل في موقع EmailJS (خدمة مجانية لإرسال الإيميلات).
2️⃣ اربط حسابك بـ Gmail أو أي بريد إلكتروني آخر.
3️⃣ أنشئ نموذجًا مخصصًا باستخدام هذا الكود:

<form id="contact-form">
  <input type="text" id="name" placeholder="الاسم" required>
  <input type="email" id="email" placeholder="البريد الإلكتروني" required>
  <textarea id="message" placeholder="اكتب رسالتك هنا" required></textarea>
  <button type="submit">إرسال</button>
</form>

<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<script>
  (function(){
    emailjs.init("YOUR_USER_ID"); // ضع معرف EmailJS هنا
  })();

  document.getElementById("contact-form").addEventListener("submit", function(event) {
    event.preventDefault();
    emailjs.sendForm("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", this)
    .then(function(response) {
      alert("تم إرسال الرسالة بنجاح! ✅");
    }, function(error) {
      alert("حدث خطأ أثناء الإرسال! ❌");
    });
  });
</script>