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

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

گراویتی فرم چیست و چرا انتخاب اول حرفه‌ای‌هاست؟

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

برخلاف فرم‌سازهای ساده‌ای مثل Contact Form 7، گراویتی فرم داده‌ها را مستقیماً در دیتابیس وردپرس ذخیره می‌کند، امکان تعریف فرآیندهای چندمرحله‌ای را می‌دهد و از معماری رویدادمحور (Event-Driven) پشتیبانی می‌کند. این یعنی می‌توانید پس از ثبت هر فرم، رفتارهای خاصی مثل ارسال اطلاعات به یک API خارجی یا ایجاد کاربر جدید در وردپرس را اجرا کنید.

مراحل ساخت اولین فرم در گراویتی فرم (گام‌به‌گام)

ساخت فرم در گراویتی فرم شامل ۵ گام اصلی است: ایجاد فرم جدید، انتخاب فیلدها، پیکربندی تنظیمات فیلد، تنظیم اعلان‌ها و نمایش فرم در صفحه. این مراحل به شما اجازه می‌دهند فرمی کاملاً استاندارد و ایزوله ایجاد کنید.

1. ایجاد فرم جدید: از منوی مدیریت وردپرس وارد مسیر فرم‌ها > فرم جدید شوید، عنوان و توضیحات فرم را وارد کنید.
2. افزودن فیلدها: فیلدهای مورد نظر خود را از پنل سمت چپ (فیلدهای استاندارد، پیشرفته، قیمت‌گذاری یا پست) بکشید و در رندر فرم رها کنید.
3. تنظیم فیلدها: روی هر فیلد کلیک کنید تا پنل تنظیمات آن باز شود. برچسب (Label)، اجباری بودن، متن راهنما (Placeholder) و شناسه فیلد را بررسی و تنظیم کنید.
4. ذخیره و پیکربندی: روی دکمه «به‌روزرسانی» کلیک کنید تا ساختار فرم ثبت شود.
5. جاسازی فرم در برگه: با استفاده از بلوک اختصاصی Gravity Forms در ویرایشگر گوتنبرگ یا شورت‌کد [gravityform id="1" title="true"] فرم را در صفحه مورد نظر بگذارید.

کار با منطق شرطی (Conditional Logic)؛ هوشمندسازی فرم‌ها

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

به عنوان مثال، فرض کنید فرم سفارش خدمات دارید. اگر کاربر گزینه «طراحی سایت» را انتخاب کند، فیلدهای مربوط به سیستم مدیریت محتوا ظاهر می‌شوند؛ اما اگر گزینه «سئو» را انتخاب کند، فیلدهای مربوط به آدرس سایت و کلمات کلیدی نمایش داده خواهند شد.

نحوه فعال‌سازی منطق شرطی روی یک فیلد:

• تنظیمات فیلد مورد نظر را باز کنید.
• به تب Rules (قوانین) یا Conditional Logic بروید.
• گزینه «فعال‌سازی منطق شرطی» را علامت بزنید.
• شرط را تعیین کنید: مثلاً «نمایش این فیلد اگر [نوع خدمت] برابر باشد با [طراحی سایت]».

تنظیمات تاییدیه (Confirmations) و اعلان‌ها (Notifications)

اعلان‌ها ایمیل‌هایی هستند که پس از ثبت فرم ارسال می‌شوند، و تاییدیه‌ها پیام‌ها یا تغییر مسیرهایی (Redirect) هستند که کاربر پس از ارسال فرم در سایت مشاهده می‌کند.

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

تنظیم یک اعلان حرفه‌ای (Notification):

1. به مسیر تنظیمات فرم > اعلان‌ها بروید.
2. در بخش ارسال به (Send To)، گزینه «انتخاب فیلد» را روی فیلد ایمیل کاربر بگذارید تا یک نسخه برای مشتری ارسال شود.
3. از برچسب‌های پویا (Merge Tags) مانند {all_fields} برای جاگذاری خلاصه اطلاعات فرم در متن ایمیل استفاده کنید.
4. در بخش From Email حتماً از ایمیلی با دامنه خود سایت (مثل info@yoursite.com) استفاده کنید تا ایمیل‌ها به پوشه اسپم نروند.

تکنیک‌های پیشرفته: پُر کردن پویا و هوک‌های سفارشی

گراویتی فرم صرفاً یک ابزار بصری نیست؛ بلکه یک فریمورک واقعی برای توسعه‌دهندگان است. شما می‌توانید داده‌ها را به صورت پویا (Dynamic Population) وارد فیلدها کنید یا فرآیندهای پس از ثبت فرم را کدنویسی کنید.

۱. پُر کردن پویا (Dynamic Population)

این ویژگی به شما اجازه می‌دهد ارزش یک فیلد را از طریق URL (پارامترهای GET)، شورت‌کد یا هوک‌های وردپرس به‌صورت خودکار پر کنید. برای مثال، اگر کاربر از صفحه یک محصول خاص وارد فرم سفارش شود، نام محصول می‌تواند خودکار در فرم بنشیند.

برای فعال‌سازی: در تنظیمات فیلد، به تب Advanced بروید، گزینه Allow field to be populated dynamically را بزنید و یک Parameter Name (مثلاً product_name) تعیین کنید. حال با پاس دادن ?product_name=laptop در لینک، فیلد مقداردهی می‌شود.

۲. دستکاری داده‌ها با هوک gform_after_submission

اگر نیاز دارید اطلاعات فرم را پس از ثبت، به یک API جانبی بفرستید یا دیتابیس جداگانه‌ای را به‌روزرسانی کنید، از اکشن gform_after_submission استفاده کنید. برای مدیریت بهتر این کدها می‌توانید از بخش تکه‌کدهای وردپرس الگوبرداری کنید.

add_action( 'gform_after_submission_1', 'my_custom_process', 10, 2 );
function my_custom_process( $entry, $form ) {
    // دریافت مقدار فیلد با شناسه 1
    $user_email = rgar( $entry, '1' ); 
    // انجام عملیات دلخواه...
}

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

عیب‌یابی سریع و رفع مشکلات رایج در گراویتی فرم

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