weForms Elementor Widget لتصميم نماذج الويب الخاصة بك

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

كيفية إضافة weForms إلى Elementor

أنت بحاجة إلى Elementor، والمكون الإضافي المجاني weForms، والمكون الإضافي المجاني Master Addons.

  1. قم بتثبيت weForms من المكونات الإضافية، وأضف جديدًا، وقم بإنشاء النموذج الخاص بك في لوحة معلومات weForms.
  2. تأكد من تشغيل weForms أدناه الإضافات الرئيسية والأدوات.
  3. في محرر Elementor، ابحث عن weForms واسحب عنصر واجهة المستخدم Master Addons إلى الصفحة.
  4. اختر النموذج الخاص بك في حدد weForm.
  5. اختر شكلًا مختلفًا للتصميم في علامة التبويب "النمط".
  6. قم بتصميم الحاوية والحقول والملصقات وزر الإرسال، ثم أرسل إدخال اختبار.
weForms widget Design Variations الإعدادات المسبقة في الإضافات الرئيسية

اختلافات التصميم: 4 أنماط مجانية، 11 مع Pro

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

  • 4 إعدادات مسبقة مجانية، 11 مع Pro.
  • اضبط أي إعداد مسبق بشكل أكبر باستخدام أقسام النمط أدناه.
  • استخدم إعدادًا مسبقًا مختلفًا لكل نموذج على نفس الموقع.

نماذج الحاويات والأنماط الميدانية

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

  • يتم تعيين عرض الإدخال وعرض منطقة النص بشكل منفصل.
  • يمنح Focus State Style الحقول لون الحدود الخاص بها وظل الصندوق أثناء قيام الزائر بالكتابة.
  • تنطبق حشوة الحقول ونصف قطر الحدود على كل مربع إدخال.
تشكل WEForms أنماط الحاوية في عنصر واجهة المستخدم Master Addons
weForms الإدخال ومنطقة النص وتصميم التسمية

ألوان الملصقات والإدخال والعنصر النائب والطباعة

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

  • تحصل كل من التسميات والنصوص المكتوبة والعناصر النائبة على لونها الخاص.
  • يتم تعيين طباعة التسمية والإدخال بشكل منفصل.

إرسال أنماط الأزرار

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

  • عرض الزر والهامش والحشوة سريعة الاستجابة.
  • يتم تعيين محاذاة الأزرار بشكل افتراضي على العرض الكامل (تبرير).
  • تقوم حالة التمرير بتغيير النص والخلفية ولون الحدود.
تقوم WeForms بإرسال أنماط الأزرار في عنصر واجهة المستخدم Master Addons
عارض القالب
فيسبوك
تويتر
واتساب
نسخ الرابط
اشتري الان
نموذج الاتصال المتقدم
نموذج الاتصال المتقدم
خريطة جوجل مع نموذج الاتصال
خريطة جوجل مع نموذج الاتصال
نموذج الاشتراك
نموذج الاشتراك

الأسئلة المتداولة لـ weForm

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

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

نعم. تضيف الأداة التصميم فقط. لا تزال عمليات الإرسال والإشعارات والتأكيدات تعمل عبر weForms مع الإعدادات التي قمت بها هناك.

نعم. تعد الأداة جزءًا من البرنامج الإضافي Master Addons المجاني مع Style One to Four وجميع أقسام الأنماط. يضيف Master Addons Pro النمط Five إلى Eleven. لدى weForms نفسها أيضًا إصدار مجاني على WordPress.org.

هل النموذج المصمم مستجيب بالكامل على الهاتف المحمول؟

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

تظهر التغييرات التي تجريها على النموذج في weForms على الصفحة لأن عنصر واجهة المستخدم يعرض النموذج من weForms. قم بتحديث محرر Elementor لرؤية حقول جديدة أثناء التحرير. تنطبق إعدادات النمط في عنصر واجهة المستخدم على الحقول الجديدة أيضًا.

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

عناصر واجهة المستخدم والملحقات الشائعة

إنشاء مواقع متطورة في وقت أقل.

ملحق Master Addons Glassmorphism لـ Elementor: بطاقات زجاجية بلورية مع ضبط التحكم في قيمة التمويه على 20 بكسل

التشكل الزجاجي

الصفحة الرئيسية ملحق تشكل الزجاج للعنصر الحر: تأثير الزجاج المتجمد في تبديل واحد التشكل الزجاجي هو المتجمد...
عرض التفاصيل
ملحق إضافات حاوية الإضافات الرئيسية لـ Elementor: حاوية مغطاة بعرض أقصى يبلغ 1400 بكسل، مع أدوات تحكم في العرض الأقصى والارتفاع الأقصى والحد الأدنى للعرض والحد الأدنى للارتفاع

إضافات الحاويات

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

أنماط

الصفحة الرئيسية 70+ أنماط خلفية العنصر المجانية هي امتداد مجاني للإضافات الرئيسية يضيف...
عرض التفاصيل
ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]

ناسخ البريد/الصفحة

الصفحة الرئيسية الصفحات والمشاركات المكررة في منشور بنقرة واحدة/مكرر الصفحة هو سيد مجاني...
عرض التفاصيل
ملحق Master Addons Reading Progress Bar لـ Elementor: شريط أزرق مملوء بنسبة 42% في الجزء العلوي من صفحة سياسة الخصوصية، مع إعدادات التمكين والموضع والارتفاع وملء الألوان

شريط تقدم القراءة

الصفحة الرئيسية أضف شريط تقدم القراءة في WordPress (Elementor) شريط تقدم القراءة مجاني...
عرض التفاصيل