ساخت فرم در وردپرس با افزونه Form Maker

اگه برای سایتتون فرم تماس، ثبت سفارش، نظرسنجی یا دریافت اطلاعات می‌خواید، لازم نیست درگیر کدنویسی بشید. افزونه Form Maker by 10Web بهتون کمک می‌کنه فرم موردنظرتون رو بسازید. توی این آموزش، اول افزونه رو نصب می‌کنیم، فیلدهای فرم رو می‌چینیم و بعد سراغ تنظیم ایمیل، ذخیره اطلاعات و نمایش فرم توی نوشته یا برگه می‌ریم.

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

ساخت فرم در وردپرس

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

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

معرفی افزونه Form Maker by 10Web

نام فعلی این افزونه در مخزن رسمی وردپرس Form Maker by 10Web هست. افزونه یک ویرایشگر فرم در اختیارتون می‌ذاره تا فیلدهایی مثل نام، ایمیل، متن و گزینه‌های انتخابی رو بدون نوشتن کد کنار هم بچینید.

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

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

آموزش کار با افزونه Form Maker

اول وارد پیشخوان وردپرس بشید و از مسیر «افزونه‌ها ← افزودن افزونه تازه»، عبارت Form Maker رو جست‌وجو کنید. افزونه Form Maker by 10Web رو پیدا کنید و دکمه نصب و بعد فعال‌سازی رو بزنید. اگه تا حالا افزونه نصب نکردید، آموزش نصب افزونه در وردپرس همه مراحل رو به زبان ساده نشونتون می‌ده.

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

تنظیمات افزونه

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

Shortcode یا «کد کوتاه» تکه‌کدی شبیه [Form id="1"] هست که فرم رو هر جایی بذارید، همون‌جا نشونش می‌ده. اگه در نسخه افزونه گزینه PHP Function رو هم می‌بینید، این گزینه برای گذاشتن فرم داخل فایل‌های قالب ساخته شده و بیشتر به درد توسعه‌دهنده‌ها می‌خوره. قبل از استفاده از تابع PHP، حتماً وجود و روش فعلی اون رو در نسخه نصب‌شده بررسی کنید.

برای تغییر یکی از فرم‌ها، فرم موردنظرتون رو پیدا کنید و روی Edit بزنید.

ویرایش فرم

در تصویر این آموزش، فرم Cupcake Order Form انتخاب شده. اگه این فرم رو توی نسخه خودتون نمی‌بینید، جای نگرانی نیست؛ می‌تونید یک فرم آماده دیگه رو باز کنید یا از یک فرم خالی شروع کنید.

توی بخش Title یک اسم مشخص برای فرم بنویسید تا بعداً راحت پیداش کنید. اگه گزینه Theme رو می‌بینید، می‌تونید ظاهر اولیه فرم رو از همون‌جا انتخاب کنید. بعد فیلدهای لازم رو اضافه کنید و پیش‌نمایش فرم رو ببینید. چون ممکنه اسم یا جای این گزینه‌ها در رابط فعلی تغییر کرده باشه، بهتره اون‌ها رو داخل نسخه نصب‌شده هم بررسی کنید.

در نسخه قدیمی‌تر افزونه، بخش Form Header برای تنظیم عنوان، توضیح یا تصویر بالای فرم به کار می‌رفت. اگه این بخش هنوز توی نسخه شما هست، می‌تونید سربرگ رو روشن یا خاموش کنید و متن دلخواهتون رو بنویسید. اگه چنین گزینه‌ای نمی‌بینید، از امکانات فعلی ویرایشگر فرم برای اضافه‌کردن عنوان یا متن کمک بگیرید.

برای اضافه‌کردن سؤال یا کادر جدید، فیلد موردنظرتون رو انتخاب کنید. بعد روی گزینه ویرایش که معمولاً با آیکون مداد دیده می‌شه بزنید و عنوان، مقدار پیش‌فرض یا اجباری‌بودن فیلد رو تغییر بدید. گزینه Add Page در نسخه‌های قدیمی برای ساخت فرم چندمرحله‌ای استفاده می‌شد. وجود و جای فعلی این گزینه باید داخل آخرین نسخه بررسی بشه.

تنظیمات ایمیل

در بخش Email Options مشخص می‌کنید بعد از ارسال فرم، چه ایمیلی و برای چه کسی فرستاده بشه. راهنمای فعلی 10Web این تنظیمات رو به دو قسمت Email to Administrator برای مدیر سایت و Email to User برای کاربر تقسیم می‌کنه. اول ارسال ایمیل برای مدیر رو فعال کنید و آدرس گیرنده رو بنویسید. اگه می‌خواید پیام برای چند نفر بره، آدرس‌ها رو طبق راهنمای داخل افزونه از هم جدا کنید.

برای آدرس فرستنده بهتره از ایمیلی با دامنه خود سایت، مثل forms@example.com، استفاده کنید. توی From Name نام فرستنده و توی Subject موضوع ایمیل رو بنویسید. اگه گزینه Reply To رو دارید، فیلد ایمیل کاربر رو براش انتخاب کنید تا وقتی دکمه پاسخ رو می‌زنید، جواب برای خود کاربر فرستاده بشه.

گزینه‌های CC و BCC یک نسخه از ایمیل رو برای گیرنده‌های دیگه می‌فرستن. حالت HTML ایمیل رو با قالب‌بندی نمایش می‌ده، ولی حالت Text فقط متن ساده می‌فرسته. اگه فرمتون کادر بارگذاری فایل داره، تنظیم پیوست فایل رو هم بررسی کنید. امکانات دقیق این گزینه‌ها ممکنه به نسخه افزونه یا نوع مجوزتون بستگی داشته باشه.

در بخش Custom Text in Email for Administrator می‌تونید متن ایمیلی رو که مدیر دریافت می‌کنه تنظیم کنید. بهتره اسم فرم و فیلدهای مهم رو داخل پیام بذارید. این‌طوری حتی بدون ورود به پیشخوان هم سریع متوجه می‌شید کاربر چه اطلاعاتی فرستاده.

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

تنظیم ظاهر فرم

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

ممکنه بخش Form Placement کد کوتاه فرم رو نشون بده. این کد رو دقیق و کامل کپی کنید. حتی تغییر یک براکت یا شناسه می‌تونه باعث بشه فرم نمایش داده نشه.

تنظیمات ذخیره اطلاعات

در بخش Settings می‌تونید وضعیت انتشار فرم رو تنظیم کنید. گزینه Save Data to Database اطلاعاتی رو که کاربران می‌فرستن داخل پایگاه داده سایت نگه می‌د تا بعداً اون‌ها رو در پیشخوان ببینید. «پایگاه داده» همون بخشیه که اطلاعات وردپرس داخلش ذخیره می‌شن.

Required Fields Mark علامت فیلدهای اجباری رو تعیین می‌کنه. اگه فرم اجازه بارگذاری فایل می‌ده و گزینه Save Uploads توی نسخه شما دیده می‌شه، قبل از روشن‌کردنش محل ذخیره فایل‌ها، نوع فایل‌های مجاز و دسترسی کاربران رو بررسی کنید. فقط اطلاعاتی رو بگیرید که واقعاً لازم دارید و اگه با داده‌های حساس سروکار دارید، سیاست حریم خصوصی سایتتون رو هم در نظر بگیرید.

نمایش فرم در نوشته، برگه یا ابزارک

برای نمایش فرم در ویرایشگر بلوکی وردپرس، نوشته یا برگه موردنظرتون رو باز کنید و بلوک Shortcode یا «کد کوتاه» رو اضافه کنید. کدی رو که Form Maker ساخته داخل این بلوک بذارید، صفحه رو به‌روزرسانی کنید و نتیجه رو در نمای واقعی سایت ببینید.

اگه از قالب کلاسیک استفاده می‌کنید، ممکنه از مسیر «نمایش ← ابزارک‌ها» بتونید بلوک کد کوتاه یا ابزارک قدیمی Form Maker رو به سایدبار اضافه کنید. وردپرس از نسخه ۵.۸ ویرایشگر بلوکی ابزارک‌ها رو معرفی کرده، پس احتمالاً ظاهر این صفحه با تصویر قدیمی مقاله فرق می‌کنه. در قالب‌های بلوکی هم باید از «نمایش ← ویرایشگر» وارد ویرایشگر سایت بشید و فرم رو توی بخش دلخواه قالب بذارید.

طبق صفحه رسمی 10Web در زمان به‌روزرسانی این مقاله، نسخه رایگان اجازه می‌ده در هر فرم حداکثر از ۷ فیلد مجزا استفاده کنید. منظور از این محدودیت، تعداد کادرهایی مثل نام، ایمیل و پیام در یک فرم هست، نه تعداد کل فرم‌ها. چون محدودیت نسخه‌ها ممکنه تغییر کنه، قبل از تصمیم‌گیری صفحه رسمی محصول رو هم ببینید.

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

جمع‌بندی

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

سؤالات متداول

تیم تولید محتوا

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