آیا می خواهید بدانید که چگونه یک را ایجاد کنید فرم در چند مرحله با Elementor ?
آیا تایپ فرم را می شناسید؟ او خالق است اشکال پلتفرم آنلاین محبوب که به دلیل سبک تعاملی خود شناخته شده است. در Typeform می توانید a ایجاد کنید فرم تعاملی چند مرحله ای آنلاین برای طیف گسترده ای از اهداف.
اگر یک وب سایت مبتنی بر وردپرس دارید که توسط آن طراحی شده است Elementor، می توانید بدون زحمت خود را ادغام کنید اشکال تایپ فرم با استفاده از افزونه های ضروری.
همچنین ببینید: نحوه افزودن شبکه قیمت در Elementor
اما از نسخه 2.9 Elementor خود یک ویژگی دارد که می توانید از آن برای ایجاد آن استفاده کنید اشکال در چند مرحله در این مقاله به شما نشان خواهیم داد که چگونه این کار را با کمکElementor.
Un فرم چند مرحله ای به خودی خود یک ایده عالی برای صرفه جویی در فضا در طراحی شما (خواه یک صفحه یا یک قالب سازنده تم) است. این به شما امکان می دهد یک فرم طولانی را به یک فرم ساده تر کوتاه کنید.
نحوه ایجاد فرم چند مرحله ای در Elementor
قبل از شروع ، مطمئن شوید که Elementor خود را به نسخه حرفه ای ارتقا داده اید ، درصورتی که این مورد را نداشته اید ، زیرا ابزارک Form (ابزارک Elementor برای ایجاد فرم) فقط در نرم افزار موجود است.
دفعات بازدید: نحوه ایجاد فرم تماس در Elementor
در این مقاله ، ما مستقیماً به اضافه کردن ابزارک Form خواهیم پرداخت. فرم چند مرحله ای که می خواهیم ایجاد کنیم شامل سه مرحله به شرح زیر است:
- مرحله 1: نام و جنسیت
- مرحله 2: تلفن و ایمیل
- مرحله 3: دکمه رادیو
ابتدا ابزارک Form را به جعبه ویرایش Elementor بکشید.
برای انجام تنظیمات ، به صفحه تنظیمات در سمت چپ بروید. در بلوک زمینه ها را تشکیل دهید تحت برگه محتوا ، زمینه ها را با توجه به نیاز خود تعریف کنید. در مورد ما ، زمینه ها به شرح زیر است:
- نام
- نوع
- تلفن
- پست الکترونیک
- سرگرمی
پس از پایان کار و افزودن فیلدهای فرم مورد نیاز خود ، یک قسمت دیگر اضافه کرده و نوع فیلد را روی آن تنظیم کنید گام.
همچنین مشاهده کنید: نحوه ایجاد یک تصویر گرد در Elementor
این مرحله به طور خودکار یک قسمت جدید را به ترتیب بالا و یک قسمت جدید را در پایین اضافه می کند. می توانید برچسب قسمت بالا را مانند چیزی تنظیم کنید مرحله 1.
سپس قسمت پایین را بکشید و از مرحله دوم آن را درست بالای فیلد قرار دهید (قسمت Phone در این حالت).
یک قسمت دیگر اضافه کنید و نوع قسمت را تنظیم کنید در مرحله. آن را بکشید و در مرحله سوم دقیقاً بالاتر از فیلد قرار دهید (در این حالت قسمت Hobby).
اینجا. قبل از اینکه فرم را سفارشی کنید می توانید نتیجه را پیش نمایش کنید. به طور پیش فرض ، نوع مرحله روی شماره و متن تنظیم شده است.
می توانید از بلاک ویرایش کنید پارامترهای مرحله زیر زبانه محتوا.
می توانید به برگه دسترسی پیدا کنید سبک فرم خود را سفارشی کنید. 5 بلوک تنظیم وجود دارد که می توانید باز کنید.
- فرم : می توانید این بلوک را باز کنید تا فضای بین ستون ها و خطوط فرم ، تایپوگرافی (خانواده قلم ، اندازه قلم ، سبک قلم و غیره) برچسب های فرم و رنگ متن مورد دوم را مشخص کنید. .
- زمینه : برای تعیین تایپوگرافی از قسمتهای فرم ، رنگ متن قسمتها ، پس زمینه ، عرض حاشیه ، رنگ حاشیه و شعاع مرز می توانید این بلوک را باز کنید.
- دکمه : برای شخصی سازی دکمه ها می توانید این بلوک را باز کنید. این دکمه ارسال باشد ، دکمه قبلی یا دکمه بعدی. می توانید عناصری مانند تایپوگرافی متن ، رنگ متن ، رنگ پس زمینه و ... را تعریف کنید.
- پیام: برای تعیین تایپوگرافی پیام ها و همچنین رنگ متن می توانید این بلوک را باز کنید.
- مراحل: می توانید این بلوک را باز کنید تا تایپوگرافی مراحل ، رنگ ، عرض جداکننده ، فضای جدا کننده و غیره را تعریف کنید.
پس از اتمام ویرایش الگو ، می توانید آن را منتشر یا به روز کنید.
همچنین بخوانید: نحوه ایجاد بخش اعضای تیم با Elementor
اگر می خواهید فرمی را که به تازگی ایجاد کرده اید در صفحه گوتنبرگ وارد کنید (یا شاید می خواهید آن را در یک پست وبلاگ وارد کنید) ، می توانید ابزارک فرم را به عنوان یک ابزارک جهانی ذخیره کنید. سپس می توانید ویجت را با استفاده از افزونه وارد کنید Elementor Blocks برای گوتنبرگ.
اکنون Elementor Pro را دریافت کنید!
نتیجه
اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید یک فرم چند مرحله ای با Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.
با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...
