آموزش ساخت فرم سفارشی با گرویتی فرم
- آموزش • آموزش وردپرس • افزونه • افزونه وردپرس
- ۱۶ اسفند ۱۴۰۱
- 2,080 بازدید
گرویتی فرم رو امروز به صورت کامل آموزش میدیم . وب مسترهای عزیز همینطور که میدونین ، فرم ها یکی از مهم ترین المان های سایت هستند که میتونن به کاربردی شدن سایت کمک کنند و به سایت های وردپرسی رنگ و لعاب ببخشند ! در واقع اگر توی یک سایت وردپرسی فرم مشاوره یا فرم پشتیبانی نباشه چه اتفاقی میوفته ؟ فرض کنید سایت دیجی کالا هیچ فرمی توی سایتش نمیداشت ، به نظرتون بهترین سایت فروشگاهی ایران میشد بازم ؟
خب تا اینجای کار فهمیدیم که وجود فرم ها در سایت الزامیه ! حالا بازم ممکنه مشکلی داشته باشیم ؟ باید بگم جواب بله است ! چون بعد از تصمیم گرفتن اینکه در سایتمون فرم بزاریم یا نه باید به این فکر کنیم که UI فرم و رابط کاربری فرم رو در سایت به چه شکل پیاده سازی کنیم . پس تا انتهای مطلب برای ساختن فرم های سفارشی با وبیت همراه باشید .
آنچه در این پست میخوانید
بهترین کاربردهای فرم توی سایت :
- آسان کردن پشتیبانی ها
- ایجاد ارتباط بین کاربران و مدیران سایت
- پرسش و پاسخ به روش فرم های مشاوره ایی
- ساخت مشتری از کاربران ساده
با چه ابزاری میتونیم فرم بسازیم ؟
1 – با کمک افزونه (گرویتی فرم)
2 – با استفاده از کدنویسی
بهترین افزونه برای ساخت فرم چیه ؟
ما بجای آموزش چند افزونه و معرفی آنها ، بهترین افزونه رو برای شما شرح میدیم که بسیار کاربردی و فوق العاده است ! همچنین اینطوری شما نیازی ندارید به اینکه چندتا انتخاب برای ساخت فرم در سایتتون داشته باشین و فقط با استفاده از همین افزونه ای که معرفی میکنیم میتونین بهترین فرم های سفارشی شده رو بسازید.
افزونه ایی که قصد آموزشش رو داریم افزونه گرویتی فرم (gravity forms) . این افزونه یکی از افزونه هایی است که در مخزن وردپرس تعداد بارگیری های زیادی داشته است و همین نشانه اعتبار این افزونه است. امیدوارم این آموزش وبیت براتون کاربردی باشه و بتونین هر فرمی رو که دوست دارید با چند بار کشیدن ماوس ( دراپ داون ) بسازید .
آموزش ساخت فرم با استفاده از گرویتی فرم
ابتدا افزونه گرویتی فرم رو از مخزن وردپرس دانلود و نصب کنین . بعد از فعال سازی افزونه یک نویگیشن به نوار کناری پیشخوان وردپرس اضافه میشه که میتونین با کلیک بروی آن ادامه ی آموزش رو دنبال کنین.
سپس پنجره ای به صورت پاپ آپ برای شما باز خواهد شد به شکل زیر
در فیلد های مربوطه که تحت عنواین ” عنوان فرم = مشخصا نام فرم را وارد کنید ، توضیحات فرم = توضیحاتی که در باره عملکرد فرم است وارد کنید مانند فرم تماس با واحد فروش ” عبارات مناسب را وارد کنید و بر روی ایجاد فرم کلیک کنید .
پس از ساخت فرم جدید شما به صفحه ویرایش فرم هدایت خواهید شد در این صفحه هر المان را میتوانید از سمت چپ با دو روش :
1- کشیدن و رها کردن
2- کلیک بر روی المان مد نظر به فرم خود اضافه کنید.
آموزش ساخت فرم با استفاده از کدنویسی
شما برای ساخت فرم های سفارشی فقط باید کمی HTML و CSS یاد داشته باشین تا بتونین فرم خودتون رو به شکلی که میخواید در بیارید ! البته برای اتصال فرم با دیتابیس باید با زبان برنامه نویسی پی اچ پی آشنا باشید . حال که مهارت های جزئی برای ساخت فرم دارین ، کافیه توی سایت تون یک بلاک اچ تی ام ال باز کنین و کد مقابل رو درون اون قرار بدید.
<form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" value="John"><br><br> <input type="submit" value="Submit"> </form>
دقت داشته باشید برای ارتباط با دیتابیس حتما باید از پی اچ پی استفاده کنین و یک صفحه ایجاد کنین . جالا بجای “action_page.php” نام صفحه مورد نظرتون رو بزارید و سپس توی اون صفحه عملیات اتصال به دیتابیس و ارسال اطلاعات رو انجام بدین.
نتیجه :
از نظر ما بهترین روش ساخت فرم در سایت های وردپرسی استفاده از گرویتی فرمه ! چرا که هم قدرت و سرعت بالایی داره و هم اختلال زیادی در سایت ایجاد نمیکنه . در ضمن یکی از خوبی های گرویتی فرم اینه که باهاش میتونیم کلی فرم حرفه ای بسازیم و هر جای سایت از آن فرم ها استفاده کنیم . بدون حتی ذره ایی اختلال در عملکرد آنها ! طراحی و ساخت فرم ها به روش کدنویسی رو پیشنهاد نمیکنیم چون هم هزینه های زیادی از نظر مالی و زمانی دارد و هم کار نسبتا دشواری است .