كيفية إضافة نماذج النينجا إلى قالب ووردبريس

إضافة نماذج Ninja إلى WordPress إذا كنت تبحث عن إضافة القليل من الوظائف الإضافية إلى موقع WordPress الخاص بك ، فإن Ninja Forms تعد خيارًا رائعًا. Ninja Forms هي أداة إنشاء نماذج قوية وسهلة الاستخدام تتيح لك إنشاء نماذج من جميع الأنواع. في هذه المقالة ، سنوضح لك كيفية إضافة نماذج Ninja إلى WordPress ، وكيفية استخدامها لإنشاء نموذج اتصال بسيط. تثبيت Ninja Forms Ninja Forms هو مكون إضافي مجاني يمكن تثبيته من مستودع البرنامج المساعد WordPress. لتثبيت المكون الإضافي ، توجه إلى قسم الإضافات في لوحة إدارة WordPress الخاصة بك وانقر فوق إضافة جديد. في حقل البحث ، اكتب Ninja Forms وانقر على Search Plugins. بمجرد العثور على المكون الإضافي Ninja Forms ، انقر فوق التثبيت الآن. بمجرد تثبيت المكون الإضافي ، انقر فوق تنشيط المكون الإضافي. الآن بعد أن تم تنشيط المكون الإضافي ، سترى عنصر قائمة Ninja Forms جديدًا يظهر في لوحة إدارة WordPress الخاصة بك. إنشاء النموذج الأول الخاص بك قبل أن تتمكن من البدء في إنشاء النموذج الخاص بك ، تحتاج إلى تحديد نوع النموذج الذي تريد إنشاءه. تأتي نماذج Ninja مع عدد من قوالب النماذج التي تم إنشاؤها مسبقًا والتي يمكنك استخدامها ، أو يمكنك البدء من البداية وإنشاء نموذج مخصص خاص بك. لأغراض هذا البرنامج التعليمي ، سنستخدم قالب نموذج الاتصال المبني مسبقًا. لإنشاء النموذج الخاص بك ، توجه إلى Ninja Forms> Add New في لوحة إدارة WordPress الخاصة بك. في الشاشة التالية ، سيُطلب منك اختيار قالب نموذج. قم بالتمرير لأسفل وحدد قالب نموذج الاتصال. بمجرد تحديد قالب ، انقر فوق الزر متابعة. في الشاشة التالية ، ستتمكن من إعطاء النموذج الخاص بك اسمًا ووصفًا. بمجرد القيام بذلك ، انقر فوق الزر متابعة مرة أخرى. الآن ستتمكن من البدء في إضافة الحقول إلى النموذج الخاص بك. لإضافة حقل ، ما عليك سوى سحبه وإفلاته من العمود الأيسر في العمود الأيمن. بالنسبة إلى نموذج الاتصال الخاص بنا ، سنحتاج إلى حقول لاسم الشخص وعنوان بريده الإلكتروني ورسالته. بمجرد إضافة جميع الحقول التي تحتاجها ، انقر فوق الزر حفظ النموذج. الآن بعد أن تم إنشاء النموذج الخاص بك ، حان الوقت لإضافته إلى موقع WordPress الخاص بك. إضافة النموذج الخاص بك إلى صفحة WordPress هناك طريقتان لإضافة النموذج الخاص بك إلى صفحة WordPress. الطريقة الأولى

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

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

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

كيف تضع نينجا في عنصر؟

يمكن إضافة عنصر واجهة مستخدم إلى Elementor عن طريق تحديد علامة الجمع الرمادية أو أيقونة الرسم البياني في قائمة Elementor (أعلى اليسار). استمر في التمرير حتى تصل إلى قائمة WordPress المنسدلة. عند فتح الملف ، انقر فوق عنصر واجهة المستخدم Ninja Forms .

كيف أقوم بإدراج نموذج في WordPress؟

إذا كنت تستخدم WordPress ، فانتقل إلى Forms. بمجرد إنشاء نموذج جديد ، سيتم إرسالك مباشرة إلى منشئ النموذج ، حيث يمكنك البدء في إنشاء النموذج الخاص بك.

انتقل إلى علامة التبويب Inserter في موقع WordPress ، ثم إلى كتلة النموذج ، والتي يمكن إضافتها هناك بالنقر فوق رمز Block Inserter. يتيح لك Form Block إنشاء مجموعة متنوعة من النماذج ، بما في ذلك نماذج الاتصال ونماذج حجز المواعيد ونماذج التعليقات والمزيد. تعرف على كيفية جعل النموذج الخاص بك أكثر تخصيصًا بعد قراءة هذا الدليل. الخيار الأكثر قوة هو استخدام إعداد "عرض الحقل" على اليمين لتغيير عرض الحقل. إذا تم تعيين الحقول على عرض 50٪ ، فستظهر في سطر واحد. عندما يرسل زائر نموذجًا على موقع الويب الخاص بك ، يمكنه اختيار ما إذا كان النموذج نشطًا أم لا. يمكنك رؤية جميع الرسائل التي تم إرسالها من خلال النموذج الخاص بك بالانتقال إلى صفحة الملاحظات في الشريط الجانبي الأيسر من لوحة معلومات موقعك. مرر مؤشر الماوس فوق التعليقات وانقر فوق البريد العشوائي إذا بدا أنها بريد عشوائي. أضف الكلمات الأساسية وأسماء المستخدمين وعناوين IP وعناوين البريد الإلكتروني والمعلومات الشخصية الأخرى إلى قسم التعليقات غير المؤهلة لحذفها.

أشكال النينجا كود Html

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

نماذج النينجا أمثلة Css

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

كيفية تخصيص حجم الخط ولونه لحقل نموذج معين

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

نينجا نماذج الرمز القصير

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

في هذه المقالة ، سنتعرف على كيفية استخدام رمز قصير لإضافة نماذج Ninja إلى موقع WordPress الخاص بك. إذا لم يظهر نموذج ، فستجد حلاً له. بالإضافة إلى ذلك ، سنتعرف على كيفية إدراج نموذج Ninja في صفحة باستخدام منشئ موقع Elementor. عندما ترى إشارة إلى وضع الصيانة ، ستحتاج إلى مسح "وضع الصيانة" الذي سيساعدك في حل المشكلة. يجب تحديث أحدث إصدار من مكونات Ninja Forms الإضافية لحل مشكلة تحميل النموذج. إذا كنت تستخدم Elementor builder على موقع WordPress الخاص بك ، فهناك عدة طرق لدمج Ninja Form في صفحتك. ستوجهك الخطوات أدناه خلال عملية إضافة الرمز المختصر لـ Ninja Form إلى موقع WordPress الخاص بك. لقد أوضحنا لك بالفعل كيفية إنشاء نموذج باستخدام نماذج Ninja ، وسننتقل الآن إلى حيث يمكنك عرض لوحة معلومات Ninja Forms. لقد أوضحنا لك أيضًا كيفية إدراج نماذج Ninja في صفحتك باستخدام محرر صفحة Elementor.

نماذج ووردبريس

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

نحن نفحص يدويًا العناصر التي أنشأها مجتمعنا العالمي من المطورين المستقلين ، حتى تكون واثقًا من أنها ذات جودة عالية. هناك خصومات على كل من المكونات الإضافية والرمز - تتراوح من 6 دولارات إلى 20 دولارًا إلى 21 دولارًا لكل رمز. وفر حتى 25٪ خصم على مشترياتك باستخدام هذا الرمز. يقدم MCMLCOSEUR في النماذج جهة اتصال عائمة ، وهو مكون إضافي عائم للاتصال السريع في WordPress. ستدفع 15 دولارًا أو 12 دولارًا أو 20 دولارًا. يعرض Themesuccess معاينة مباشرة لنموذج جهة اتصال Elementor 7. وقد قام WPForms بتضمين تكامل HubSpot CRM مع rednumber في النماذج.

المعاينة المباشرة هي 6 دولارات فقط. تتوفر تنزيلات غير محدودة لنماذج WordPress. يمكنك بسهولة إنشاء مشاريع أفضل بشكل أسرع عن طريق تنزيل عدد غير محدود من المكونات الإضافية والسمات وقوالب الويب والبرامج الأخرى. من 15.00 دولارًا لكل مليون ، انتقل إلى Envato Elements WordPress Plugins Contact Form7 Data Storage By QuanticaLabs واملأ النموذج. من خلال إرسال النماذج إلى WhatsApp واستخدام المكون الإضافي livelyworks Forms ، يمكنك إرسال رسالة WordPress إلى WhatsApp.