يعتبر نموذج التواصل من الأركان الأساسية لأي موقع إلكتروني على الويب 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](https://www.ar-wp.com/wp-content/uploads/2021/04/1-إضافة-Wp-Mail-SMTP-By-WpForms-1024x493.jpg)
- اضغط على تنصيب الآن Install now ، ثم تفعيل Activate
![2 إضافة Wp Mail SMTP By WpForms](https://www.ar-wp.com/wp-content/uploads/2021/04/2-إضافة-Wp-Mail-SMTP-By-WpForms.jpg)
- لهذه الإضافة نسختان، نسخة مجانية وأخرى مدفوعة. نبدأ العمل على النسخة المجانية، وهي تؤدي الغرض المطلوب في الوقت الحالي. إذا احتجت في المستقبل إلى مزايا إضافية يمكنك أن تشترك بالمزايا التي تناسبك.
إضافة Wp Form (الجانب الفني)
- WpForm و Contact Form 7 من أشهر الإضافات المجانية في هذا الخصوص، ممتازتين ومعدل التحميل أكثر من أربعة مليون تنصيب نشط. يوجد أيضا العديد من الإضافات المدفوعة والاحترافية أكثر. يمكنكم البحث عنها على الانترنت من المواقع الموثوقة.
- نعود إلى قائمة الإضافات ونبحث عن Wp Form، نضغط على تنصيب الإضافة، ثم تفعيلها.
![3 إضافة Wp Form](https://www.ar-wp.com/wp-content/uploads/2021/04/3-إضافة-Wp-Form.jpg)
بمجرد انتهاء التحميل يتم التوجيه تلقائياً إلى صفحة إنشاء نموذج التواصل الخاص بنا.
![4 إضافة Wp Form](https://www.ar-wp.com/wp-content/uploads/2021/04/4-إضافة-Wp-Form-1024x450.jpg)
إنشاء نموذج التواصل الخاص بك
- اضغط على Creat Your Post Form لتنتقل لصفحة الإنشاء
![5 إنشاء نموذج التواصل الخاص بك](https://www.ar-wp.com/wp-content/uploads/2021/04/5-إنشاء-نموذج-التواصل-الخاص-بك-1024x450.jpg)
- اكتب الاسم في Form Name، واختر النموذج المناسب لك من عدة خيارات Select Template
![6 إنشاء نموذج التواصل الخاص بك](https://www.ar-wp.com/wp-content/uploads/2021/04/6-إنشاء-نموذج-التواصل-الخاص-بك-1024x450.jpg)
- عملية الإنشاء سهلة جدًا. يمكنك الضغط على أي عنوان لتغييره بما يناسبك.
- يمكنك حذف أو إضافة حقل ما بسحبه إلى المكان الذي تريده. في هذا المثال سنضيف I’m Not A Robot نسحب مربع الاختيارات Check boxes إلى المساحة التي نريدها.
![7 إنشاء نموذج التواصل الخاص بك](https://www.ar-wp.com/wp-content/uploads/2021/04/7-إنشاء-نموذج-التواصل-الخاص-بك-1024x450.jpg)
- ثم نقوم بالتعديلات عليها. باختيار الاسم المناسب وتقليل المربعات إلى مربع واحد فقط.
![8 إنشاء نموذج التواصل الخاص بك](https://www.ar-wp.com/wp-content/uploads/2021/04/8-إنشاء-نموذج-التواصل-الخاص-بك-1024x450.jpg)
- بعد الوصول إلى الشكل المرغوب فيه، اضغط على حفظ Save.
- ندخل إلى قسم الإعدادات Settings، ثم نختار الإشعارات Notifications، في هذا القسم يوضح أن الايميلات ستذهب إلى أدمين الموقع، فإذا أردت إن تصل هاته الرسائل الإلكترونية إلى شخص إضافي يعمل معك في موقعك، فيمكنك إضافة إيميل الفرد الجديد بجانب إيميل الأدمن ونكتب بينهما فاصلة. حينها ستصل الرسائل الإلكترونية لكلا الإيميلين.
- لا تقم بتغييرات أي إعدادات أخرى.
![9 إنشاء نموذج التواصل الخاص بك](https://www.ar-wp.com/wp-content/uploads/2021/04/9-إنشاء-نموذج-التواصل-الخاص-بك-1024x452.jpg)
- احفظ الإعدادات ثم واضغط على علامة X للخروج من هاته الصفحة.
إدراج النموذج في صفحة التواصل
- ننتقل الآن إلى الصفحات Pages
- إذا كنت أنشئت سابقا صفحة التواصل Contact Us اضغط على تعديل
- وإلا اضغط على أضف جديد، وأنشئ صفحة جديدة للتواصل
- اضغط على إضافة مكون جديد، وانزل إلى قسم Widgets ستجد أن WpForm قد تمت إضافتها، اضغط عليها
![10 إدراج النموذج في صفحة التواصل](https://www.ar-wp.com/wp-content/uploads/2021/04/10-إدراج-النموذج-في-صفحة-التواصل-1024x444.jpg)
- اختر النموذج الذي أنشأته سابقا، وسيتم إدراجه في الصفحة بشكل تلقائي.
![11 إدراج النموذج في صفحة التواصل](https://www.ar-wp.com/wp-content/uploads/2021/04/11-إدراج-النموذج-في-صفحة-التواصل-1024x230.jpg)
- احفظ التعديلات.
إعدادات WP Mail STMP
- بعد الانتهاء من الجانب الفني لنموذج التواصل الخاص بك، يبقى عليك التعديل على الجانب التقني من خلال الإضافة الأولى التي قمت بتنصيبها سابقا وهي Wp Mail STMP.
- تم إضافتها على العمود الجانبي.
![12 إعدادات WP Mail STMP](https://www.ar-wp.com/wp-content/uploads/2021/04/12-إعدادات-WP-Mail-STMP-1024x493.jpg)
- ادخل على الإعدادات العامة General Settings
![13 إعدادات WP Mail STMP](https://www.ar-wp.com/wp-content/uploads/2021/04/13-إعدادات-WP-Mail-STMP-1024x450.jpg)
- لا يمكنك الاستفادة من هاته الإضافة إلا بعد ضبط إعداداتها، بحيث أنها تحول أي رسالة تم إرسالها من داخل موقع ووردبريس إلى Email الخاص بأدمن الموقع Admin.
اتبع هذه الخطوات لضمان الضبط الصحيح للإعدادات
مفتاح الترخيص
![14 إعدادات WP Mail STMP](https://www.ar-wp.com/wp-content/uploads/2021/04/14-إعدادات-WP-Mail-STMP-1024x450.jpg)
حاليًا نحن نعمل على النسخة المجانية من الإضافة Wp Mail STMP Lite، لا نحتاج إلى مفتاح ترخيص. لكن إذا قمت بشراء النسخة المدفوعة، فادخل المفتاح إلى المكان المخصص لذلك واضغط على ربط Connect
البريد Mail
![15 البريد Mail](https://www.ar-wp.com/wp-content/uploads/2021/04/15-البريد-Mail-1024x493.jpg)
- أكتب البريد الالكتروني للأدمن From Email، وضع علامة في مربع فرض الايميل Force Email Form
- أكتب اسم الموقع From Name، وضع علامة في مربع فرض الاسم Force From Name
- ضع علامة في مربع مسار العودة Return Path
المراسل Mailer
![16 المراسل Mailer](https://www.ar-wp.com/wp-content/uploads/2021/04/16-المراسل-Mailer-1024x414.jpg)
اختر Other Smtp
Other SMTP
- مضيف SMTP Host: إذا كنت تستعمل gmail اكتب: smtp.gmail.com ويمكنك تغييره وفق مستضيف رسائلك الإلكترونية
- التشفير Encryptions: اختر Tls
- بوابة Smtp Port: ستجد رقم مختار بشكل تلقائي، لا تقم بتغييره
- المصادقة Autentication: فعل الزر بتغييره إلى On
![17 Other SMTP](https://www.ar-wp.com/wp-content/uploads/2021/04/17-Other-SMTP-1024x455.jpg)
- Smtp username: اكتب بريدك الإلكتروني الخاص بك
- Smtp Password: اكتب كلمة الدخول إلى علبة البريد الخاصة بك
![18 Other SMTP](https://www.ar-wp.com/wp-content/uploads/2021/04/18-Other-SMTP-1024x363.jpg)
- عند الانتهاء من كل الإعدادات اضغط على حفظ Save settings
تجريب النموذج Contact For Test
أكملت الآن كل الجوانب الفنية والتقنية لإنشاء نموذج تواصل فعال، وحان وقت تجريبه.
- ادخل إلى تجريب الايميل Email Test من إعدادات Wp Mail Stmp
- أدخل إيميل مختلف لهدف تجريب النموذج وشغل نظام Html ثم اضغط على Send Email
![19 تجريب النموذج Contact For Test](https://www.ar-wp.com/wp-content/uploads/2021/04/19-تجريب-النموذج-Contact-For-Test-1024x450.jpg)
- ادخل إلى علبة البريد الوارد من ايميلك التجريبي وتأكد من وصول رسالة من موقعك.
- ارجع إلى صفحة تواصل معنا Contact Us، عرض الصفحة.
- اكتب معلومات تجريبية مختلفة (الاسم، الايميل، نص تجريبي) ثم اضغط إرسال.
![20 تجريب النموذج Contact For Test](https://www.ar-wp.com/wp-content/uploads/2021/04/20-تجريب-النموذج-Contact-For-Test-1024x493.jpg)
- أدخل على علبة الرسائل الواردة في الايميل الخاص بالموقع وتأكد من وصول رسالة العميل التجريبي.
تكلمنا في موضوع سابق عن كيفية إعداد Gmail SMTP Server والذي نوضح فيه كيفية إعداد موقع الووردبريس لإرسال رسائل البريد الإلكتروني وتصل إلى صندوق الوارد مباشرة.
انضم لمجتمع عرب ووردبريس الأكبر عربيًا لدعم مستخدمي ووردبريس. من خلال المجتمع ستحصل على المساعدة اللازمة في إنشاء موقعك الووردبريس أو تخصيص متجرك على ووكومرس
زيارة منتدى عرب ووردبريس ←
اترك تعليقك