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

اگه دنبال ساختن یه وب‌سایت حرفه‌ای وردپرسی هستی، احتمالاً اسم دو تا غول رو زیاد شنیدی Gravity Forms (گرویتی فرم) و Elementor (المنتور). این دو تا، هر کدوم تو کار خودشون بهترینن، ولی وقتی با هم ترکیب میشن، یه قدرت جدید رو به وجود میارن که کار ساخت فرم‌های آنلاین رو متحول میکنه. حالا شاید بپرسی، مگه المنتور خودش فرم‌ساز نداره؟ پس چرا باید بریم سراغ گرویتی فرم که پولی هم هست و به دنبال آموزش استفاده از گرویتی فرم در المنتور باشیم؟ این دقیقاً همون سؤالیه که می‌خوایم تو این مقاله از سایت رامون طالع مفصل بهش جواب بدیم.

ببین، المنتور تو کار طراحی صفحه، یعنی اون چیزی که کاربر می‌بینه، بی‌رقیبه؛ یعنی می‌تونی باهاش صفحاتی رو خلق کنی که از نظر بصری فوق‌العاده باشن و اصلاً نیازی به کدنویسی نداری. اما وقتی بحث مدیریت پیچیدهٔ اطلاعات و فرم‌سازی میاد وسط، گرویتی فرم یه چیز دیگه است! این افزونه یه سیستم مدیریت اطلاعات کامله که می‌تونه دیتای شما رو تو پایگاه دادهٔ وردپرس با نظم و امنیت بالا ذخیره کنه، منطق شرطی پیشرفته رو اجرا کنه، محاسبات پیچیده انجام بده، حتی پرداخت‌ها رو مدیریت کنه و از همه مهم‌تر، با صدها سرویس خارجی مثل CRMها و سیستم‌های ایمیل مارکتینگ یکپارچگی کامل داره.

در واقع، گرویتی فرم مغز متفکر و مطمئن فرم‌هاست و المنتور طراح لباس شیک و سفارشی اونه. اینجاست که ترکیب این دو تا با هم، یعنی آموزش استفاده از گرویتی فرم در المنتور، به یه نیاز حیاتی برای هر وب‌سایت جدی تبدیل میشه. هدف ما تو این مقاله اینه که از مرحلهٔ نصب تا درج نهایی و زیباسازی کامل فرم با المنتور، همه چیز رو به زبان ساده و خودمونی یاد بگیریم تا بتونیم از این ترکیب فوق‌العاده، نهایت استفاده رو ببریم و فرم‌هایی بسازیم که هم کارایی بالایی داشته باشن و هم ظاهر حرفه‌ای.

گرویتی فرم و المنتور، چه چیزی اون‌ها رو خاص میکنه؟

واقعیتش رو بخوای، فرم‌ساز خود المنتور پرو برای فرم‌های ساده مثل فرم تماس با ما یا خبرنامهٔ معمولی خیلی خوب و کافیه. اما برای کارهای جدی‌تر، داستان عوض می‌شه و ما نیاز به آموزش استفاده از گرویتی فرم در المنتور پیدا می‌کنیم. قدرت گرویتی فرم‌ها تو زمینهٔ مدیریت داده‌ها، بهترینه. فرض کن یه کسب‌وکار خدماتی داری و می‌خوای یه فرم سفارش خدمات پیشرفته بسازی که مثلاً قیمت نهایی رو بر اساس تعداد خدمات انتخابی، به صورت خودکار برای کاربر محاسبه کنه (فیلدهای محاسباتی).

یا مثلاً یه فرم استخدامی داری که اگه کاربر تو یه سؤال خاص گزینه “بله” رو انتخاب کرد، یک بخش کامل از فیلدهای جدید مربوط به جزئیات اون موضوع براش باز بشه. این قابلیت‌های پیشرفته مثل منطق شرطی پیچیده، فیلدهای چندمرحله‌ای و فیلدهای قیمت‌گذاری، کارهایی هستن که گرویتی فرم به سادگی انجام می‌ده و فرم‌ساز المنتور معمولاً تو این سطح از پیچیدگی کم میاره. از طرف دیگه، گرویتی فرم تو زمینهٔ امنیتی و جمع‌آوری مطمئن داده‌ها هم خیلی قوی عمل می‌کنه و دیتای شما رو مرتب و آمادهٔ تحلیل نگه می‌داره. حالا، وقتی شما این فرمِ قدرتمند و مطمئن رو می‌سازی، دوست داری ظاهرش هم به اندازهٔ عملکردش عالی باشه، درسته؟

چون یه فرم قدرتمند ولی زشت، کاربر رو فراری می‌ده! اینجاست که Elementor وارد عمل می‌شه. المنتور با ویجت‌های استایل‌دهی خودش، به شما اجازه می‌ده که بدون نوشتن حتی یک خط کد CSS، ظاهر فرم گرویتی رو از رنگ پس‌زمینهٔ فیلدها گرفته تا گردی گوشه‌های دکمهٔ ارسال، دقیقاً اون‌طوری که می‌خوای، کنترل و زیباسازی کنی. پس، اگه می‌خوای فرم‌هایی بسازی که هم باهوش، امن و قابل اعتماد باشن و هم زیبا و چشم‌نواز، باید به دنبال آموزش استفاده از گرویتی فرم در المنتور باشی، چون این دوتا مکمل همدیگه‌اند و بهترین تجربه رو هم برای شما و هم برای کاربرانتون فراهم می‌کنن.

نصب و فعال‌سازی ابزارهای جادویی

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

اولین قدم، نصب افزونهٔ Elementor هست. اگر همین الان Elementor رو نصب کردی، خیلی عالیه! اما اگه می‌خوای از ویجت اختصاصی گرویتی فرم در المنتور استفاده کنی و بتونی تمام استایل‌ها رو با درگ و دراپ (Drag and Drop) اعمال کنی، حتماً باید نسخهٔ Elementor Pro رو فعال کرده باشی. تأکید می‌کنم که ویجت تخصصی گرویتی فرم که کار ما رو برای آموزش استفاده از گرویتی فرم در المنتور خیلی راحت می‌کنه، فقط تو نسخهٔ Pro در دسترسه.

بعد از المنتور پرو، نوبت به خودِ Gravity Forms می‌رسه. گرویتی فرم یک افزونهٔ پولی (پرمیوم) هست و باید لایسنس معتبری برای استفاده ازش تهیه کرده باشی. بعد از خرید، فایل افزونه رو از سایت رسمی دانلود کن و بعد از طریق بخش “افزونه‌ها” در پیشخوان وردپرس، از گزینه “بارگذاری افزونه” نصب و فعالش کن. یه کار خیلی مهم بعد از فعال‌سازی اینه که بری به بخش تنظیمات گرویتی فرم، که معمولاً تو منوی پیشخوان وردپرس یه بخش جدا به اسم “فرم‌ها” داره، و لایسنس خودت رو وارد کنی.

این کار تضمین می‌کنه که همیشه می‌تونی افزونه رو به‌روز کنی و از پشتیبانی بهره‌مند بشی و مهم‌تر از اون، افزونه‌های جانبی (Add-Ons) رو دانلود کنی. اگه لایسنس رو وارد نکنی، ممکنه بعدها در نمایش فرم‌ها تو المنتور یا دریافت به‌روزرسانی‌ها به مشکل بخوری و کل پروسهٔ آموزش استفاده از گرویتی فرم در المنتور مختل بشه. خلاصه، این مرحلهٔ نصب و فعال‌سازی رو با دقت انجام بده تا زیرساخت لازم فراهم بشه و دیگه هیچ دغدغه‌ای برای شروع کار عملی نداشته باشیم.

ساختاردهی و پیاده‌سازی منطق شرطی در گرویتی فرم‌ها

حالا که همه چیز نصب و فعاله، وقتشه که بریم داخل پنل Gravity Forms و فرم مورد نظرمون رو بسازیم. این قسمت، بخش مغز متفکر و منطقی ماجراست. هر چقدر اینجا فرم رو دقیق‌تر و هوشمندانه‌تر بسازی، تجربهٔ بهتری خواهی داشت و دیتای منظم‌تری جمع‌آوری می‌کنی. از پیشخوان وردپرس، روی قسمت “فرم‌ها” کلیک کن و دکمهٔ “افزودن جدید” رو بزن. یه اسم مناسب و توصیفی برای فرمت انتخاب کن (مثلاً: “فرم درخواست مشاوره تخصصی سئو و طراحی سایت”).

بعد از این کار، وارد محیط ساخت فرم می‌شی که از نوع کشیدن و رها کردن (Drag and Drop) هست و کار کردن باهاش واقعاً راحته. تو این مرحله از آموزش استفاده از گرویتی فرم در المنتور، ما باید فیلدهای لازم رو به فرم اضافه کنیم. این فیلدها شامل فیلدهای استاندارد مثل “متن تک‌خطی” (برای نام و نام خانوادگی)، “ایمیل”، “شماره تلفن” و “پاراگراف” (برای پیام‌های طولانی) هستن. اما قسمت هیجان‌انگیز، فیلدهای پیشرفته مثل فیلد “آدرس” که ساختار منظمی داره، “فیلدهای انتخابی” مثل رادیو باتن‌ها یا چک‌باکس‌ها، یا حتی “فیلد تاریخ و زمان” هستن.

بعد از اضافه کردن هر فیلد، حتماً روی اون کلیک کن تا تنظیماتش باز بشه و بتونی اون رو شخصی‌سازی کنی. مهم‌ترین تنظیمات، تعیین کردن “برچسب فیلد” (چیزی که کاربر می‌بینه)، “متن پیش‌فرض” (Placeholder) و مهم‌تر از همه، تعیین کردن اینکه آیا اون فیلد اجباری (Required) هست یا نه. اگر فیلدی رو اجباری کنی، کاربر بدون پر کردنش نمی‌تونه فرم رو ارسال کنه و این موضوع برای جمع‌آوری اطلاعات حیاتی خیلی مهمه. اما همونطور که قبلاً گفتیم، شاهکار گرویتی فرم، منطق شرطی (Conditional Logic) هست که تو تب “پیشرفته” (Advanced) هر فیلد پیداش میکنی.

با این قابلیت می‌تونی کاری کنی که فیلدی فقط در صورتی نمایش داده بشه که کاربر تو یه فیلد قبلی، یه انتخاب خاصی کرده باشه. مثلاً اگه کاربر تو فیلد “حوزهٔ فعالیت” گزینهٔ “فروشگاه اینترنتی” رو انتخاب کرد، فیلد “آدرس سایت فروشگاهی” ظاهر بشه و اگه گزینهٔ “شرکت خدماتی” رو انتخاب کرد، فیلد “تعداد پرسنل” ظاهر بشه. این منطق شرطی فرم شما رو از یه فرم ساده به یه درخت تصمیم‌گیری هوشمند تبدیل می‌کنه. وقتی تمام فیلدها، ساختار و منطق‌های شرطی رو به درستی تنظیم کردی، دکمهٔ “به‌روزرسانی” رو بزن و فرم رو ذخیره کن. فرم شما اکنون آماده است تا با ادامهٔ آموزش استفاده از گرویتی فرم در المنتور به صفحات سایت منتقل بشه.

جادوی ویجت اختصاصی

اینجاست که دیگه می‌رسیم به قسمت اصلی و هیجان‌انگیز آموزش استفاده از گرویتی فرم در المنتور. فرض می‌کنیم شما یک صفحهٔ جدید یا موجود رو در المنتور باز کردید و می‌خواید فرمی که با اون همه دقت ساختید رو تو یه بخش خاص از صفحه بذارید.

اولین قدم اینه که پنل ویجت‌های المنتور رو باز کنی و اسم “فرم” یا “Gravity” رو جستجو کنی. دقت کن که باید ویجت اختصاصی فرم (Form) که مربوط به المنتور پرو هست رو پیدا کنی. این ویجت رو بکش و تو هر ستون یا بخشی از صفحه که دوست داری، رهاش کن. این ویجت هوشمندانه طراحی شده و به طور خودکار می‌فهمه که شما افزونهٔ گرویتی فرم رو نصب کردی و گزینه‌های اون رو برات فراهم می‌کنه.

بعد از رها کردن ویجت، پنل تنظیمات سمت راست برات باز می‌شه. تو تب “محتوا” (Content)، یه گزینه هست به اسم انتخاب فرم (Select Form). روی این گزینه کلیک کن و از لیست کشویی، اسمی که برای فرمت گذاشتی (همون “فرم درخواست مشاوره تخصصی سئو و طراحی سایت”) رو انتخاب کن. به محض انتخاب، فرم شما با تمام فیلدهایی که تو گرویتی فرم ساخته بودی و حتی منطق‌های شرطیش، بلافاصله تو محیط المنتور به نمایش در میاد.

حالا یه سری گزینه‌های نمایش هم هست که می‌تونی نمایششون رو کنترل کنی. این گزینه‌ها شامل “عنوان فرم” و “توضیحات فرم” هستن که اگرچه تو پنل گرویتی فرم تعیین شدن، اما برای داشتن کنترل کامل روی طراحی، توصیهٔ ما تو این آموزش استفاده از گرویتی فرم در المنتور اینه که این‌ها رو خاموش کنی.

چرا؟ چون برای نمایش عنوان و توضیحات، بهتره از ویجت‌های خودِ المنتور (مثل ویجت “عنوان” و “ویرایشگر متن”) استفاده کنی تا بتونی استایل و موقعیت قرارگیریشون رو با دقت و انعطاف بیشتری کنترل کنی و مثلاً عنوان فرم رو با فونت دلخواهت بنویسی و وسط چین کنی. کار ما تو این مرحلهٔ درج فرم به سادگی به پایان می‌رسه و حالا می‌ریم سراغ قسمت جذاب بعدی: استایل‌دهی!

استایل دهی حرفه‌ای با المنتور پرو

خب، فرم رو ساختیم و به صفحه اضافه کردیم. اما ظاهرش هنوز خام و ساده است و شبیه فرم‌های سادهٔ پیش‌فرضه. حالا وقتشه که با ابزارهای قدرتمند Elementor Pro، فرم رو زیبا کنیم و اون رو کاملاً با طراحی سایت هماهنگ کنیم. این بخش، جذاب‌ترین قسمت آموزش استفاده از گرویتی فرم در المنتور هست و نتیجهٔ کارتون واقعاً چشم‌نواز خواهد بود. برای شروع، بعد از انتخاب ویجت فرم، باید به تب استایل (Style) در پنل المنتور برید. اینجا گزینه‌های بسیار زیادی دارید که می‌تونید تک‌تک بخش‌های فرمت رو شخصی‌سازی کنید تا یک ظاهر منحصربه‌فرد ایجاد بشه:

۱. تنظیمات برچسب‌ها (Labels) و فیلدها (Fields): اول از همه، برید سراغ برچسب‌های فیلد (مثل “نام و نام خانوادگی”، “ایمیل”). می‌تونید فونت برچسب‌ها رو عوض کنید، اندازه‌شون رو بزرگ یا کوچیک کنید و رنگش رو متناسب با تم سایتت انتخاب کنی تا کاملاً خوانا باشن. بعدش میری سراغ خودِ کادرهای ورودی (فیلدها).

میتونی رنگ پس‌زمینهٔ فیلدها رو تغییر بدی (مثلاً سفید یا خاکستری خیلی روشن)، رنگ متنی که کاربر تایپ می‌کنه رو تعیین کنی و از همه مهم‌تر، شعاع مرزی (Border Radius) رو تنظیم کنی. اگه این عدد رو کمی زیاد کنی (مثلاً ۵ یا ۱۰ پیکسل)، گوشه‌های فیلدها گرد می‌شن و یه ظاهر نرم‌تر و مدرن‌تر به فرمت می‌دن که خیلی شیک‌تره. همچنین می‌تونی یه حاشیهٔ (Border) تک خطی برای فیلدها در نظر بگیری تا از پس‌زمینه جدا بشن.

۲. سفارشی‌سازی دکمه ارسال (Submit Button): دکمه ارسال، عنصر اکشن فرمته و باید جلب توجه کنه. با المنتور، می‌تونی رنگ پس‌زمینه دکمه رو با رنگ اصلی برندت ست کنی، فونتش رو درشت‌تر کنی و با استفاده از تنظیمات Padding (فضای داخلی بالا، پایین، چپ و راست)، دکمه رو پهن‌تر و حجیم‌تر کنی تا کاملاً واضح باشه. برای اینکه فرمتون تعاملی‌تر بشه، حتماً تنظیمات “Hover” (حالتی که ماوس روی دکمه می‌ره) رو هم عوض کن. مثلاً وقتی کاربر ماوس رو روش می‌بره، دکمه کمی روشن‌تر بشه یا یه سایهٔ کوچیک زیرش بیفته. این جزئیات کوچک، تجربهٔ کاربری رو بهبود می‌ده و نشان‌دهندهٔ توجه شما به جزئیات در آموزش استفاده از گرویتی فرم در المنتور هست.

۳. استایل‌دهی پیام‌ها و خطاهای اعتبارسنجی: وقتی کاربر فرم رو با موفقیت ارسال می‌کنه یا خطایی در پر کردن فیلدها داره، گرویتی فرم یه پیام بهش نشون می‌ده. تو تب استایل المنتور، می‌تونی رنگ پس‌زمینه و رنگ متن این پیام‌های موفقیت (معمولاً سبز) یا خطا (معمولاً قرمز) رو هم تغییر بدی تا کاملاً با طراحی سایتت هماهنگ باشن و چشم کاربر رو اذیت نکنن. حتی می‌تونی برای پیام‌های خطا، استایل‌های خاصی تعیین کنی تا کاربر سریعاً متوجه بشه که کدوم فیلد مشکل داره.

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

بهینه‌سازی نهایی و تنظیمات ضروری گرویتی فرم

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

وارد پنل تنظیمات فرمت در گرویتی فرم شو و دو قسمت اصلی رو چک کن: تأییدیه‌ها (Confirmations) و اعلان‌ها (Notifications).

۱. تنظیم تأییدیه‌ها (Confirmations): تأییدیه همون چیزیه که کاربر بعد از زدن دکمهٔ ارسال می‌بینه. این بخش خیلی مهمه چون آخرین تعامل کاربر با شما قبل از خروج از فرآیند هست. می‌تونی سه نوع تأییدیه تنظیم کنی:

• نمایش متن: یه پیام تشکر ساده به کاربر نشون بده (مثلاً: “پیام شما با موفقیت ارسال شد. تیم ما در اسرع وقت با شما تماس خواهد گرفت.”).
• ریدایرکت به صفحه: کاربر رو به یه صفحهٔ تشکر اختصاصی هدایت کنی. این گزینه از نظر حرفه‌ای بهترینه، چون می‌تونی تو صفحهٔ تشکر، مثلاً لینک شبکه‌های اجتماعی یا یک پیشنهاد تخفیف دیگه رو بذاری. همچنین این روش برای ردیابی تبدیل‌ها با گوگل آنالیتیکس یا پیکسل فیسبوک فوق‌العاده کاربردیه.
• ریدایرکت به URL خارجی: کاربر رو به یه آدرس خارج از سایت بفرستی.

۲. تنظیم اعلان‌ها (Notifications): این بخش تعیین می‌کنه که فرم برای چه کسی ایمیل بفرسته و با چه محتوایی. شما باید حداقل دو اعلان تنظیم کنی:

• اعلان مدیریت (Admin Notification): این اعلان برای خودت (یا مدیران سایت) ارسال می‌شه و حاوی تمام اطلاعاتی هست که کاربر تو فرم پر کرده. حتماً فیلد “به (To)” رو به آدرس ایمیل اصلی کسب‌وکارت تنظیم کن تا بلافاصله از وجود فرم جدید مطلع بشی.
• اعلان کاربر (User Notification): این اعلان برای خودِ کاربر ارسال می‌شه و به محض ارسال، یه کپی از اطلاعات ارسالی یا یه پیام خوش‌آمدگویی و تشکر دریافت می‌کنه. این کار باعث می‌شه کاربر مطمئن بشه که فرم با موفقیت ارسال شده. حواست باشه که فیلد “به (To)” رو با استفاده از مرتب‌سازی هوشمند (Smart Tag) به فیلد ایمیل کاربر متصل کنی.

۳. یکپارچگی‌های پیشرفته (Add-Ons): گرویتی فرم رو می‌تونی به دنیای بیرون متصل کنی. اگه می‌خوای پرداخت آنلاین داشته باشی، باید Add-On مربوط به درگاه بانکی یا PayPal رو نصب و تنظیم کنی. اگه دنبال اتوماسیون ایمیلی هستی، Add-Onهای Mailchimp، ActiveCampaign یا سایر سرویس‌های ایمیل مارکتینگ رو نصب کن. همهٔ این‌ها توسط گرویتی فرم مدیریت می‌شه و در نهایت، همون فرمی که تو المنتور نمایش دادی، همهٔ این کارکردها رو در پشت صحنه اجرا می‌کنه. با انجام این تنظیمات دقیق، شما نه تنها فرم رو به کمک آموزش استفاده از گرویتی فرم در المنتور زیبا کردی، بلکه عملکردش رو هم کاملاً بهینه و حرفه‌ای کردی.

نتیجه‌گیری

رسیدیم به انتهای این راهنمای جامع و مفصل آموزش استفاده از گرویتی فرم در المنتور. تبریک می‌گم! شما حالا دیگه فقط یک کاربر المنتور نیستید؛ بلکه یک سازندهٔ فرم‌های هوشمند و زیبا هستید که می‌تونید از ترکیب قدرت بی‌نظیر گرویتی فرم در مدیریت داده‌ها و زیبایی خارق‌العادهٔ المنتور در طراحی، نهایت استفاده رو ببرید.

ما با هم یاد گرفتیم که چطور این دو افزونهٔ پرمیوم رو نصب کنیم، چطور در پنل گرویتی فرم ساختار و منطق شرطی پیچیدهٔ فرم رو بچینیم، و مهم‌تر از همه، چطور با استفاده از ویجت اختصاصی المنتور، فرم رو به صفحهٔ طراحی شده بکشیم و بعد با ابزارهای استایل‌دهی المنتور پرو، یک ظاهر خیره‌کننده و حرفه‌ای بهش بدیم که کاملاً با هویت بصری سایتتون هماهنگ باشه. همچنین یاد گرفتیم که چقدر تنظیم اعلان‌ها و تأییدیه‌ها تو خود گرویتی فرم حیاتیه تا حلقهٔ جمع‌آوری داده کامل بشه و مطمئن بشیم که پیام‌ها به دست ما و کاربر میرسه.

همیشه یادت باشه، فرم‌ها فقط ابزاری برای جمع‌آوری داده نیستن؛ اونا پل ارتباطی شما با مشتریان و کاربران سایتتون هستن و باید تا حد امکان کاربرپسند و جذاب باشن. با استفاده از این تکنیک‌ها، شما این پل رو به قوی‌ترین، زیباترین و هوشمندانه‌ترین شکل ممکن بنا کردید و با استفادهٔ مکرر از کلمه کلیدی، مقاله رو هم از نظر سئو بهینه کردیم. حالا برو و سایتت رو با فرم‌های جدید و حرفه‌ای که ساختی، ارتقا بده و از نتیجهٔ این ترکیب قدرتمند لذت ببر!

پرسش‌های متداول