هل ترغب في معرفة كيفية إنشاء ملف استمارتنا في عدة خطوات مع Elementor ?
هل تعرف Typeform؟ هو خالق أشكال منصة شهيرة على الإنترنت معروفة بأسلوبها التفاعلي. في Typeform ، يمكنك إنشاء ملف استمارتنا لعبة تفاعلية متعددة الخطوات على الإنترنت لمجموعة واسعة من الأغراض.
إذا كان لديك موقع ويب يستند إلى WordPress مدعوم من Elementor، يمكنك دمج ملفات أشكال Typeform باستخدام الإضافات الأساسية.
انظر أيضا: كيفية إضافة شبكة أسعار في Elementor
ولكن منذ الإصدار 2.9 ، Elementor في حد ذاته لديه ميزة يمكنك استخدامها للإنشاء أشكال في عدة مراحل. سنوضح لك في هذه المقالة كيفية القيام بذلك بمساعدةElementor.
Un استمارتنا تعد الخطوات المتعددة في حد ذاتها فكرة رائعة لتوفير مساحة على تصميمك (سواء كان صفحة أو قالب منشئ السمات). يسمح لك بتقصير النموذج الطويل إلى شكل أبسط.
كيفية إنشاء نموذج متعدد الخطوات في Elementor
قبل أن تبدأ ، تأكد من ترقية Elementor إلى الإصدار المحترف في حالة عدم توفر عنصر واجهة المستخدم للنموذج (عنصر واجهة المستخدم Elementor لإنشاء النماذج) إلا في الإصدار المحترف.
اقرأ أيضا: كيفية إنشاء نموذج اتصال في Elementor
في هذه المقالة ، سننتقل مباشرة إلى إضافة أداة النموذج. يتكون النموذج متعدد الخطوات الذي سننشئه من ثلاث خطوات على النحو التالي:
- الخطوة 1: الاسم والجنس
- الخطوة الثانية: الهاتف والبريد الإلكتروني
- الخطوة 3: زر الاختيار
أولاً ، اسحب أداة النموذج إلى مربع تحرير Elementor.
انتقل إلى لوحة الإعدادات على الجانب الأيسر لإجراء الإعدادات. في الكتلة حقول النموذج تحت علامة التبويب "المحتوى" ، حدد الحقول وفقًا لاحتياجاتك. في حالتنا ، الحقول هي كما يلي:
- الاسم
- Genre
- الهاتف
- بريد إلكتروني
- هواية
بمجرد الانتهاء من إضافة وتعريف حقول النموذج التي تحتاجها ، أضف حقلًا آخر واضبط نوع الحقل على خطوة.
انظر أيضا: كيفية إنشاء صورة مستديرة في Elementor
تضيف هذه الخطوة تلقائيًا حقلاً جديدًا بالترتيب الأعلى وحقلًا جديدًا في الأسفل. يمكنك تعيين تسمية الحقل العلوي إلى شيء مثل خطوة 1.
ثم اسحب الحقل السفلي وضعه فوق الحقل مباشرةً من الخطوة الثانية (حقل الهاتف في هذه الحالة).
أضف حقلاً آخر واضبط نوع الحقل في الخطوة. اسحبه وضعه فوق الحقل مباشرة في الخطوة الثالثة (حقل الهواية في هذه الحالة).
هنا. يمكنك معاينة النتيجة قبل تخصيص النموذج. بشكل افتراضي ، يتم تعيين نوع الخطوة على رقم ونص.
يمكنك التعديل من الكتلة معلمات الخطوة تحت علامة التبويب محتوى.
يمكنك الوصول إلى علامة التبويب الطراز لتخصيص النموذج الخاص بك. هناك 5 قوالب ضبط يمكنك فتحها.
- شكل : يمكنك فتح هذه الكتلة لتحديد المسافة بين الأعمدة وخطوط النموذج ، والطباعة (عائلة الخط ، وحجم الخط ، ونمط الخط ، وما إلى ذلك) لتسميات النموذج ولون النص الأخير .
- مجال : يمكنك فتح هذه الكتلة لتحديد طباعة حقول النموذج ، ولون نص الحقول ، والخلفية ، وعرض الحدود ، ولون الحد ، ونصف قطر الحد.
- زر: يمكنك فتح هذه الكتلة لتخصيص الأزرار. سواء كان زر الإرسال أو الزر السابق أو الزر التالي. يمكنك تحديد عناصر مثل طباعة النص ولون النص ولون الخلفية وما إلى ذلك.
- الرسالة: يمكنك فتح هذه الكتلة لتحديد طباعة الرسائل وكذلك لون النص.
- الخطوات التالية: يمكنك فتح هذه الكتلة لتحديد طباعة الخطوات ، واللون ، وعرض الفاصل ، ومساحة الفاصل ، إلخ ...
بمجرد الانتهاء من تحرير القالب الخاص بك ، يمكنك نشره أو تحديثه.
اقرأ أيضا: كيفية إنشاء قسم أعضاء الفريق باستخدام Elementor
إذا كنت تريد إدراج النموذج الذي أنشأته للتو في صفحة Gutenberg (أو ربما ترغب في إدراجه في منشور مدونة) ، يمكنك حفظ عنصر واجهة المستخدم "النموذج" كعنصر واجهة مستخدم عالمي. يمكنك بعد ذلك استيراد الأداة باستخدام المكون الإضافي كتل العنصر لجوتنبرج.
احصل على Elementor Pro الآن!
وفي الختام
هنا! هذا كل شيء في هذه المقالة التي توضح لك كيفية إنشاء نموذج متعدد الخطوات باستخدام Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فاسمحوا لنا أن نعرف في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
