كيفية انشاء صفحة اتصل بنا (Contact Us) على ووردبريس

كل موقع الكتروني يجب أن تتوفر فيه صفحة “اتصل بنا” (Contact Us), و طريقة انشاء صفحة اتصل بنا (Contact Us) سهلة للغاية, فأنت لا تحتاج إلى معرفة التصميم أو الأكواد و غيرها.

 

و صفحة “اتصل بنا” تساعدك كثيرا في نجاح موقعك, فهي الطريقة المناسبة للتواصل مع الزبائن المحتملين, أو أصحاب الشركات لعمل إعلانات لهم, أو أصحاب مواقع أخرى يتواصلون معك عبر هذه الصفحة.

 

و انشاء هذه الصفحة يسمح لزوار موقعك بالتواصل معك بطريقة إحترافية, و ذلك عبر البريد الإلكتروني.

 

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

 

و لإنشاء صفحة اتصل بنا (Contact Us) على ووردبريس, كل ما عليك فعله هو تثبيت اضافة ووردبريس Contact Form 7 ثم نسخ الكود الذي تحصل عليه و لصقه في الصفحة التي هي صفحة “إتصل بنا” ثم نشرها.

 

و لمعرفة كيفية انشاء صفحة اتصل بنا على ووردبريس بالتفصيل, تابع الخطوات التالية

 

شاهد أيضا: كيفية انشاء موقع الكتروني

شاهد أيضا: ارخص استضافة مواقع

 

المحتوى:

– كيفية انشاء صفحة اتصل بنا (Contact Us)

– تعديل نموذج و شكل فورم صفحة إتصل بنا (إختيارية)

  • تحرير قالب النموذج (إضافة خانات للفورم)
  • تغيير البريد الإلكتروني الذي تستقبل عليه الرسائل
  • تغيير الرسائل التي تظهر للمرسل أثناء إستخدامه للفورم

 

 

كيفية انشاء صفحة اتصل بنا (Contact Us)

 

1. قم بالدخول إلى لوحة تحكم ووردبريس الخاصة بموقعك ثم أنقر على “إضافات” ثم أنقر على “أضف جديد” كما موضح في الصورة.

تثبيت اضافة ووردبريس

 

2. تظهر لك صفحة للبحث عن الإضافات, قم بكتابة إسم الإضافة الذي هو ” Contact Form 7″ ثم يتم البحث عنها تلقائيا. و عند ظهور الإضافة أنقر على “التنصيب الآن” و ذلك لتثبيت الإضافة. كما موضح في الصورة.

تثبيت اضافة Contact Form 7

 

3. بعد إنتهاء عملية التثبيت قم بتفعيل الإضافة و ذلك بالنقر على “تفعيل”.

تفعيل اضافة Contact Form 7

 

4. بعد تفعيل الإضافة سوف تظهر لك أيقونة بإسم “الاتصال Contact” قم بالنقر عليها, و ذلك في لوحة تحكم ووردبريس. كما موضح في الصورة

الدخول إلى إعدادات اضافة Contact Form 7

 

5. الان يتم نقلك إلى صفحة اخرى يوجد فيها “كود قصير” قم “بنسخ” هذا الكود. كما موضح في الصورة.

صفحة الكود القصدي الخاص بإضافة صحفة اتصل بنا

 

6. الآن نقوم بإنشاء صفحة عادية بعنوان “إتصل بنا” ثم لصق ذلك الكود في محتوى الصفحة ثم نشرها, و للقيام بذلك أنقر على “صفحات” ثم أنقر على “أضف جديدا”.

انشاء صفحة اتصل بنا Contact Us

 

7. يظهر لك المحرر, قم بكتابة عنوان الصفحة “إتصل بنا”, ثم قم “بلصق” الكود الخاص بإضافة Contact Form 7 ثم قم بالنقر على “نشر”. كما موضح في الصورة.

انشاء صفحة اتصل بنا Contact Us

 

8. بعد نشر الصفحة و الدخول إليها, سوف تظهر لك على شكل فورم. كما في الصورة.

صفحة اتصل بنا Contact Us

 

شاهد أيضا: حجز دومين مجاني

شاهد أيضا: افضل قوالب ووردبريس

 

تعديل نموذج و شكل فورم صفحة إتصل بنا (إختيارية)

 

يمكنك التعديل في فروم صفحة اتصل بنا, و ذلك بإضافة خانات. كما يمكنك تعديل الكلمات الموجودة في الفورم, و تغيير البريد الإلكتروني الذي تستقبل عليه الرسائل.

و للقيام بهذه التعديلات إذا أردت ذلك, قم بالنقر على أيقونة “الاتصال Contact” الموجودة في لوحة تحكم ووردبريس.

إعدادات اضافة Contact Form 7

 

شاهد أيضا: استضافة Bluehost (الدليل الشامل)

شاهد أيضا: استضافة hostgator (الدليل الشامل)

 

1. تحرير قالب النموذج (إضافة خانات للفورم)

 

لإضافة خانات اخرى لنموذج الإتصل الخاص بصفحة “إتصل بنا”, قم بالنقر على أيقونة “الاتصال Contact” الموجودة في لوحة تحكم ووردبريس, فتظهر لك صفحة فيها مجموعة من أسماء الخانات التي قد ترغب في إضافتها.

قم بإختيار نوع الخانة التي تريد إضافتها مثلا خانة “رقم الهاتف”, قم بتحديد المكان الذي تريد إضافة الخانة فيه , ثم أنقر على “هاتف tel”, كما موضح في الصورة.

إضافة خانة هاتف إلى فروم صفحة اتصل بنا

 

بعدها تظهر لك نافذة فيها إعدادات الخانة, قم بكتابة القيمة الإفتراضية “رقم الهاتف”, ثم قم بتحديد المربع و أنقر على “إدراج الوسم”.

إدراج وسم خانة رقم الهاتف

 

يظهر لك الوسم على الشكل التالي أنقر على “حفظ”. كما موضح في الصورة.

إدراج وسم خانة رقم الهاتف

 

و الآن عند دخولك لصفحة إتصل بنا سوف تجد الخانة موجودة.

ملاحظة هامة: إذا أردت ظهور كلمة “رقم الهاتف” فوق الخانة كما في الخانات الأخرى, قم بتحديد مكان إضافة الخانة ثم أنقر على “هاتف tel”, ثم أنقر على “حفظ” مباشرة دون أن تقوم بأي تغيير. و عندما يظهر الوسم قم بتعديله يدويا مثل الوسوم التي في الأعلى على الشكل التالي, ثم أنقر على “حفظ”.

 

و الان عند الدخول إلى صفحة “إتصل بنا” سوف تظهر الخانة كما في الصورة.

 

شاهد أيضا: افضل استضافة مواقع

شاهد أيضا: حجز دومين (الدليل الشامل)

 

2. تغيير البريد الإلكتروني الذي تستقبل عليه الرسائل

 

البريد الإلكتروني الذي إستعملته في انشاء حساب ووردبريس (تثبيت ووردبريس), هو البريد الإلكتروني الذي يتم إرسال الرسائل إليه تلقائيا.

إذا أردت تغيير البريد الإلكتروني الذي تستقبل عليه الرسائل, قم بالنقر على ” البريد الإلكتروني”, ثم قم بكتابة البريد الإلكتروني الذي تريد إستقبال عليه الرسائل في خانة “إلى” كما موضح في الصورة. ثم أنقر على “حفظ” في الأسفل.

 

شاهد أيضا: شرح استضافة FastComet

شاهد أيضا: شرح قالب Publisher

 

3. تغيير الرسائل التي تظهر للمرسل أثناء إستخدامه للفورم

 

عندما يقوم الزائر بإرسال لك رسالة عبر الفورم (نموذج الإتصال), سوف تظهر له رسائل في مختلف الحالات, و سوف تجد هذه الرسائل بالعربية. و إذا أردت تغييرها و تعدليها, قم بإتباع الخطوات التالية:

قم بالنقر على “الرسائل” كما موضح في الصورة, و سوف تظهر لك مختلف الرسائل و دورها, قم بتعديل ما تريد ثم أنقر على “حفظ” في الأسفل.

تغيير الرسائل التي تظهر للمرسل أثناء إستخدامه للفورم

و هنا إنتهى الشرح, قم بتصفح مواضيع أخرى في الموقع التي قد تفيدك و تحتاجها.

 

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.

error: