كيفية إضافة نموذج التواصل لموقع ووردبريس WordPress أو متجر ووكومرس Woocommerce

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

ولكن من أكثر المشاكل التي تواجه مستخدمي ووردبريس WordPress هو أن رسائل العملاء تصلهم على شكل رسائل إلكترونية مزعجة Spam، وأحيانا لا تصلهم أبدًا.

لذلك، سنتعلم من خلال هذا المقال الطريقة الصحيحة لإضافة نموذج التواصل Contact Us على ووردبريس، ونضمن من خلاله وصول الرسائل إلى الصندوق الوارد الأساسي In box مباشرة.

إضافة Wp Mail SMTP By WpForms (الجانب التقني)

  • ادخل إلى لوحة التحكم في موقعك ووردبريس واتجه إلى الإضافات، إضافة جديدة وفي قسم البحث Search Bar أكتب اسم الإضافة وهي wp mail smtp by wpforms
1 إضافة Wp Mail SMTP By WpForms
  • اضغط على تنصيب الآن Install now ، ثم تفعيل Activate
2 إضافة Wp Mail SMTP By WpForms
  • لهذه الإضافة نسختان، نسخة مجانية وأخرى مدفوعة. نبدأ العمل على النسخة المجانية، وهي تؤدي الغرض المطلوب في الوقت الحالي. إذا احتجت في المستقبل إلى مزايا إضافية يمكنك أن تشترك بالمزايا التي تناسبك.

إضافة Wp Form (الجانب الفني)

  • WpForm و Contact Form 7 من أشهر الإضافات المجانية في هذا الخصوص، ممتازتين ومعدل التحميل أكثر من أربعة مليون تنصيب نشط. يوجد أيضا العديد من الإضافات المدفوعة والاحترافية أكثر. يمكنكم البحث عنها على الانترنت من المواقع الموثوقة.
  • نعود إلى قائمة الإضافات ونبحث عن Wp Form، نضغط على تنصيب الإضافة، ثم تفعيلها.
3 إضافة Wp Form

بمجرد انتهاء التحميل يتم التوجيه تلقائياً إلى صفحة إنشاء نموذج التواصل الخاص بنا.

4 إضافة Wp Form

إنشاء نموذج التواصل الخاص بك

  • اضغط على Creat Your Post Form لتنتقل لصفحة الإنشاء
5 إنشاء نموذج التواصل الخاص بك
  • اكتب الاسم في Form Name، واختر النموذج المناسب لك من عدة خيارات Select Template   
6 إنشاء نموذج التواصل الخاص بك
  • عملية الإنشاء سهلة جدًا. يمكنك الضغط على أي عنوان لتغييره بما يناسبك.
  • يمكنك حذف أو إضافة حقل ما بسحبه إلى المكان الذي تريده. في هذا المثال سنضيف I’m Not A Robot نسحب مربع الاختيارات Check boxes إلى المساحة التي نريدها.
7 إنشاء نموذج التواصل الخاص بك
  • ثم نقوم بالتعديلات عليها. باختيار الاسم المناسب وتقليل المربعات إلى مربع واحد فقط.
8 إنشاء نموذج التواصل الخاص بك
  • بعد الوصول إلى الشكل المرغوب فيه، اضغط على حفظ Save.
  • ندخل إلى قسم الإعدادات Settings، ثم نختار الإشعارات Notifications، في هذا القسم يوضح أن الايميلات ستذهب إلى أدمين الموقع، فإذا أردت إن تصل هاته الرسائل الإلكترونية إلى شخص إضافي يعمل معك في موقعك، فيمكنك إضافة إيميل الفرد الجديد بجانب إيميل الأدمن ونكتب بينهما فاصلة. حينها ستصل الرسائل الإلكترونية لكلا الإيميلين.
  • لا تقم بتغييرات أي إعدادات أخرى.
9 إنشاء نموذج التواصل الخاص بك
  • احفظ الإعدادات ثم واضغط على علامة X للخروج من هاته الصفحة.

إدراج النموذج في صفحة التواصل

  • ننتقل الآن إلى الصفحات Pages
  • إذا كنت أنشئت سابقا صفحة التواصل Contact Us اضغط على تعديل
  • وإلا اضغط على أضف جديد، وأنشئ صفحة جديدة للتواصل
  • اضغط على إضافة مكون جديد، وانزل إلى قسم Widgets ستجد أن WpForm قد تمت إضافتها، اضغط عليها
10 إدراج النموذج في صفحة التواصل
  • اختر النموذج الذي أنشأته سابقا، وسيتم إدراجه في الصفحة بشكل تلقائي.
11 إدراج النموذج في صفحة التواصل
  • احفظ التعديلات.

إعدادات WP Mail STMP

  • بعد الانتهاء من الجانب الفني لنموذج التواصل الخاص بك، يبقى عليك التعديل على الجانب التقني من خلال الإضافة الأولى التي قمت بتنصيبها سابقا وهي Wp Mail STMP.
  • تم إضافتها على العمود الجانبي.
12 إعدادات WP Mail STMP
  • ادخل على الإعدادات العامة General Settings
13 إعدادات WP Mail STMP
  • لا يمكنك الاستفادة من هاته الإضافة إلا بعد ضبط إعداداتها، بحيث أنها تحول أي رسالة تم إرسالها من داخل موقع ووردبريس إلى Email الخاص بأدمن الموقع Admin.

اتبع هذه الخطوات لضمان الضبط الصحيح للإعدادات

مفتاح الترخيص

14 إعدادات WP Mail STMP

حاليًا نحن نعمل على النسخة المجانية من الإضافة Wp Mail STMP Lite، لا نحتاج إلى مفتاح ترخيص. لكن إذا قمت بشراء النسخة المدفوعة، فادخل المفتاح إلى المكان المخصص لذلك واضغط على ربط Connect

البريد Mail

15 البريد Mail
  • أكتب البريد الالكتروني للأدمن From Email، وضع علامة في مربع فرض الايميل Force Email Form
  • أكتب اسم الموقع From Name، وضع علامة في مربع فرض الاسم Force From Name
  • ضع علامة في مربع مسار العودة Return Path

المراسل Mailer

16 المراسل Mailer

اختر Other Smtp

Other SMTP

  • مضيف SMTP Host: إذا كنت تستعمل gmail اكتب: smtp.gmail.com ويمكنك تغييره وفق مستضيف رسائلك الإلكترونية
  • التشفير Encryptions: اختر Tls
  • بوابة Smtp Port: ستجد رقم مختار بشكل تلقائي، لا تقم بتغييره
  • المصادقة Autentication: فعل الزر بتغييره إلى On
17 Other SMTP
  • Smtp username: اكتب بريدك الإلكتروني الخاص بك
  • Smtp Password: اكتب كلمة الدخول إلى علبة البريد الخاصة بك
18 Other SMTP
  • عند الانتهاء من كل الإعدادات اضغط على حفظ Save settings

تجريب النموذج Contact For Test

أكملت الآن كل الجوانب الفنية والتقنية لإنشاء نموذج تواصل فعال، وحان وقت تجريبه.

  • ادخل إلى تجريب الايميل Email Test من إعدادات Wp Mail Stmp
  • أدخل إيميل مختلف لهدف تجريب النموذج وشغل نظام Html ثم اضغط على Send Email
19 تجريب النموذج Contact For Test
  • ادخل إلى علبة البريد الوارد من ايميلك التجريبي وتأكد من وصول رسالة من موقعك.
  • ارجع إلى صفحة تواصل معنا Contact Us، عرض الصفحة.
  • اكتب معلومات تجريبية مختلفة (الاسم، الايميل، نص تجريبي) ثم اضغط إرسال.
20 تجريب النموذج Contact For Test
  • أدخل على علبة الرسائل الواردة في الايميل الخاص بالموقع وتأكد من وصول رسالة العميل التجريبي.

تكلمنا في موضوع سابق عن كيفية إعداد Gmail SMTP Server والذي نوضح فيه كيفية إعداد موقع الووردبريس لإرسال رسائل البريد الإلكتروني وتصل إلى صندوق الوارد مباشرة.

أضف تعليق