برای استعلام یا ارسال سفارش اینجا کلیک کنید.

آموزش ساخت فرم سفارشی با گرویتی فرم

گرویتی فرم رو امروز به صورت کامل آموزش میدیم . وب مسترهای عزیز همینطور که میدونین ، فرم ها یکی از مهم ترین المان های سایت هستند که میتونن به کاربردی شدن سایت کمک کنند و به سایت های وردپرسی رنگ و لعاب ببخشند ! در واقع اگر توی یک سایت وردپرسی فرم مشاوره یا فرم پشتیبانی نباشه چه اتفاقی میوفته ؟ فرض کنید سایت دیجی کالا هیچ فرمی توی سایتش نمیداشت ، به نظرتون بهترین سایت فروشگاهی ایران میشد بازم ؟

 

خب تا اینجای کار فهمیدیم که وجود فرم ها در سایت الزامیه ! حالا بازم ممکنه مشکلی داشته باشیم ؟ باید بگم جواب بله است ! چون بعد از تصمیم گرفتن اینکه در سایتمون فرم بزاریم یا نه باید به این فکر کنیم که 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” نام صفحه مورد نظرتون رو بزارید و سپس توی اون صفحه عملیات اتصال به دیتابیس و ارسال اطلاعات رو انجام بدین.

 

نتیجه :

از نظر ما بهترین روش ساخت فرم در سایت های وردپرسی استفاده از گرویتی فرمه ! چرا که هم قدرت و سرعت بالایی داره و هم اختلال زیادی در سایت ایجاد نمیکنه . در ضمن یکی از خوبی های گرویتی فرم اینه که باهاش میتونیم کلی فرم حرفه ای بسازیم و هر جای سایت از آن فرم ها استفاده کنیم . بدون حتی ذره ایی اختلال در عملکرد آنها ! طراحی و ساخت فرم ها به روش کدنویسی رو پیشنهاد نمیکنیم چون هم هزینه های زیادی از نظر مالی و زمانی دارد و هم کار نسبتا دشواری است .

معتقدم ، با اندگشتان آماده به تایپ و ذهن پر از ایده های ناب میتوانم دنیای خودم رو عوض کنم . محمدحسین هستم دانشجوی نرم افزار ، طراح وب سایت ، تولید کننده محتوای وبمستری و هر موضوعی در زمینه IT ، طراح رابط کاربری و تجربه کاربری و ...
در کانال ما عضو شوید و از آخرین اخبار ، محصولات و تخفیف با خبر شوید... کانال تلگرام وبیت

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده اید و با آن موافق هستید.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده