شرح انشاء نموذج اتصل بنا على ووردبريس

ولابد من وجود صفحة اتصل بنا ضمن الصفحات الاساسية في موقعك حتى يتثنى للزوار مراسلتك عبر الصفحة او الاستفسار عن شيء ان كنت تقدم محتوى تعليمي , اليوم سوف نقوم بهذا الشرح البسيط على موقع مطوري الووردبريس كيفية طريقة انشاء صفحة اتصل بنا والتي تحتوي على ” نموذج اتصل بنا ”

كيفية انشاء نموذج اتصل بنا على مدونة ووردبريس

هناك العديد من الاضافات التي تتيح لك “انشاء نموذج اتصل ” والتي تمكنك من استلام راسائل من الزور وارسالها لك عبر الايميل من اهم هذه الاضافات هي اضافة contact form 7 اضافة حظيت باكثر من مليون موقع نشط يستخدمها على الانترنت سوف نشرح لك طريقة استخدامها واهم ميزاتها .

شرح اضافة contact form 7

اولا علينا تنزيل الاضافة يمكنكم تنزيلها من خلال رابط الاضافة contact form 7 او ممكن تنزيلها من خلال متجر الاضافات الخاصة بالوردبريس والذي يمكن الذهاب اليه من خلال لوحة التحكم ووردبريس

نقوم بالبحث عن الاضافة : نكتب في مربع البحث Contact Form 7

تظهر لنا النتائج التالية :

نقوم باختيار الاضافة الاولى ومن ثم الضغط على تثبيت ومن ثم نقوم بتفعيل الاضافة .

بعد ان تتم عملية التفعيل للاضافة نقوم ب انشاء نموذج اتصل بنا من واعداد الاضافة بالشكل الصحيح .

اعدادات الاضافة

اولا نقوم بالتوجه الى اعدادات الاضافة من خلال الضغط على المراسلة في المنيو الخاصة بلوحة التحكم

انشاء النموذج

نقوم بالضغط على اضف لاضافة نموذج جديد :

هنا في هذه الشاشة يمكننا تخصيص نموذج اتصل بنا كما يحلو لنا فيمكننا اضافة الحقول التي نريدها مثل حقل نص او لرقم الهاتف او حقل من نوع ايميل ,
كما في الصورة فالنموذج الافتراضي يحتوي على حقل نص لكتبابة الاسم وايضا حقل نصي لكتابة موضوع الرسالة وحقل ايميل لكتابة الايميل والحقل المخصص لوضع نص الرسالة ,
على سبيل المثال لو اردنا اضافة حقل اخر لرقم الهاتف فنقوم بالضغط على زر tel
كما في الصورة المرفقة او في القائمة العلوية يوجد ازرار لاضافة الحقول المتوفرة عندنا او التي توفرها لنا الاضاافة

نقوم بالضغط على زر tell تظهر لنا الشاشة التالية :

من هنا يمكنني تخصيص الحقل ان كنا نريد هذا الحقل اجباري اي يعني يجب على المستخدم تعبئة هذا الحقل فهنا يجب علينا ان نقوم بعمل check على حقل Required field فيصبح هذا الحصل اجباري او ان كنا نريد ان نضع في هذا الحقل قيمة افتراضية او نضع له كلاس او اي دي معين لكي نخصص له الستايل css فيما بعد فمن خلال الشاشة السابقة يمكتنا وضع تعبئة هذه الحقول على حسب الحاجة .
الان انتهينا من انشاء النموذج كما هي احتياجتنا كما في الصورة التالية :

اعدادات الايميل

الان الخطوة التالية هي اعدادات الايميل اي يعني اعداد الرسالة التي سوف تصل لنا عبر الايميل بعد ان يقدم اليوزر نموذج , كيفية شكل الرسالة وما هي البيانات التي اريد من الاضافة ارسالها الي عبر الايميل هنا نقوم بالتوجه الى الخانة التانية وهي ” البريد ” بعد ان نقوم بالضغط عليها تظهر لنا هذه الشاشة

من خلال هذه الشاشة يمكنني تهيئة الايميل المرسل لنا
فيمكننا تحديد الايميل الذي نريده ان يستقبل الرسالة وايضا ما هي عنوان الرسالة وما هو محتوى الرسالة الذي نريده ان يصل الينا فربما هذه الحقول بسيطة ويمكنك تعبئة البيانات الخاصة بك الان سوف اشرح لك كيفية التحكم بمحتوى الرسالة دعونا ننظر الصورة التالية :

كما يظهر لنا المحتوى الافتراضي الذي تنتجه لنا الاضافة ولكن لو احببنا ان نستثني حقل معين او نريد اضافة وصف معين في داخل الرسالة اولا الحقول التي ندخلها في نموذج المراسلة تكون بهذا الشكر [text* your-name] text تعبر عن نوع الحثل
* تعبر عن انه حقل اجباري
your-name : هذا هو اسم الحقل
لكي نستدعي هذا الحقل في داخل الرسالة المرسلة لنا فيجب علينا كتابته في هذا الشكل [your-name] هذا اختصار لاسم الحقل او ما يسمى في الوردبريس shortcode
فكما تشاهدون في الصورة اعلاه هناك اسماء الحقول التي استعملناها في الفورم الخاص بنا لكي تضيف حقل جديد تاخذ اسم الحصل وتضيفه في محتوى الرسالة كما بالشكل [your-name] ملاحظة يمكنك استعمال اكواد html في داخل محتوى الرسالة تنفعك في حال كنت تريد ان تغير او تنشء ستايل جديد للرسالة التي سوف تصلك لكن قبل استعمال اكواد html يجب عليك ان تضع علامة صح امام هذا الحقل المدرج في الصورة المرفقة

وبعد ان ننتهي ننقوم بحفظ النموذج .

عرض نموذج اتصل بنا في الصفحة

بعد ان تقوم بحفظ النموذج تنتج لك الاضافة كود مختصل تجده اسفل عنوان النموذج الذي انشأنه كما في الصورة المرفقة

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