عنصر واجهة مستخدم WPForms لإضافة نماذجك وتصميمها
تضع أداة Master Addons WPForms نموذجًا قمت بإنشائه في WPForms على أي صفحة Elementor وتتيح لك تصميمه من لوحة Elementor. اختر النموذج، واختر ما إذا كنت تريد إظهار عنوانه ووصفه وتسمياته وعناصره النائبة، ثم قم بتصميم المدخلات وأزرار الاختيار ومربعات الاختيار وزر الإرسال ورسائل الخطأ. النمط من واحد إلى أربعة مجاني، و ماستر أدونز برو يضيف النمط الخامس إلى الحادي عشر. أنت بحاجة إلى تثبيت البرنامج الإضافي WPForms، إما WPForms Lite المجاني أو خطة مدفوعة.
كيفية إضافة نماذج WP إلى العنصر
أنت بحاجة إلى Elementor والمكون الإضافي WPForms والمكون الإضافي Master Addons المجاني.
- قم بتثبيت WPForms من المكونات الإضافية، وأضف جديدًا، ثم أنشئ النموذج الخاص بك واحفظه فيه WPForms، أضف جديدًا.
- تأكد من تشغيل نماذج WP تحت الإضافات الرئيسية والأدوات.
- قم بتحرير صفحتك باستخدام Elementor، وابحث عنها نماذج WP واسحب أداة Master Addons إلى مكانها.
- اختر النموذج الخاص بك في نموذج الاتصال قم بالتنزيل وتعيين العنوان والتسميات ومفاتيح العنصر النائب.
- اختر شكلًا مختلفًا للتصميم في علامة التبويب "النمط".
- قم بتصميم المدخلات ومربعات الاختيار وزر الإرسال والأخطاء، ثم قم بمعاينة إدخال الاختبار وإرساله.
تضيف WPForms أيضًا عنصر واجهة مستخدم WPForms الأساسي الخاص بها إلى Elementor. استخدم عنصر واجهة المستخدم Master Addons عندما تريد الإعدادات المسبقة للنمط وعناصر التحكم التفصيلية في التصميم.
اختلافات التصميم: 4 مجانًا، 11 مع Pro
ال اختلافات التصميم يؤدي القائمة المنسدلة في قسم تخطيط التصميم إلى تغيير كيفية ظهور الحقول والتسميات والزر. يعمل النمط من واحد إلى أربعة في المكون الإضافي المجاني، ويفتح Pro النمط من خمسة إلى أحد عشر، بما في ذلك نمط التسمية العائمة. هذه هي نفس إعدادات النمط المسبقة نموذج الاتصال 7 يتم استخدام عنصر واجهة المستخدم، ويتم إنشاء العروض التوضيحية أدناه باستخدام عنصر واجهة المستخدم هذا.
- العنوان والوصف المخصص: استبدل عنوان WPForms ووصفه بالنص الخاص بك.
- تسميات و العنصر النائب المفاتيح تخفيها أو تظهرها.
- رسائل الخطأ: إظهار أو إخفاء رسائل التحقق من صحة WPForms.
الإدخال ومنطقة النص وتصميم مربع الاختيار
ال منطقة الإدخال والنص يحتوي القسم على علامات تبويب عادية وتركيز. قم بتعيين لون الخلفية والنص، والحد، ونصف قطر الحد، والمسافة البادئة للنص، وعرض وارتفاع الإدخال ومنطقة النص، والحشو، والتباعد، والطباعة، وظل المربع، ثم قم بإعطاء الحقول المركزة حدودها وظلها الخاص. الراديو وخانة الاختيار يقوم بتشغيل الأنماط المخصصة بالحجم واللون وعرض الحدود ولون الحدود ونصف القطر المنفصل لمربعات الاختيار وأزرار الاختيار واللون المحدد.
- ألوان التسمية والعنصر النائب ووصف الحقل والطباعة.
- محاذاة العنوان والوصف واللون والطباعة والهامش.
- عروض مختلفة لمدخلات السطر الواحد ومربع الرسائل.
إرسال الزر وتصميم الخطأ
ال زر الإرسال تقوم مجموعات الأقسام بالمحاذاة، والعرض الكامل أو المخصص، ولون الخلفية والنص، والحد، ونصف قطر الحدود، والحشو، والهامش العلوي، والطباعة وظل الصندوق، مع ألوان التمرير للخلفية والنص والحدود. ال أخطاء يقوم القسم بتصميم لون نص الخطأ ولون الحدود وعرض الحقول التي تفشل في التحقق من صحتها. تحافظ رسائل النجاح على تصميم WPForms.
- زر كامل العرض للنماذج الملائمة للجوال.
- قم بتمرير الألوان التي تتوافق مع أزرارك الأخرى.
- حدود الحقول الحمراء التي تجعل الحقول المفقودة واضحة.
نماذج WP مقابل نماذج العناصر
يحتوي Elementor Pro على أداة نموذج خاصة به، لذلك لا تحتاج إلى WPForms إذا كنت تدفع بالفعل مقابل Elementor Pro. وإليك كيفية المقارنة بين الطريقتين.
| ميزة | WPForms مع الإضافات الرئيسية | نموذج العنصر برو |
|---|---|---|
| سعر | WPForms Lite مجاني، والميزات المتقدمة تحتاج إلى خطة WPForms مدفوعة | يحتاج العنصر برو |
| حيث تقوم ببناء النموذج | منشئ السحب والإفلات WPForms | داخل عنصر واجهة المستخدم لنموذج العنصر |
| التصميم في العنصر | من خلال أداة الإضافات الرئيسية هذه | مدمج في القطعة النموذج |
| الحقول | تم تعيينه بواسطة خطة WPForms الخاصة بك | النص والبريد الإلكتروني ومنطقة النص والرقم والتاريخ والوقت وتحميل الملف والخطوة والمزيد |
| بعد التقديم | الإخطارات والتأكيدات في نماذج WP، والتكامل في الخطط المدفوعة | البريد الإلكتروني وإعادة التوجيه وخطاف الويب والنوافذ المنبثقة والإرسالات وإجراءات التسويق عبر البريد الإلكتروني |
| استخدم العنصر الخارجي | نعم، في أي محرر أو موضوع | صفحات العنصر فقط |
اختر نماذج Elementor عندما يكون لديك Elementor Pro بالفعل وتريد كل شيء في محرر واحد. اختر WPForms عندما تريد نماذج تعمل أيضًا خارج Elementor أو تفضل منشئ النماذج الخاص به. استخدام نموذج الاتصال 7 بدلا من ذلك؟ ال نموذج الاتصال 7 تقدم القطعة نفس الإعدادات المسبقة للنمط.
الأسئلة المتداولة لنماذج WP
هل أداة WPForms مجانية؟
نعم. الأداة موجودة في البرنامج الإضافي Master Addons المجاني مع Style One to Four وجميع أقسام التصميم. ماستر أدونز برو يضيف النمط الخامس إلى الحادي عشر.
هل أحتاج إلى تثبيت البرنامج المساعد WPForms؟
نعم. قم بتثبيت وتنشيط نماذج WPForms، مجانًا أو مدفوعة، وقم بإنشاء النماذج الخاصة بك هناك أولاً. وبدونها، تعرض الأداة إشعار “WPForms is Not Activated”. تستمر ميزات مثل المنطق الشرطي في العمل لأن الأداة تعرض نموذج WPForms الحقيقي الخاص بك.
كيف يمكنني إضافة WPForms إلى Elementor؟
أنشئ النموذج في WPForms، ثم اسحب عنصر واجهة مستخدم Master Addons WPForms إلى صفحة Elementor الخاصة بك واختر النموذج الموجود في القائمة المنسدلة لنموذج الاتصال. الخطوات الكاملة موجودة في قسم كيفية القيام بذلك أعلاه.
كيف يمكنني تغيير مظهر رسائل الخطأ؟
افتح قسم الأخطاء في علامة التبويب "النمط" لتعيين لون نص الخطأ ولون الحدود وعرض الحقول غير الصالحة. في علامة التبويب "المحتوى"، يمكنك أيضًا إخفاء رسائل الخطأ. لا يوجد قسم منفصل لنمط رسالة النجاح.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
