ساخت فرم تماس با ما در وردپرس با contact form 7+ویدئوی آموزشی

بروزرسانی در تاریخ ۷ بهمن ۱۳۹۶ توسط عباس خلجی
سلام دوستان؛
در همه سایت‌های امروزی برگه تماس با ما برای ارتباط بازدید کننده یا کاربران با مدیریت سایت وجود دارد. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می‌شود. می‌توان به دلیل پرکاربرد بودن این برگه (در همه سایت ها وجود دارد!) آن را یکی از برگه‌های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارند که می‌توانید با آن‌ها فرم‌های متنوعی را ایجاد کنید.
از افزونه‌های قدیمی و پرکاربرد می‌توان افزونه ” فرم تماس با ما ۷ ” یا Contact form 7 را یاد کرد که محبوبیت بالایی را در میان وبمستران وردپرسی دارد.

فرم تماس با ما در وردپرس با contact form 7

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

شروع کار

ابتدا افزونه Contact Form 7 را نصب و فعال کنید. پس از نصب در قسمت مدیریت وردپرس شما بخشی به نام فرم‌تماس اضافه می‌شود. (افزونه کاملا فارسی شده است)

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

1. فرم‌های تماس: نمایش فرم‌هایی که قبلا ساخته شده
2. افزودن جدید: افزودن فرم تماس با ما در وردپرس جدید
3. یکپارچه‌سازی ارتقا به نسخه پولی (پیشرفته)

افزودن جدید

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

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

بخش فرم

در بخش فرم یک ویرایشگر کد قرار دارد که ما باید آن را فارسی‌سازی کنیم. این تب شامل فیلد‌هایی جهت نمایش در فرم است. (مانند : نام، نام‌خانوادگی، ایمیل و …)

فارسی‌سازی فیلدهای فرم‌تماس بسیار ساده است و می‌توان به راحتی این کار را انجام داد .

برای مثال به تصویر پایین دقت کنید :

بخش ایمیل

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

اگر به هر نحوی ایمیل برای شما ارسال نشد می‌توانید از ایمیل دوم استفاده کنید. چگونه؟

استفاده از ایمیل دوم

در پایین قسمت ایمیل بخش ایمیل۲ را فعال کنید و ایمیل خورد نظر خود را وارد کنید.

بخش پیام

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

بخش تنظیمات اضافی

در این بخش می‌توانید یه سری تنظیمات یا ویژگی‌هایی به فرم تماس با ما در وردپرس اضافه کنید. (البته اگر به کدنویسی و css مسلط هستید)

پس از ساخت فرم و تکمیل تنظیمات روی گزینه ذخیره یا save کلیک کنید.

نحوه نمایش فرم

قطعا برایتان سوال پیش آمده که چگونه باید فرم را داخل سایت نمایش دهیم؟
برای نمایش دادن فرم تماس با ما در وردپرس از روش زیر استفاده کنید…

به بخش فرم‌های تماس بروید و شورت‌‌کد فرم‌تماسی که ساخته‌اید را کپی کنید:

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

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

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

نکته: اگر ایمیل‌ها را در اسپم ایمیل خود مشاهده کردید، برای یکبار ایمیل دریافتی را no spam کنید تا دفعات بعدی در inbox آن را دریافت کنید.

ویدئوی آموزشی

دانلود افزونه contact form 7