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

صفحة Contact Us الافتراضية
بعدها تظهر رسالة شكر للعميل بعد إرسال النموذج . يعرض ماجنتو 2 النموذج الإفتراضى لصفحة اتصل بنا . يظهر لينك صفحة Contact Us فى تذييل صفحة المتجر (Footer) .

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

صفحة Contact Us
فى هذا الدرس سنتعرف على خطوات تهيئة أو إعداد نموذج صفحة اتصل بنا من خلال متجر ماجنتو 2 .
خطوات تهيئة / تكوين نموذج صفحة Contact Us فى متجر ماجنتو 2
- من قائمة لوحة التحكم الداخلية لماجنتو 2 اذهب إلى Stores > Settings > Configuration .
- من القائمة الجانبية لهذه الصفحة انتقل إلى General > Contacts .
- من خلال قسم Contact Us ، اضبط الإعدادات التالية :
-
- Enable Contact Us : اختر YES لتفعيل صفحة اتصل بنا على المتجر داخل ماجنتو 2 .

تفعيل صفحة Contact Us
- من قسم Email Options ، قم بالاتى :
-
- Send Emails to : ادخل عنوان البريد الإلكترونى الذى يتم إرسال الرسائل إلية من هذه الصفحة .
- Email Sender : قم بتعيين مرسل البريد الإلكترونى على هوية المتجر و الذى يظهر فى خانة المرسل فى الرسالة فى نموذج صفحة اتصل بنا . على سبيل المثال Custom Email 2 .
- Email Template : قم بتعيين قالب البريد الإلكترونى المستخدم فى الرسائل المرسلة من نموذج صفحة اتصل بنا .

خيارات البريد الالكترونى – Email Options
- اضغط على Save Config عند الانتهاء لحفظ الإعدادات السابقة .
خطوات تخصيص محتوى صفحة Contact Us
يحتوى ماجنتو 2 على نموذج لبيانات أو معلومات جهة الاتصال الى يمكن تخصيصها لمتجرك الإلكترونى على ماجنتو 2 . حيث يمكنك تعديل هذه المعلومات لإضافة محتوى خاص بك على صفحة اتصل بنا (Contact Us Page) من خلال أحد الطرق الاتية :
الطريقة 1 : باستخدام نموذج البيانات (Sample Data)
- انتقل من قائمة لوحة التحكم إلى Content > Element > Blocks .

معلومات صفحة Contact Us
- من هذه القائمة اختر Contact Us Info ، ثم قم بفتحها فى وضعية Edit .
- انتقل فى هذه الصفحة إلى حقل Content و قم بالتغييرات كما تريد .
- استخدم شريط الأدوات لتنسيق النص أو إضافة الصور أو اللينكات فى مربع المحتوى كما ترغب .
- يمكنك الضغط على Show / Hide Editor للعمل مباشرة بلغة HTML .

نموذج لمحتوى صفحة Contact Us
- اضغط على Save عند الانتهاء لحفظ الإعدادات السابقة .
الطريقة 2 : بدون استخدام البيانات النموذجية
- يمكنك إنشاء صفحة CMS لنموذج صفحة اتصل بنا من الخطوات التالية :
- انتقل من قائمة لوحة التحكم إلى Content > Elements > Pages .

شبكة الصفحات
- اضغط على Add New Page ، وقم بضبط الإعدادات التالية :
- Page Title : قم بإضافة عنوان الصفحة Contact Us .

إضافة صفحة
-
- و فى قسم Content قم بإضافة بيانات المحتوى :

محتوى الصفحة – Content
-
- Content Heading : أضف العنوان الرئيسى للمحتوى Contact Us .
- وفى مربع النص فم بإضافة أى معلومات تريدها . سيظهر المحتوى الذى ادخلته فى الجزء الأيسر من النموذج .
- إذا أردت محاذاة المحتوى الخاص بك إلى الجزء العلوى من النموذج ، ادخلة ضمن علامة <div> كما هو موضح فى المثال التالى :
-
- اضغط على زر Show / Hide Editor لإزالة شريط الأدوات ، ثم أضف الكود التالى أسفل الكود الذى أضفته فى الخطوة السابقة .
- فى قسم Search Engine Optimizations ، اضبط الإعدادات التالية :

Search Engine Optimizations
-
- URL Key : ادخل Contact Us .
-
- Meta Title : ادخل Contact Us .
- فى قسم Design ، اختر 1Column فى حقل Layout .

تصميم الصفحة – Design
- اضغط على Save Page عند الانتهاء من الخطوات السابقة .
سيظهر الان النموذج الذى أنشأته لصفحة اتصل بنا على متجر ماجنتو 2 بدلاً من النموذج الإفتراضى عند النقر على لينك Contact Us الموجود فى أسفل صفحة المتجر . تأكد من اختبار المحتوى الذى أنشأته على جهاز الموبايل للتحقق من عرضه بالشكل الصحيح .

صفحة Contact Us مخصصة