WP Mail SMTP واحدة من أهم الإضافات لأصحاب مواقع ووردبريس على الإطلاق ، بالأخص المواقع التي تحتاج لتواصل دائم مع العملاء وتلقي أسئلتهم وإستفساراتهم من خلال نماذج الإتصال Contact Forms ، والسبب أن الووردبريس بوضعه الإفتراضي يقوم بإستخدام فانكشن PHP Mail Functiion لإرسال وإستقبال الإيميلات ، وهو ما قد يتسبب في عدم وصول رسائل البريد الإلكتروني أحيانًا أو حتى وصولها إلى صندوق السبام بدلًا من صندوق الإنبوكس المعتاد.
إضافة WP Mail SMTP
ولكن الكثير يجدون صعوبة في تنصيب هذه الإضافة المذهلة ، والتي تضمن لك وصول أي إستفسار من عملائك إلى برييدك الإلكتروني بسهولة ، لذا أحببنا أن نقدم إليكم شرحًا تفصيليًا وعمليًا مصورًا من موقعنا Mohamed Portfolio ليسهل عليكم تتبعه خطوة بخطوة.
تنصيب WP Mail SMTP
ملحوظة: قبل أن تبدأ في إستخدام هذه الإضافة يجب أن تكون متأكدًا أنه لديك بالفعل فورم تواصل سواء كان مبرمج يدويًا أو من خلال إضافة ، عن نفسي أستخدم إضافة WP Forms ، فهي الأفضل على الإطلاق ومليئة بالمميزات المجانية التي تجدها مدفوعة في إضافات أخرى ، والنسخة المدفوعة منها بها مميزات مدهشة.
المهم الأن قم بالدخول إلى إضافات الووردبريس بموقعك لإضافة إضافة جديدة وإبحث عن: WP Mail SMTP
قم بالضغط على تنصيب Install وبعدها تفعيل أو تنشيط Activate
بذلك أنت إنتهيت من تنصيب وتشغيل الإضافة
![تم تنصيب إضافة WP Mail SMTP](https://mohamedportfolio.com/wp-content/uploads/2023/12/تم-تنصيب-إضافة-WP-Mail-SMTP.png)
الخطوة التالية هي ظبط إعدادات الإضافة
ظبط الإعدادات مع الجيميل
الأن أنت في الخطوة الأهم على الإطلاق وهي ربط البريد الإلكتروني الخاص بك (جيميل) بالإضافة حتى تتسلم عليه أي إيميلات وتضمن وصولها إلى الإنبوكس وليس إلى فولدر السبام أو عدم وصولها.
ستجد الأن أن الإضافة ظاهرة بالفعل في القائمة الجانبية بلوحة تحكم أدمن الووردبريس ، وما عليك هو التحرك بالفأرة أعلاها والضغط منها على الإعدادات Settings
أول ما يجب عليك فعله هو تحديد الإسم الظاهر عند إرسال الإيميلات وذلك من خانة From Name
عن نفسي كما ترى كتبت إسم موقعي باللغة العربية في هذه الخانة
![تحديد الإسم الظاهر عند إرسال الإيميلات](https://mohamedportfolio.com/wp-content/uploads/2023/12/تحديد-الإسم-الظاهر-عند-إرسال-الإيميلات-1024x433.png)
لاحظ أيضًا أنه بأسفله يوجد خيار Force From Name وهو غير مفعل حاليًا (Off) ، إذا كنت ترغب يمكنك تفعيل هذا الخيار ، حتى إذا كانت هناك أي بلاجينز أخرى تضع لك إسم مختلف يتم تجاهلها ويتعامل إجباريًا بالإسم الذي وضعته في خانة From Name.(عن نفسي سأقوم بتفعيل هذا الخيار أنا أيضًا).
والأن إلى تحديد الـ Mailer ، والميلر هو الخادم الذي سيتم إستخدامه للمراسلة بموقعك في أي إيميلات تخرج من موقعك ، وهو ما سيستخدم لربط بريدك الإلكتروني المطلوب بالموقع أيضًا بطريقة تضمن وصول الإيميلات إليه ووصول عروضك الترويجية ورسائلك اليدوية والتلقائية لعملائك أيضًا.
ستلاحظ أن الخيار الإفتراضي كان PHP ، قم بتغييره إلى Google / Gmail
![إختيار خادم جوجل جيميل](https://mohamedportfolio.com/wp-content/uploads/2023/12/إختيار-خادم-جوجل-جيميل-1024x572.png)
ستلاحظ الأن بأسفله تغيير الحالة الإفتراضية ليصبح بإمكانك تعديل وظبط إعدادات جوجل جيميل.
والأن نأتي للمهمة التي يقف عندها الجميع ، وهي الحصول على معلومات ال Client ID وال Client Secret ولاحظ أنه بأسفلهم يوجد رابط ستحتاجه لاحقًا ، المهم قبل إتمام الخطوات التالية تأكد من إنك ستترك هذه النافذة مفتوحة لأنك ستعود إليها مرة أخرى.
لتحصل على هذه المعلومات يجب الأن أن تقوم بفتح تبويب جديد بمتصفحك وتقوم بفتح حسابك على Google Cloud Console بنفس البريد الإلكتروني الذي ستستخدمه في موقعك للإيميلات بالطبع.
قم بالدخول على جوجل كلاود كونسول Google Cloud Console بإستخدام نفس بريدك الإلكتروني وحساب جوجل والجيميل الخاص بك.
قم من أعلى الصفحة جهة اليمين بالضغط على كلمة Console
ستظهر لك صفحة الإستعداد لتجربة منصة جوجل كلاود مجانًا ، تجاهلها وإضغط من أعلى اليسار على إضافة مشروع Add a Project
ستظهر لك نافذة قم منها بالضغط على مشروع جديد New Project
![إنشاء مشروع جديد على جوجل كلاود كونسول](https://mohamedportfolio.com/wp-content/uploads/2023/12/إنشاء-مشروع-جديد-على-جوجل-كلاود-كونسول-1024x510.png)
ستظهر لك نافذة تطلب منك تحديد كلًا من:
إسم المشروع Project Name ، قم بكتابة إسم لمشروعك وليكن مثلًا: My Website WP SMTP Mailer
عنوان المنشأة إن وجد ، فإذا كنت لا تدير منشأة أو بيزنس وموقعك موقع شخصي وليس تجاري حتى الأن قم بتركها بحالتها الإفتراضية No Organization.
![إسم المشروع وعنوان المنشأة](https://mohamedportfolio.com/wp-content/uploads/2023/12/إسم-المشروع-وعنوان-المنشأة.png)
والأن قم بالضغط على إنشاء Create لإنشاء مشروعك على منصة جوجل السحابية.
ملحوظة: يجب أن لا يزيد إسم المشروع عن 30 حرفًا ولا يقل عن 8 أحرف ، كما أنه هناك عدد محدود من المشاريع التي يمكنك إنشائها على حساب جوجل واحد مجانًا ، وبالنسبة لك فإن هذا كأول مشروع لا بأس بالطبع ، ولكن عندما يكون لديك الكثير من المواقع والمدونات والبلوجز ستحتاج لإستخدام هذه الخدمة بعناية ما لم تكن ترغب بدفع أي مصروفات إضافية لزيادة حصتك من المشاريع.
الخطوة التالية هي تفعيل Gmail API لمشروعك، فور إنتهائك من الصفحة السابقة تم إعادة توجيهك إلى صفحة المشاريع، قم من الأعلى بتحديد مشروعك من إختيار مشروع Select a Project لو لم يكن ظاهرًا بالفعل ، وقم بفتح قائمة التحكم في المشروع من ال 3 أسطر في المربع أعلى يسار الشاشة كما بالصورة إن لم تكن متاحة لك بالفعل.
![فتح قائمة التحكم بالمشروع](https://mohamedportfolio.com/wp-content/uploads/2023/12/فتح-قائمة-التحكم-بالمشروع.png)
أما إذا كانت متاحة لديك بالفعل كما يظهر بالصورة التالية فما عليك هو أن تذهب بالفأرة فوق تبويب APIs & Services لفتح مكتبة الخدمات و API
![](https://mohamedportfolio.com/wp-content/uploads/2023/12/فتح-مكتبة-الخدمات-و-API.png)
في هذه الصفحة ستجد مجموعة كبيرة من الأدوات التي تساعد المهتمين بها، قم بإستخدام مربع البحث في أعلى الصفحة بالبحث عن: Gmail API
![فتح Gmal Api](https://mohamedportfolio.com/wp-content/uploads/2023/12/فتح-Gmal-Api-1024x462.png)
قم بالضغط على إنتر لعمل البحث ، وقد تظهر لك عدة خيارات ، إختر الخيار المطابق لجملة البحث Gmail API
![إختيار خدمة Gmail API](https://mohamedportfolio.com/wp-content/uploads/2023/12/إختيار-خدمة-Gmail-API-1024x459.png)
تتيح لك هذه الخدمة إدارة بيانات الصندوق البريدي لحساب الجيميل الخاص بك، كل ما عليك فعله الأن هو الضغط على تشغيل Enable لتفعيل هذه الخدمة.
![تفعيل خدمة Gmail API](https://mohamedportfolio.com/wp-content/uploads/2023/12/تفعيل-خدمة-Gmail-API.png)
الأن قم بإنشاء بيانات إعتماد جديدة من خلال الضغط من أعلى اليمين على مفتاح Create Credentials
![إنشاء بيانات إعتماد Gmail API](https://mohamedportfolio.com/wp-content/uploads/2023/12/إنشاء-بيانات-إعتماد-Gmail-API-1024x484.png)
الأن ستظهر لك صفحة تطلب منك تحديد بعض الإعدادات والبيانات.
قم في البداية بالتأكيد على نوع ال API أنه Gmail API
وبعدها قم بتحديد نوع البيانات التي ترغب بالوصول إليها ببيانات الإعتماد المنشئة حديثًا هذه ، في حالتنا قم بإختيار بيانات المستخدم User Data.
وبعدها قم بالضغط على التالي Next
![تحديد ال API المستخدم والبيانات المعالجة](https://mohamedportfolio.com/wp-content/uploads/2023/12/تحديد-ال-API-المستخدم-والبيانات-المعالجة.png)
الأن في خانة إسم التطبيق App Name قم بكتابة إسم للتطبيق الجديد وليكن مثلًا My website Mail API
وفي خانة إيميل دعم المستخدم User Support Email قم بالضغط على علامة السهم لأسفل حتى يظهر لك بريدك الإلكتروني لإختياره.
وإختياريًا: يمكنك رفع لوجو خاص بهذا التطبيق ، ويفضل بالطبع أن يكون نفس لوجو موقعك ليكون عرضه أمام عينيك أسهل في أي وقت تحتاجه.
وأخيرًا بهذه الصفحة قم بكتابة البريد الإلكتروني الخاص بمطور التطبيق وهو نفس بريدك الإلكتروني بالطبع ما لم يكن لديك فريق تطوير لموقعك يعمل على ذلك. ويتم إستخدامه حتى يتسنى لجوجل إخبارنا بما إذا كانت هناك أي تحديثات متعلقة ببيانات إعتماد هذا التطبيق الذي نقوم بإنشاؤه معًا.
وإضغط على حفظ وإستمرار Save And Continue
![معلومات التطبيق](https://mohamedportfolio.com/wp-content/uploads/2023/12/معلومات-التطبيق.png)
الأن أنت في القسم الثالث من إعداد بيانات إعتماد التطبيق لإستخدام إيه بي أي الجيميل ، هذا القسم بإسم Scopes بمعنى المجالات أو الحيز الذي سيعمل التطبيق فيه ، ومهمة هذا القسم هو تحديد الصلاحيات التي يطلبها تطبيقك للمستخدمين، كما يساعدك على طلب الوصول لبيانات خاصة Private للمستخدمين وهو أمر لا نحتاجه، فكل ما نحتاجه بيانات عامة مثل عنوان الجيميل وإسم المستخدم وصورة حساب الجيميل الخاص به، أي ما يتم رؤيته بشكل طبيعي من أي مستخدم يتحدث معك عبر جيميل.
وبما أن هذا القسم إختياري بالكامل، فمنعًا للتطويل تجاهله تمامًا وقم بالضغط على حفظ وإستمرار Save And Continue
![قسم Scopes](https://mohamedportfolio.com/wp-content/uploads/2023/12/قسم-Scopes.png)
القسم الرابع يسألك عن نوع التطبيق الخاص بك، بالنسبة لنا كمستخدمين مواقع ووردبريس WordPress فإننا سنختار تطبيق ويب Web Application,
سيتم فتح المزيد من الأسئلة بداخل نفس القسم ، أول خانة هي الإسم ، قم بتركه كما هو أو ضع إسم كما ترغب، ولا تقلق فهو لن يظهر للمستخدمين النهائيين.
أترك Authorized JavaScript origins فارغة كما هي، أي لا تقم بإضافة أي روابط من مفتاح Add URI الذي بأسفلها.
أما في سؤال Authorized redirect URIs عليك الأن بإضافة الرابط Add URI الذي ظهر لك بصفحة إعداد SMTP بلوحة تحكم الووردبريس الخاصة بموقعك كما بالصورة.
![نوع التطبيق وإسمه ورابط إعادة التوجيه المسموح](https://mohamedportfolio.com/wp-content/uploads/2023/12/نوع-التطبيق-وإسمه-ورابط-إعادة-التوجيه-المسموح-1024x698.png)
قم الأن بالضغط على إنشاء Create
مبروك، الأن قد ظهر لك ال Client ID ، لا تتسرع فلا حاجة لنسخه الأن ، قم فقط بالضغط على مفتاح تم Done.
![تم إنشاء تطبيق بيانات الإعتماد](https://mohamedportfolio.com/wp-content/uploads/2023/12/تم-إنشاء-بيانات-الإعتماد.png)
الأن يجب أن نتأكد أن نمط التعامل لهذا التطبيق خارجي External وليس داخلي بشكل إفتراضي Internal كما قد يتركه جوجل في بعض الأحيان.
لتفعل ذلك ، من الصفحة التي ظهرت لك بعد الضغط على Done قم من القائمة على الجهة اليسرى بالضغط على OAuth consent screen
ملحوظة: إن لم تكن القائمة على الجهة اليسرى ظاهرة قم بفتحها من المفتاح بأعلى اليسار على شكل 3 أسطر صغيرة فوق بعضها.
![OAuth consent screen](https://mohamedportfolio.com/wp-content/uploads/2023/12/OAuth-consent-screen.png)
والأن إذا ظهر أمامك خيار Make External فقم بالضغط عليه كما يظهر في الجزء اليمين من الصورة بالأسفل ، أما لو كان مفعلًا بالفعل كما بالجزء الأيسر من الصورة في الأسفل فلن تحتاج لتغيير أي شئ به.
![تغيير النمط إلى خارجي](https://mohamedportfolio.com/wp-content/uploads/2023/12/تغيير-النمط-إلى-خارجي-1024x484.png)
إذا ظهرت لك النافذة التي على اليمين فعند الضغط عليها ستظهر لك نافذة بها خيارين ، إختر منهم In Production نظرًا لأن موقعك Live ويعمل بالفعل وليس تحت التجربة ، وقم بالتأكيد من خلال الضغط على Confirm.
![In Production](https://mohamedportfolio.com/wp-content/uploads/2023/12/In-Production.png)
الأن ستجد أنه أسفل قسم حالة النشر Publishing Status أن التطبيق بالفعل في حالة العمل In Production.
أما في حالة كانت الصفحة التي فتحت لك من البداية هي التي كانت على اليسار فستجد كما ظهر لك أن حالة التطبيق تجريبية Testing وعليك بتغييرها من خلال النقر على نشر التطبيق Publish App
.ستظهر لك نافذة تطلب منك تأكيد النشر فقم فيها بالضغط على التأكيد Confirm.
![نشر التطبيق](https://mohamedportfolio.com/wp-content/uploads/2023/12/نشر-التطبيق.png)
الأن إلى خطوة جلب البيانات التي فعلنا كل ذلك لإحضارها ، قم الأن بالضغط من القائمة على اليسار على Credentials
ستجد في الصفحة التالية الكلاينت الذي قمت بإنشاؤه ، قم بالضغط من جانبه على علامة التعديل على شكل قلم كما بالصورة
![فتح تعديل بيانات الإعتماد](https://mohamedportfolio.com/wp-content/uploads/2023/12/فتح-تعديل-بيانات-الإعتماد-1024x406.png)
مبروك ظهر أمامك الأن ال Client ID وال Client Secret الخاصين بك.
![Client ID و Client Secret للجيميل الخاص بك](https://mohamedportfolio.com/wp-content/uploads/2023/12/Client-ID-و-Client-Secret-للجيميل-الخاص-بك-1024x441.png)
قم الأن بنسخ ال Client ID من هذه الصفحة والتوجه لصفحة الووردبرس الخاصة بإعدادات تطبيق WP Mail SMTP لإدخاله (قلنا في البداية ستحتاحها مجددًا)
وعد مرة أخرى لنسخ Client Secret من صفحة تطبيق جوجل جيميل والعودة للصقه في صفحة إعدادات التطبيق.
وأخيرًا قم بالضغط على حفظ الإعدادات Save Settings.
ستلاحظ ظهور مفتاح جديد بالأعلى أمام Authorization باللون الأحمر مكتوب عليه: Allow plugin to send emails using your Google account
قم بالضغط عليه لمنح الإضافة صلاحية إستخدام بريدك الإلكتروني لإرسال الرسائل الأوتوماتيكية وغيرها طبقًا لإعدادات موقعك والتطبيق والتطبيقات الأخرى.
ستظهر لك صفحة الدخول بإستخدام الجيميل، قم بإختيار الجيميل الخاص بك وقد تظهر لك صفحة تقول لك أن جوجل لم يختبر هذه الإضافة بعد ، فقم بالضغط منها على Advanced ومنها إلى Go to wpmailsmtp.com (unsafe) ، وذلك فقط في حالة لم يتم إدخالك بشكل مباشر.
![السماح للإضافة بإستخدام البريد الإلكتروني جيميل](https://mohamedportfolio.com/wp-content/uploads/2023/12/السماح-للإضافة-بإستخدام-البريد-الإلكتروني-جيميل.png)
ستظهر لك نافذة أخرى تطلب منك إعطاء الصلاحية لقراءة وإرسال رسائل البريد الإلكتروني على حساب الجيميل الخاص بك، فقم بالضغط على الإستمرار Continue.
![إعطاء الصلاحية للإضافة](https://mohamedportfolio.com/wp-content/uploads/2023/12/إعطاء-الصلاحية-للإضافة.png)
مبروك ، الأن قمت بربط موقعك الإلكتروني بمشروع جوجل API الخاص بحساب بريدك الإلكتروني ، ويمكنك إرسال رسائل البريد الإلكتروني من موقعك كما ترغب سواء يدويًا أو أليًا ولديك ضمان إنها ستصل دائمًا وستصلك جميع رسائل عملائك أيضًا.
![تم ربط موقعك بمشروع جوجل API](https://mohamedportfolio.com/wp-content/uploads/2023/12/تم-ربط-موقعك-بمشروع-جوجل-API-1024x481.png)
كان مشوار متعب ، أعلم ذلك جيدًا ، لم يتبقى لك الأن سوى خطوة إحتياطية وهي تجربة نموذج الإتصال بنفسك ، فقم بفتح موقعك على صفحة نموذج الإتصال من أي متصفح لديك أو في وضع التصفح الخفي وتجربة إستخدامه كما لو كنت مستخدم غريب ، وقم بفتح الجيميل الخاص بك للتأكد من أن الرسالة وصلت إليك ووصلت إلى صندوق الإنبوكس العادي وليس السبام.
هام: قد تتأخر الرسائل بعض الوقت ولكنها تصل في النهاية.
نتمنى أن يكون مقالنا اليوم قد نال إعجابكم .. نعلم كم كان شاقًا ومتعبًا عليك عزيزي القارئ المتابعة معي ، فتخيل كما من الوقت والمجهود إحتجت لإنشائه وتصويره لأجلك ، ولا أرجو منك سوى دعوة صالحة لو كنت قد إستفدت منه.
أطيب أمنياتي للجميع بالتوفيق – محمد شاكر
شكرًا من هنا للسنة الجاية .. والله إتغلبت لحد ما عرفت الطريقة الصحيحة ، شرحك هايل ومش سايب أي تفاصيل
تسلم والله
بعد إذنك كنت محتاجك في خدمة تطوير موقع من الصفر ، هبعت لحضرتك على الإيميل
Wow, superb blog structure! How long have you ever been running a blog for?
you made running a blog look easy. The entire look of your site is great, as well as the content material!
You can see similar: e-commerce and here sklep internetowy