كيفية إعداد نموذج اتصال في WordPress باستخدام سمة Bridge

إذا كنت ترغب في إضافة نموذج اتصال إلى موقع WordPress الخاص بك ، فإن سمة Bridge تجعل من السهل القيام بذلك. في هذه المقالة ، سنوضح لك كيفية إعداد نموذج اتصال في WordPress باستخدام سمة Bridge. أولاً ، ستحتاج إلى تثبيت وتفعيل سمة Bridge. لمزيد من المعلومات ، راجع دليلنا حول كيفية تثبيت سمة WordPress. بمجرد تنشيط السمة ، ستحتاج إلى إنشاء صفحة جديدة لنموذج الاتصال الخاص بك. للقيام بذلك ، انتقل إلى الصفحات »إضافة جديد في منطقة إدارة WordPress الخاصة بك. بعد ذلك ، ستحتاج إلى إضافة عنوان لصفحتك ثم النقر فوق الزر "إضافة نموذج اتصال". سيظهر هذا نافذة منبثقة حيث يمكنك تكوين نموذج الاتصال الخاص بك. أولاً ، ستحتاج إلى اختيار قالب نموذج. تأتي سمة Bridge مع أربعة قوالب نماذج افتراضية يمكنك الاختيار من بينها. بمجرد تحديد قالب ، يمكنك بعد ذلك البدء في إضافة حقول النموذج إلى نموذج الاتصال الخاص بك. تتضمن سمة Bridge جميع حقول النموذج القياسية التي تتوقعها ، مثل الاسم والبريد الإلكتروني وموقع الويب. بمجرد إضافة جميع حقول النموذج التي تريدها ، يمكنك النقر فوق الزر "حفظ" لحفظ نموذج الاتصال الخاص بك. الآن بعد أن تم حفظ نموذج الاتصال الخاص بك ، يمكنك بعد ذلك تضمينه في موقع WordPress الخاص بك. للقيام بذلك ، ما عليك سوى نسخ الرمز القصير الذي يتم عرضه في النافذة المنبثقة ولصقه في الصفحة أو النشر في المكان الذي تريد أن يظهر فيه نموذج الاتصال الخاص بك. هذا كل ما في الأمر لإعداد نموذج اتصال في WordPress باستخدام سمة Bridge.

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

جميع الحقول إلزامية ويتم استخدام JavaScript للتحقق منها. علاوة على ذلك ، يمكننا إدراج أصول JavaScript في قوائم باستخدام WP_enqueue_script () في وظائف WordPress الأساسية. phptemplate. في بداية هذا الملف ، يوجد قالب جهة اتصال مسمى في الملف أعلاه. لمعالجة البيانات من نماذج جهات الاتصال والبريد ، يتم تحديد قسم في الكود باستخدام خطافات إجراء WP_ajax. لتعيين موضوع البريد الإلكتروني لجهة الاتصال ومحتوى الجسم ، فإنه يتلقى بيانات النموذج. يتم أيضًا تعيين عناوين المرسل والمستلم عند تعيين رأس البريد. في WordPress ، يمكنك إرسال رسائل بريد إلكتروني باستخدام SMTP.

كيف يمكنني دمج نموذج الاتصال في WordPress؟

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

ستنشئ العملية حقلاً نصيًا ديناميكيًا يسحب السياق من متغيرات GET في عنوان URL (ستكون الخطوة التالية هي إنشاء متغيرات GET). يمكن إنشاء حقل النص الديناميكي باستخدام WPCF7 Tag Generator. أنشئ رمزًا قصيرًا وضعه في نص النموذج ، مثل السياق. يمكنك إكمال النموذج الخاص بك الآن. مجموعة من المنشورات (أو الصفحات) وطلب معلومات الاتصال من المستخدم ، يجب أن تكون قادرًا على تحديد الصفحة التي زارها المستخدم. تحتوي كل صفحة على رابط يتضمن المتغير المناسب في عنوان URL ، ويمكنك استخدام هذا الرابط لتوجيه زوار موقعك إلى صفحة الاتصال. للتلخيص ، يتطلب نموذج الاتصال فقط تمرير متغير السياق.

ضع الكود التالي في منشورك أو صفحتك الآن. يمكنك ملء [contact-form-7] بالإضافة إلى إرسال [contact-form-7]. ستكون المعلومات الأساسية التي ستحتاج إلى توفيرها بمجرد تحميل الرمز القصير مطلوبة. سيطلب منك نموذج الاتصال تقديم اسمك. عنوان البريد الإلكتروني هو عنوان البريد الإلكتروني الذي سيتم استخدامه لإرسال بيانات نموذج الاتصال . عند إرسال نموذج الاتصال ، ستتلقى رسالة بريد إلكتروني تحتوي على سطر الموضوع "طلب العنوان". عند إرسال نموذج اتصال ، ستتلقى هذه الرسالة. بالإضافة إلى ذلك ، يجب إرسال بيانات نموذج الاتصال باستخدام عنوان URL الذي تم توفيره. يجب أن يشير عنوان URL هذا إلى الصفحة المناسبة على الصفحة التي يتم عرض النموذج لها. بالنقر فوق الزر "حفظ التغييرات" بعد ملء جميع معلوماتك ، يمكنك إجراء أي تغييرات تريدها. الآن بعد النقر فوق الزر "معاينة" ، يمكنك مشاهدة النموذج الخاص بك. يمكنك الآن نشر منشور أو صفحة طالما أن كل شيء يسير بسلاسة. إذا كنت تريد استخدام نموذج الاتصال على صفحة أخرى غير الصفحة الرئيسية لمدونتك ، فستحتاج إلى إضافة بعض التعليمات البرمجية الإضافية. في الخطوة الأولى ، اكتب الجملة التالية: = 'action' - 'name' - 'contact-form' لاستخدام نموذج الاتصال ، يرجى إدخال اسم جهة الاتصال. بينما يمكن أن يكون الاسم أي شيء تريده ، يجب تضمين كلمة "جهة اتصال" حتى يبرز الاسم. على سبيل المثال ، إذا كنت تريد استخدام نموذج الاتصال الموجود على http://www.example.com/contact-form/ ، فاكتب السطر التالي إلى منشورك أو صفحتك: ما عليك فعله هو إجراء استدعاء * contact-form * name * contact-form-name * url *: //www.example.com/contact-form/ بعد إضافة السطر ، ستحتاج إلى ملء النموذج بمعلوماتك. يمكن العثور على هذه المعلومات في إعدادات حساب OptinMonster. هذه المعلومات مهمة بشكل خاص لأنها تحتوي على عنوان بريد إلكتروني. بعد ملء جميع المعلومات ، انقر فوق الزر "حفظ التغييرات".

كيفية إنشاء مكون إضافي جديد في WordPress

أنشئ مكونًا إضافيًا لبرنامج WordPress إذا كنت تريد استخدام WordPress كموقع ويب. يمكن العثور على قسم الملحقات في الركن الأيمن العلوي من الصفحة. يمكن العثور على "WPForms" بالنقر فوق جديد. قم بتنشيط المكون الإضافي وانتقل إلى قائمة الإعدادات لعرض الإعدادات الخاصة بك. لإضافة نموذج ، انتقل إلى قسم "النماذج" وانقر على الزر "إضافة جديد". في حقل "اسم النموذج" ، املأ المعلومات التالية. في الزر "ديناميكي" ، حدد حقل "نوع النموذج". أدخل عبارة "نص" في حقل "نوع الحقل". ستدخل سياقًا إذا أدخلت "اسم الحقل" في حقل "اسم الذاكرة". يمكن تحديد زر "إضافة". حدد قسم "النماذج" في ملحق WPForms من قائمة "الإعدادات". سيكون زر "إضافة جديد" مرئيًا في قسم "النماذج". أدخل المعلومات التالية في حقل "اسم النموذج": لملء النموذج ، أدخل المعلومات التالية في حقل "نوع النموذج". بالنقر على "URL" ، يمكنك الوصول إلى القائمة المنسدلة "نوع الحقل". بعد إدخال معلوماتك ، يمكنك تحديد الحقل التالي: "اسم الحقل". أدخل المعلومات التالية في حقل "الحصول على المتغير": * br في حقل "المسار" ، أدخل المعلومات التالية. في حقل "سلسلة الاستعلام" ، يمكنك إدخال المعلومات التالية: بعد النقر فوق "إضافة" ، ستتم مطالبتك بإضافة المحتوى الخاص بك. بالنقر فوق الزر "تعديل" ، يمكنك تغيير إعدادات قسم "النماذج". بتحديد "السياق" ، يمكنك تغيير حقل "حقول النموذج". أدخل المعلومات التالية في قسم "قيم النموذج": * br. بإدخال المعلومات التالية في حقل "إرسال النموذج" ، يمكنك المتابعة لتقديم النموذج. بعد النقر فوق الزر "تحديث" ، سيتم نقلك إلى نافذة جديدة حيث يمكنك التحديث. كل ما نطلبه هو إنهاء سريع. سيرسل هذا النموذج الآن بيانات من متغير "السياق" GET إلى حساب Constant Contact الخاص بك.

هل يمكنني تضمين نموذج اتصال في ملف النموذج الخاص بي؟

لا يزال بإمكانك إدخال الرمز المختصر لنموذج الاتصال في ملف القالب الخاص بك ، ولكن لا يمكنك ذلك بشكل مباشر. سيكون من الضروري تمرير الرمز ...

عند استخدام المكون الإضافي Contact Form 7 WordPress لإنشاء نماذج على موقع الويب الخاص بك ، يوصى بتضمين نموذج اتصال في المظهر المخصص الخاص بك. يجب إدخال هذا الرمز يدويًا في محتوى المنشور ثم عرضه على الصفحة المطلوب منها. كمطورين ، نحن على دراية بالأتمتة بالفعل ، ولكن هناك العديد من "ماذا لو" المرتبطة بهذا النهج. عند تثبيت نموذج جهة الاتصال 7 ، يتم إنشاء النموذج تلقائيًا كإعداد افتراضي. كيف أقوم بإدخال هذا النموذج في موقعي؟ عندما يكون لديك رمز قصير للنموذج بدون سمة "id" ، فسيبحث عن النموذج المطلوب باستخدام سمة "العنوان". في كثير من الحالات ، سيتم استخدام نماذج متعددة بنفس العنوان لأنه يتم استخدام النموذج الأول أولاً.