ایجاد فرم تماس حرفه ای در وردپرس

محتوانوشته

سلام با آموزش افزونه Contact Form by Supsystic همراه ما باشید.

فرم تماس در سایت یکی از ملزومات به شمار می رود و شما برای ارتباط با کاربران خود باید از فرم تماس استفاده کنید افزونه های متعددی درباره ایجاد فرم های تماس حرفه ای موجود است که یکی از بهترین های آن افزونه Contact Form by Supsystic می باشد

برای اجرای بهتر طراحی و نمایش فرم تماس ۷ با المنتور، بررسی افزونه Conformer در کنار روش‌های مطرح‌شده در این مقاله می‌تواند مفید باشد.

از گزینه‌های مرتبط با گسترش امکانات فرم تماس ۷ در وردپرس، Ultimate Addons for Contact Form 7 Pro است؛ انتخاب آن به ساختار و نیازهای سایت بستگی دارد.

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

افزونه Contact Form by Supsystic

Contact Form by Supsystic

این افزونه را از لینکی که در انتهای همین آموزش قرار داده شده است دریافت کرده و سپس بعد از نصب، آن را فعال کنید. سپس منویی با نام Contact Form by Supsystic در پیشخوان وردپرس شما اضافه می شود.

در کنار نکات این مقاله درباره «طراحی و مدیریت فرم‌های سایت»، بررسی قابلیت‌های Form Builder می‌تواند به انتخاب ابزار متناسب با نیاز واقعی پروژه کمک کند.

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

برای اینکه بخواهید فرم جدید را ایجاد کنید می توانید از گزینه Add New Form استفاده کنید تا فرم های آماده برای شما نشان داده شود.

خب در اول کار شما باید برای فرم خود نامی را برگزینید که برای اینکار می توانید از قسمت Form Name اقدام کنید

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

خب در این بخش شما می توانید شورت کد فرم خود را دریافت کرده و ذخیره کنید. تب های گوناگونی که مشاهده می کنید در ادامه مفصل توضیح داده شده است.

برای «طراحی و مدیریت فرم‌های سایت»، بررسی قابلیت‌های افزونه Super forms می‌تواند به مقایسه گزینه‌های مرتبط با این مطلب کمک کند.

بخش اول – Design

در این بخش می توانید عرض فرم خود را با گزینه width مشخص کنید توجه داشته باشید اگر می خواهید فرم خود را بصورت تمام صفحه داشته باشید می توانید از تیک گزینه Precent را همراه با مقدار ۱۰۰ را فعال کنید.

در بخش Background هم می توانید پشت زمینه ای مناسب را برای فرم خود انتخاب کنید.

بخش دوم – Fields

در این بخش هم می توانید از طریق بخش Field invalid error message متنی برای زمانی که فردی مشخصات خود را اشتباه وارد می کند مشخص کنید. از بخش پایین تر آن نیز می توانید فیلد های دلخواه خود را به ادامه همین فرم اضافه کنید.

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

وقتی روی فیلدی کلیک می کنید با پنجره ای همانند تصویر بالا روبرو می شوید که در اینجا می توانید تنطیمات مربوطه را از جمله آیکون و نام فیلد را به زبان فارسی بنویسید

بخش سوم – Submit Options

در این بخش گزینه های متعددی وجود دارند که به اختصار آن ها را توضیح می دهیم.

Form sent message: در این بخش آن متنی را که بعد از ارسال پیام به مدیریت باید به کاربر نشان داده شود را تعیین کنید.
Form sent message color: با این گزینه به متن بالا رنگ خاصی انتخاب کنید.
Hide form after submit: اگر می خواهید بعد از ارسال پیام فرم تماس با ما پنهان شود این گزینه را انتخاب کنید.
Redirect after submit: از طریق این بخش می توانید بعد از ارسال پیام کاربر را به لینکی دلخواه هدایت کنید.
Email data as in Form: برای ارسال اطلاعات موجود در هر فرم به ایمیل مورد نظر این گزینه را فعال کنید.
Test Email Function: با این گزینه برای اینکه مطمئن شوید یک تستی انجام دهید و برای خود ایمیل ارسال کنید.
Save contacts data: با این گزینه اطلاعات فرم را ذخیره کنید.
Send only Field values: با این گزینه تنها مقادیر فیلد ها برای شما ذخیره می شود.
Add additional data for submit: برای اضافه کردن اطلاعات اضافی روی این گزینه کلیک کنید تا بتوانید تنظیمات اضافی داشته باشید.

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

تنظیماتی که در این بخش انجام می دهید را می توانید پس از جایگذاری شورت کد و انتشار آن مشاهده کنید.

اگر هدف شما «طراحی و مدیریت فرم‌های سایت» است، weForms یکی از گزینه‌های مرتبط برای مقایسه در کنار روش‌های این مطلب محسوب می‌شود.