إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

آخر تعديل يناير 27, 2021
الاصدار :
أنت هنا فى :

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

إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

صفحة Contact Us الافتراضية

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

إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

لينك صفحة Contact Us

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

إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

صفحة Contact Us

 فى هذا الدرس سنتعرف على خطوات تهيئة أو إعداد نموذج صفحة اتصل بنا من خلال متجر ماجنتو 2 .

خطوات تهيئة / تكوين نموذج صفحة Contact Us فى متجر ماجنتو 2 

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

تفعيل صفحة Contact Us

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

خيارات البريد الالكترونى – Email Options

  • اضغط على Save Config عند الانتهاء لحفظ الإعدادات السابقة .

 خطوات تخصيص محتوى صفحة Contact Us 

يحتوى ماجنتو 2 على نموذج لبيانات أو معلومات جهة الاتصال الى يمكن تخصيصها لمتجرك الإلكترونى على ماجنتو 2 . حيث يمكنك تعديل هذه المعلومات لإضافة محتوى خاص بك على صفحة اتصل بنا (Contact Us Page) من خلال أحد الطرق الاتية :

الطريقة 1 : باستخدام نموذج البيانات (Sample Data) 

  • انتقل من قائمة لوحة التحكم إلى Content > Element > Blocks . 
إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

معلومات صفحة Contact Us

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

نموذج لمحتوى صفحة Contact Us

  • اضغط على Save عند الانتهاء لحفظ الإعدادات السابقة .

الطريقة 2 : بدون استخدام البيانات النموذجية

  • يمكنك إنشاء صفحة CMS لنموذج صفحة اتصل بنا من الخطوات التالية :
  • انتقل من قائمة لوحة التحكم إلى Content > Elements > Pages .
إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

شبكة الصفحات

  • اضغط على Add New Page ، وقم بضبط الإعدادات التالية :
    • Page Title : قم بإضافة عنوان الصفحة Contact Us .
إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

إضافة صفحة

    • و فى قسم Content قم بإضافة بيانات المحتوى :
إعداد صفحة اتصل بنا لمتجرك ( Contact Us Page) على ماجنتو 2

محتوى الصفحة – Content

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

 خطوات تخصيص محتوى صفحة Contact Us 

    • اضغط على زر Show / Hide Editor لإزالة شريط الأدوات ، ثم أضف الكود التالى أسفل الكود الذى أضفته فى الخطوة السابقة .

 خطوات تخصيص محتوى صفحة Contact Us 

  •  فى قسم Search Engine Optimizations ، اضبط الإعدادات التالية :
 خطوات تخصيص محتوى صفحة Contact Us 

Search Engine Optimizations

    • URL Key :  ادخل Contact Us .
    • Meta Title : ادخل Contact Us .
  • فى قسم Design ، اختر 1Column فى حقل Layout . 
 خطوات تخصيص محتوى صفحة Contact Us 

تصميم الصفحة – Design

  • اضغط على Save Page عند الانتهاء من الخطوات السابقة .

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

 خطوات تخصيص محتوى صفحة Contact Us 

صفحة Contact Us مخصصة

Tags:
Was this article helpful?
Dislike 0
السابق :
التالى :