آموزش افزونه گراویتی فرمز، ساخت فرم تماس

آموزش افزونه گراویتی فرمز، ساخت فرم تماس

در قسمت اول آموزش افزونه گراویتی فرمز به نحوۀ راه اندازی و تنظیمات اولیه این افزونه پرداختیم.

قصد داریم یک فرم تماس باما با تنظیمات مختلف را به صورت ساده و گام به گام آموزش دهیم.

با آموزش ساخت فرم تماس در وردپرس با افزونه گراویتی فرمز با تیم تولید محتوای تم فور همراه باشید.

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

برای این کار، می‌توان از منوی افزونه، روی گزینه فرم جدید یا در بخش فرم‌ها روی افزودن جدید کلیک کرد.

پس از کلیک، پنجره ساخت فرم نمایش داده می‌شود که باید یک عنوان و توضیحات اختیاری را وارد کنید.

سپس روی گزینه ایجاد فرم کلیک کنید تا فرم ساخته شود، توجه کنید که درج توضیح اختیاری است.

گراویتی فرمز: فیلدها و تنظیم‌های آن

پس از مرحلۀ اول، در صفحه جدید در سمت چپ صفحه، مجموعه‌ای از فیلدهای مورد نیاز قرار داده شده است.

در بالا و سمت راست، گزینه‌های تنظیمات با صندوق ورودی دیده می‌شوند که در ادامه به آن‌ها می‌پردازیم.

فهرست فیلدها، خود به چند قسمت تعریف و تعیین شده‌اند که به معرفی آن‌ها می‌پردازیم.

فیلدهای استاندارد افزونه گراویتی فرمز

فیلدهای استاندارد، مجموعه‌ای از فیلدها هستند که برای هر نوع فرمی می‌توانند ضروری باشند.

فیلدهای پیشرفته افزونه گراویتی فرمز

فیلدهای پیشرفته، مجموعه‌ای از فیلدها هستند که امکاناتی از قبیل آپلود فایل را در اختیار قرار می‌دهند.

فیلدهای پست افزونه گراویتی فرمز

فیلدهای پست، فیلدهای هستند که برای ارسال مطالب یا نوشته توسط کاربران کاربرد دارند.

فیلدهای قیمت گذاری افزونه گراویتی فرمز

فیلدهای قیمت گذاری، برای ساخت فرم‌هایی با قابلیت خرید یا عملیات فروشگاهی هستند.

گراویتی فرمز: کشیدن و رها کردن فیلدها

برای شروع، کافیست که یک فیلد از صفحه چپ صفحه را با ماوس بگیرید و به سمت راست صفحه بکشید.

در سمت راست، فیلد یا فیلدها را ها کنید تا محتوایات و ظاهر آن‌ها زنده نمایش داده شود.

مثلاً با فیلد متن خطی، می‌توان هر نوع فیلدی که در ارتباط با پر کردن متن است ساخته شود.

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

گراویتی فرمز: تنظیمات مربوط به فیلدها

با انتخاب هر فیلد و کشیدن و رها کردن آن در صفحه چپ صفحه (ویرایشگر گراویتی) تنظیمات ظاهر می‌شود.

گراویتی فرمز: تنظیمات مربوط به فیلدها

برای هر فیلد، تنظیماتی وجود دارد که می‌توانید آن‌ها را مانند تصاویر زیر اعمال و انتخاب کنید.

الزامی کردن و درج توضیحات برای فیلد

برای الزامی یک فیلد و درج توضیحات، زمانی که روی آن کلیک کنید به صفحه راست صفحه توجه کنید.

در اولین تب (عمومی) گزینه ضروری را تیک بزنید و در باکس توضیح، توضیحات دلخواه خود را بنویسید.

توضیحات زیر نام فیلد نمایش داده می‌شود و در پیش‌نمایش و فرم اصلی نیز نمایش داده خواهد شد.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز

شما در این تب می‌توانید تنظیم‌هایی برای فیلدها انجام دهید، مثلاً اندازه فیلد را تعیین نمایید.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز

یا اینکه یک پیام اعتبارسنجی برای خطا (error) فیلد به دلخواه خود درج کنید، همانند تصویر زیر.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز 2

گزینه جایگاه دار یا همان Placeholder به شما امکان درج یک متن نمونه داخل باکس فیلد را می‌دهد.

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

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

قابلیت مقدار پیش‌فرض، یک امکان شگفت انگیز است که امکان درج یک مقدار پویا را برای فیلد می‌دهد.

مثلاً با انتخاب آدرس ip، زمان نمایش فرم، داخل فیلد ip کاربر درج می‌شود و کاربردهای مختلفی دارد.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز 6

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

اگر این گزینه را فعال کنید، فیلد مدنظر در هنگام نمایش به کاربر، با تایپ، محتوای آن *** می‌شود.

در کل مانند یک فیلد درج رمز عبور عمل می‌کند که در پروژه‌های خودتان می‌تواند از این استفاده کنید.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز 7

برای پیش‌نمایش فرم، ابتدا باید فرم را ذخیره کنید و سپس روی دکمه نمایش کلیک کنید.

اگر می‌خواهید در میان همۀ فیلدهای موجود گراویتی فرمز سرچ کنید، کافی است نام فیلد را تایپ کنید.

تب نمایش در تنظیمات فیلدهای گراویتی فرمز 9

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

جمع بندی آموزش افزونه گراویتی فرمز، ساخت فرم تماس

در آموزش ساخت فرم تماس با افزونه گراویتی فرمز، نحوۀ کار با فیلدها و تنظیم‌های آن را آموختیم.

در قسمت بعدی به سراغ تنظیمات فرم و شخصی سازی بخش‌های مختلف آن می‌رویم. پاینده باشید.

این مقاله چقدر براتون مفید بود؟

از 1 تا 5 امتیاز بدید

امتیاز 0.00 از 0 رای

با دیگران به اشتراک بگذارید تا امتیاز بگیرید!

ارسال یک دیدگاه

دلیل بازپرداخت