هناك مجموعة من الإضافات المختلفة لنماذج WordPress مثل WP Forms و Contact Form 7 و Pirate Forms.
في هذا المثال ، سنوضح باستخدام الاضافية المجانية Contact Form 7.
1. قم بتثبيت اضافة Contact Form 7
سجّل الدخول إلى منطقة مسؤول WordPress وتوجه إلى الإضافات وحدد إضافة جديد. ابحث عن نموذج جهة الاتصال 7 وحدد التثبيت الآن ثم التنشيط.
2. أضف نموذج اتصال جديد
سترى الآن خيار قائمة جديدًا يسمى الاتصال أسفل الشريط الجانبي الأيسر في WordPress.
حدد جهة اتصال لتكوين نموذج جديد. سترى قائمة بنماذج جهات الاتصال الحالية ، مع نموذج افتراضي يسمى "نموذج الاتصال 1" تمت إضافته بالفعل.
سننشئ واحدة جديدة. حدد إضافة جديد. سترى النموذج الافتراضي الذي تمت إضافته مع بياناته الافتراضية.
3. تكوين النموذج الخاص بك
تُستخدم علامات النموذج كعناصر نائبة لعنصر تحكم نموذج HTML. على سبيل المثال ، يمكنك إضافة قائمة منسدلة باستخدام علامة القائمة المنسدلة.
يمكنك مشاهدة المثال أدناه وكيف يؤثر على النموذج على الموقع.
نوع الحقل - يحدد هذا ما إذا كان الحقل الذي تتم إضافته مطلوبًا لإرسال النموذج.
الاسم - هذا هو اسم علامة النموذج التي يتم إضافتها. يتم استخدامه داخليًا فقط لذا لن يؤثر على كيفية عرض حقل النموذج على موقع الويب.
الخيارات - نظرًا لأن هذه علامة قائمة منسدلة ، يجب أن تكون هناك خيارات متنوعة ليحددها المستخدم. في مثالنا استخدمنا أعمارًا مختلفة.
سمة المعرف / سمة الفئة - إذا كنت ترغب في تخصيص النموذج بشكل أكبر ، يمكنك تعيين معرف CSS أو سمة الفئة.
4. قم بتحرير إعدادات البريد
الآن بعد أن قمت بتكوين النموذج الخاص بك ، سترغب في تكوين المكان الذي يرسل منه النموذج بالفعل ، والمكان الذي يرسل إليه.
يجب أن يكون عنوان "من:" دائمًا عنوانًا يستخدم المجال الخاص بك ، على سبيل المثال example@yourDomain.com ، ومع ذلك يمكنك تعيين عنوان "إلى" ليكون أي عنوان بريد إلكتروني تريد استلام النموذج إليه.
ستتمكن من تكوين المعلومات التي يتم إرسالها من النموذج عبر البريد الإلكتروني ،
في المثال أعلاه ، يمكنك رؤية العلامات: [اسمك] و [بريدك الإلكتروني] و [موضوعك] و [ك- رسالة]. ستكون هذه هي المعلومات التي أدخلها المستخدم في النموذج عند إرسالها.
5. إضافة النموذج إلى موقعك
الآن قمت بتكوين النموذج ، يمكنك إضافته إلى منشور أو صفحة على موقع WordPress الخاص بك. للقيام بذلك ، ستحتاج إلى الرمز المختصر للنموذج الذي يتم توفيره في صفحة نموذج الاتصال.
في مثالنا ، الكود المختصر لدينا هو:
[contact-form-7 id = "11" title = "New Contact Form"]
أضف الكود القصير.
بمجرد الانتهاء ، سيعرض النموذج الخاص بك على الصفحة أو المنشور الذي أضفته إليه.
