كيفية تكوين نماذج الاتصال باستخدام البرنامج المساعد 7 نموذج الاتصال؟

نحن على يقين من أنك ستحب الطريقة البسيطة وسهلة الاستخدام لتكوين المكون الإضافي 7 لنموذج الاتصال في WordPress لإضافة نموذج الاتصال المطلوب إلى موقعك.

هل تفكر في إضافة نموذج اتصال إلى موقع WordPress الخاص بك؟

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

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

علاوة على ذلك ، يعد استخدام نموذج الاتصال كبوابة الاتصال الرئيسية بينك وبين قاعدة عملائك أكثر أمانًا من توفير عنوان بريد إلكتروني للاتصال بك.

سيوفر هذا وقتك وأعصابك التي ستقضيها في تلقي الكثير من الرسائل وتحليلها وفرزها ، بما في ذلك أيضًا البريد العشوائي.

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

في هذه المقالة ، نعرض عليك استخدام المكون الإضافي Contact Form 7 كأحد أفضل المكونات الإضافية المتوفرة في مكتبة WordPress.

هل تحتاج إلى برنامج تعليمي واضح حول تثبيت وتكوين المكون الإضافي 7 لنموذج الاتصال في WordPress؟ ها نحن ذا!

نموذج الاتصال 7:

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

الآن ، دعنا نتعمق في عملية تثبيت وتكوين نموذج الاتصال 7 بشكل صحيح. على الرغم من أن التعامل مع هذا البرنامج المساعد يتطلب بعض المعرفة التقنية والتشفيرية ، فإننا سنحاول إبقاء الأمور بسيطة ومفهومة قدر الإمكان.

ابدأ بتحميل مجلد contact-form-7 إلى دليل ملحقات WP الخاص بك وقم بتنشيطه من خلال قائمة WP Plugins. بمجرد تثبيت المكون الإضافي وتنشيطه ، دعنا ننتقل إلى جهات الاتصال ونماذج جهات الاتصال لتكوين المكون الإضافي لنموذج الاتصال 7 في WordPress وإدارة نماذج جهات الاتصال المتاحة هناك.

ابحث وانقر على زر إضافة جديد. سيُطلب منك اختيار اللغة.

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

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

يمكنك اختيار الحقل ليكون حقلاً مطلوبًا ، مما يعني أن المستخدمين سيكونون ملزمين بملء هذا الحقل.

بالنسبة للاسم ، يتم ملؤه بالفعل بشكل افتراضي.

بالنسبة للقيمة الافتراضية ، يمكنك اختيار استخدام النص كعنصر نائب للحقل.

أخيرًا ، انقر فوق "إدراج علامة" لإضافة هذا الحقل إلى نموذج الاتصال الخاص بك. في هذه المرحلة ، قد تحتاج إلى إضافة رمز بسيط مثل [url rul-7].

بجوار علامة تبويب النموذج ، يمكنك العثور على البريد لإدراج التفاصيل الأساسية ، مثل البريد الإلكتروني الذي تريد إرسال النماذج إليه والموضوع والعناوين الإضافية وما إلى ذلك.

هناك علامات ذات صلة مثل [your-subject] ، [your-name] لاستخدامها عند التعامل مع حقول النموذج. احفظ تغييراتك وانتقل إلى الرسائل.

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

عندما تنتهي من تخصيصات الرسائل ، انتقل إلى جهات الاتصال ، نماذج جهات الاتصال للتأكد من إدراج نموذج الاتصال الذي تم إنشاؤه حديثًا هناك.

إذا كنت ترغب في تكوين المكون الإضافي لـ WordPress Contact Form 7 وإضافة reCaptcha إليه ، يمكنك القيام بذلك أيضًا. لهذا تحتاج إلى إنشاء مفاتيح reCaptcha العامة والسرية ، قم بزيارة

https://www.google.com/recaptcha/intro/invisible.html ، انقر فوق الزر Get RECAPTCHA وأدخل تفاصيل موقع WP الخاص بك.

بعد التسجيل في هذا الموقع ، تحتاج إلى دمج reCaptcha مع ملحق نموذج الاتصال 7.

الآن قم بزيارة جهة الاتصال والتكامل واكتب مفتاح الموقع والمفتاح السري. أضف المفاتيح التي قمت بإنشائها بالفعل.

تواصل مع جهة الاتصال ، ونماذج الاتصال ، والنموذج الخاص بك وأدخل رمز [recaptcha] مباشرة قبل زر الإرسال.

ثم اذهب إلى Pages، Add New والصق كود [contact-form-7 404 "Not Found"]. الآن لديك reCaptcha مضمنًا في نموذج الاتصال بموقعك.

الخطوة التالية هي المضي قدمًا في إنشاء صفحة اتصال. عندما تبدأ في تكوين المكون الإضافي لنموذج الاتصال 7 في WordPress ، يمكنك ملاحظة ملاحظة لنسخ رمز [contact-form-7 404 "Not Found"] ولصقه في محتوى المنشور أو الصفحة أو عنصر واجهة المستخدم النصي. الآن انسخ هذا الرمز لأنك ستستخدمه أثناء إنشاء صفحة اتصال.

انتقل الآن إلى WP Dashboard ، Pages ، Add New. هنا تحتاج إلى إضافة العنوان مثل اتصل بنا ولصق الرمز القصير الذي نسخته بالفعل. الآن يمكنك نشر الصفحة!

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

حفظ القائمة واختبر عملك. تحقق مما إذا كان نموذج الاتصال موجودًا في قائمة موقع WP الخاص بك. انقر فوق عنصر القائمة هذا وابحث عن صفحة الاتصال. املأ اسمك والبريد الإلكتروني والرسالة في الحقول المحددة وأرسلها. إذا تلقيت رسالة تأكيد عند الإرسال ، فتهانينا! نموذج اتصال موقع الويب الخاص بك يعمل بشكل لا تشوبه شائبة.

أخيرًا ، إذا كنت لا تريد أن يظهر نموذج الاتصال الخاص بك في قائمة الرأس ، ولكنك تريد تحديد موقعه في تذييل الصفحة ، فيمكنك القيام بذلك عن طريق إنشاء قائمة جديدة وإضافة الكود التالي في function.php:

add_action( 'init', 'register_footer_menu' ); // this registers your menu with WP
function register_footer_menu() {
if ( function_exists( 'register_nav_menu' ) ) {
register_nav_menu( 'footer-menu', 'Footer Menu' );
}
}

add_action ('wp_footer'، 'display_footer_menu'، 1000، 0) ؛
// وظيفة العرض لقائمتك:
وظيفة display_footer_menu () {
صدى (has_nav_menu ("قائمة التذييل")؟ wp_nav_menu (
مجموعة مصفوفة (
"theme_location" => "قائمة التذييل" ،
'container_id' => 'footer-menu' ،
'container_class' => 'footer-menu'
)
). '': '') ؛
}
اذهب الآن إلى القوائم ، القائمة الجديدة التي قمت بإنشائها ، أضف عناصر وأدخل الصفحات المطلوبة في قائمتك. ابحث عن مواقع القائمة وتحقق من قائمة التذييل. احفظ التكوينات الخاصة بك وانشر نموذج الاتصال الخاص بك في قائمة التذييل.