كيفية إضافة نموذج إلى صفحة في WordPress - الدليل الكامل

يمكن لكل صاحب موقع أن يستفيد من معرفة المزيد عن زواره وعملائه.

تتيح لك النماذج القيام بذلك وهي تفاعلية وتشجع المشاركة ويمكن إضافتها إلى WordPress بسهولة.

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



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

أيا كان نوع النموذج الذي تريد تضمينه على موقعك ، فهناك ثلاث طرق يمكنك استخدامها.

كيفية إضافة نموذج إلى صفحة في WordPress

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

كيفية إضافة نموذج اتصال أساسي إلى صفحة WordPress

إن تقديم النموذج الأساسي الذي يحتاجه كل موقع هو صفحة اتصال.

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

انتقل إلى المكونات الإضافية ، وحدد إضافة جديد ، ثم اكتب ' نموذج الاتصال 7 '.

انقر فوق تثبيت ، ثم انقر فوق تنشيط.

بمجرد تنشيطه ، يجب تكوينه.

في الشريط الجانبي الأيسر ، انقر فوق 'جهة اتصال' ، ثم حدد 'نماذج الاتصال'.

سيتم تحميل النموذج بالعديد من حقول الإدخال الشائعة التي تم ملؤها مسبقًا. الاسم والبريد الإلكتروني والموضوع والرسالة ثم زر الإرسال.

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

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

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

إذا كنت تريد حفظ الرسائل على الخادم الخاص بك ، فستحتاج إلى مكون إضافي مثل Flamingo أو WP SMTP Mail.

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

القسم الرئيسي الذي تحتاج إلى تغييره هنا هو الحقل 'من'. الإعداد الافتراضي هو Wordpress [at] yoursite.com. من المحتمل أن عنوان البريد الإلكتروني هذا غير موجود.

ستستخدم معظم عناوين البريد الإلكتروني لمواقع الويب التي ينشئها الأشخاص أسمائهم ، أو بادئة عامة مثل info [@] yoursite [dot] com. نادرًا ما يكون WordPress ، لذلك يجب تغييره إلى البريد الإلكتروني الحقيقي الذي أعددته لموقعك على الويب.

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

يتم ملء هذه الحقول تلقائيًا برسائل عامة مثل 'شكرًا لك على رسالتك. وقد تم إرساله.'.

تخصيص الرسائل والمطالبات التي يراها المستخدمون أثناء مرورهم بعملية إرسال النموذج.

بمجرد الانتهاء ، انقر فوق 'حفظ'. قم بالتمرير لأعلى الصفحة وانسخ الرمز القصير المقدم.

يمكن أيضًا العثور على الرمز القصير من خلال النقر على 'نماذج الاتصال' على الشريط الجانبي الأيسر.

قم بلصق هذا الرمز القصير في محرر WordPress للصفحة التي تريدها وسيتم تحميل نموذج الاتصال.


تضمين النماذج في WordPress من Google Forms

نماذج Google شاملة لخيار مجاني. العنصر الوحيد الذي يفتقر إليه هو القوالب المصممة باحتراف. غالبًا ما يتم تضمين هذا في الإضافات المتميزة لنماذج WP.

المنطق الشرطي متاح لأسئلة الإجابات المتعددة في نماذج Google.

يعد المنطق الشرطي مكونًا ضروريًا للاستطلاعات والاختبارات حيث يتيح لك تحديد السؤال الذي سيظهر بعد ذلك بناءً على الإجابة على الإجابة السابقة.

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

انتقل إلى Forms.google.com

حدد قالبًا ، أو ابدأ بنموذج فارغ.

في هذا المثال ، تم تحديد نموذج 'تحديد موعد' لإضافة نموذج موعد إلى الموقع.

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

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

الخيارات الثلاثة هي الإرسال عبر البريد الإلكتروني أو مشاركة الرابط أو تضمين HTML.

اختر خيار التضمين ، ثم انقر على 'نسخ'.

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

بالنسبة لأولئك الذين يستخدمون محرر الكتل ، أضف كتلة 'HTML مخصصة' ثم الصق كود تضمين HTML.

بالنسبة للمحرر الكلاسيكي ، الصق كود تضمين HTML في منطقة 'النص' بمحرر WP.

عادةً ما توفر أي منصة توفر برنامجًا لإنشاء اختبارات إنشاء قوائم العملاء المحتملين أو استطلاعات رأي تفاعلية لتجربة العملاء رمزًا مضمنًا.

كتلة HTML في WordPress هي مكان لصق كود التضمين لعرض النموذج على صفحات WordPress.

إنشاء نماذج باستخدام نصوص PHP لـ WordPress (متقدم)

تتمثل أساسيات نماذج PHP في استخدام وظائف مختلفة تم ترميزها بالفعل في إطار عمل WordPress.

يتم استخدام HTML في الواجهة الأمامية لعرض النموذج ، ويتم استخدام JavaScript للتحقق من الصحة ، وتعمل برامج PHP النصية على النهاية الخلفية لاستدعاء الوظائف وتوصيل كل شيء بقاعدة البيانات الخاصة بك.

كحد أدنى ، يجب أن تحتوي البرامج النصية الخاصة بك على نصوص JS و PHP. يمكن استخدام HTML و CSS لتصميم النماذج الخاصة بك.

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

إذا كنت لا تعرف PHP ، فاستعن بمطور WordPress لترميز نموذج لك ، أو بدلاً من ذلك ، ابحث عبر الإنترنت عن نصوص نصية لنماذج PHP لـ WordPress.

يتم ترميز العديد من قبل المطورين الذين يشاركون أساليبهم ، والبعض الآخر عبارة عن مكتبات نصوص يمكنك شراؤها مشفرة بالفعل.

عند العمل مع نصوص PHP ، سواء كنت متمرسًا أم لا ، يوصى دائمًا بعمل نسخة احتياطية من موقعك ، واختبار البرامج النصية على موقع مرحلي.

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