شرح إضافة contact form 7
إضافة contact form 7

شرح إضافة contact form 7 الخاصة بنماذج الاتصال

إضافة contact form 7 من أكثر الإضافات استخدامًا من قبل أصحاب مواقع الووردبريس WordPress، حيث تتيح لهم إنشاء نماذج الاتصال لاستلام مختلف البيانات المتعلقة بمستخدمي الموقع وبالإضافة لذلك تقدم أداء لبناء نموذج اتصال سهلة ولا تحتاج لخبرة كبيرة. ولكن بالرغم من ذلك نجد أن هناك بعض الأشخاص يعانون من استخدام إضافة contact form 7. ولذلك، من خلال هذا المقال سنتعرف إلى هذه الإضافة ونقف على طريقة تثبيتها واستخدامها، وميزاتها. 

لماذا تحتاج لاستخدام إضافة contact form 7؟ 

مع أزيد من 5 مليون عملية تثبيت للإضافة، فهي تتيح لك الكثير من الميزات، التي تحتاجها عاجلًا أم أجلًا في الموقع الخاص بك، والمتمثلة في: 

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

تخصيص حقول نموذج الاتصال: قد لا توفر لك الإضافات الأخرى هذه الوظيفة، والمتمثلة في إمكانية إضافة وتخصيص حقول نموذج الاتصال، وذلك بإضافة حقول للبيانات أو المعلومات التي تريد استلامها من المستخدمين والتي تشتمل على البريد الإلكتروني والاسم وكلمة المرور والموضوع وغيرها. 

إضافة نموذج الاتصال في أي صفحة: إضافة contact form 7 تُمكّنك من إضافة نموذج الاتصال في أي صفحة أو مقال على الموقع الخاص بك، وذلك من خلال استخدام رمز مخصص. 

الحماية: تقوم الإضافة بتقديم ميزات متعلقة بحماية الموقع من البريد العشوائي والرسائل غير المرغوب بها.  مع دعم CAPTCHA للحيلولة دون الرسائل التي تُنشئ تلقائيًا باستخدام الروبوتات.  

طريقة تثبيت إضافة contact form 7

إن تثبيت الإضافة، شبيهًا بتثبيت الإضافات الأخرى، وحتى تتمكن من ذلك سيتوجب عليك الشروع في الآتي: 

توجه إلى لوحة تحكم الووردبريس، وانقر على خيار إضافات على القائمة اليُمنى من النافذة، ثم حدد على أضف جديد وادخل اسم الإضافة إلى حقل البحث الموجود على الجانب الأيمن وانقر على تثبيت ثم تفعيل. 

تثبيت الإضافة
تثبيت الإضافة

شرح أقسام اضافة contact form 7

بعد تثبيت الإضافة على الموقع ومن ثم تنشيطها، ستجد أنه تم إضافة خيار “الاتصال contact” على القائمة اليُمنى من النافذة، وبالنقر عليه ستظهر لك ثلاث خيارات، وهي: 

  • نماذج الاتصال.

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

  • إضافة جديد.

من خلال هذا الخيار بإمكانك نموذج اتصال جديد، مع وجود كافة الحقول التي من الممكن إضافتها. من الاسم والبريد الإلكتروني والهاتف والنص و غيرها. 

  • الدمج مع إضافات آخرى (Integration)

لدمج إضافة contact form 7 مع الإضافات والملحقات الأخرى، مثل إضافة Constant Contact المخصصة للتسويق الإلكتروني، أو Sendinblue المتعلقة بالتسويق من خلال البريد الإلكتروني وغيرها من الإضافات الأخرى لتقدم خدمات متكاملة لأصحاب المواقع. 

أقسام اضافة contact form 7
أقسام اضافة contact form 7

قد يهمك: إليك 10 من اهم اضافات ووردبريس التي يحتاجها كل موقع إلكتروني

طريقة إنشاء نموذج اتصال باستخدام contact form 7

الجدير بالذكر إنشاء نموذج الاتصال باستخدام إضافة contact form 7، سهل جدًا ولا يحتاج لخبرة كبيرة في البرمجة أو التعامل مع الووردبريس WordPress، فجل الأمر يتم من خلال السحب والإفلات. حيث تتيح لك إضافة العديد من الحقول المخصصة على حسب نوع المعلومات التي تريد الحصول عليها من المستخدمين، وإليك طريقة إنشاء نموذج اتصال: 

توجه إلى لوحة تحكم الووردبريس وانقر على “الاتصال contact“. 

إضافة نموذج اتصال
إنشاء نموذج الاتصال

الآن، في الخطوة التالية، سيتوجب عليك إدخال عنوان لنموذج الاتصال، ومن ثم مرر لأسفل لتكمل نموذج الاتصال بالكامل، حيث تتيح لك الإضافة مجموعة من الخيارات المتعلقة بإضافة الحقول إلى نموذج الاتصال الخاص بك، والتي تشتمل على: 

  1. نص (text). 
  2. بريد إلكتروني (email).
  3. رابط (URL) أو رقم هاتف.
  4. تاريخ (date) أو مربع نص (text area).
  5. قائمة منسدلة (drop-down menu).
  6. حقول اختيار (checkboxes).
  7. أزرار راديو (radio buttons).
  8. قبول (acceptance).
  9. اختبار بسيط (qui).
  10. ملف (file).
  11. زر إرسال (submit).

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

انقر على خيار نص (text) في الأعلى، لتتمكن من إضافة حقل الاسم.

انقر على خيار نص في إضافة contact form 7

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

ادخل الاسم

وفي الخطوة التالية، سنضيف حقل البريد الإلكتروني الواجب ادخاله من المستخدم، ما عليك إلا النقر على خيار بريد إلكتروني (email) في الجزء الأعلى، ومن ثم قُم بتخصيص الخيار كما تريد. وانقر على إدراج الوسم بالأسفل. 

ادخال البريد الإلكتروني

ثم ستحتاج لإضافة حقل نص آخر لنموذج الاتصال في إضافة contact form 7، وذلك حتى يتمكن المستخدم من إرسال الرسالة إليك. بالنقر على خيار نص ومن ثم تخصيصه. 

ادخل الرسالة إضافة contact form 7

في النهاية، ستكون هناك حاجة لإضافة زر الإرسال، انقر على خيار إرسال (submit) بالأعلى، وادخل النص الذي تريد إرسال على زر الارسال بالأسفل.

إضافة contact form 7

الآن، تكون قد أنشأت نموذج الاتصال، ولكن ماذا عن استلام الرسائل التي تُرسل من قبل المستخدمين؟ ولذلك في هذه الحالة ستضطر لإضافة البريد الإلكتروني الذي ستستلم فيه هذه الرسائل.  والجدير بالذكر أن الإضافة ستحدد بريد إلكتروني افتراضي للموقع الخاص بك، ولكن بإمكانك تغييره. وحتى تتمكن من ذلك اتبع الخطوات التالية: 

انقر على خيار البريد الإلكتروني في الأعلى، ومن ثم أدخل البريد الإلكتروني الذي تريد، والموضوع وبالإضافة لإدخل بريد إلكتروني للرد بشكل آلي على المرسل، وبعد الإنتهاء انقر على حفظ بالأسفل.  

إضافة البريد الإلكتروني
إضافة البريد الإلكتروني

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

إضافة contact form 7

طريقة إضافة نموذج الاتصال إلى الموقع

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

إضافة نموذج الاتصال إلى الموثقع
إضافة النموذج إلى الموقع

في محرر الووردبريس، انقر بزر الماوس الأيمن، ومن ثم قُم بإضافة المكون الخاصة بالأكواد القصيرة.

 

إضافة contact form 7

بعد ذلك سيُضاف نموذج الاتصال، ليكون شكله كالآتي: 

الخاتمة 

إضافة contact form 7 يجب أن تكون مثبتة على الموقع الخاص بك، إذا كُنت تريد طريقة سهلة للتواصل مع المستخدمين، وكل ذلك بشكل مجاني مع إمكانية إضافة العديد من الوظائف من خلال ربطها بالإضافات الأخرى. وإذا لم تعجبك الإضافة فهناك بدائل أخرى مثل  WP forms وGravity forms. 

كما يمكن متابعة تفاصيل اكثير عبر هذا الفيديو في قنتنا على اليوتيوب:

إقراء أيضاً: ماهو سيو المواقع (SEO) ؟ وأهم 12 تقنية لتصدر ترتيب موقعك

********************************