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

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

در این مطلب به معرفی افزونه‌ Contact Form 7 که در زبان فارسی به “فرم تماس ۷” معروف است می‌پردازیم. کار این افزونه همانطور که از اسمش پیداست، ساخت فرم‌های تماس ساده است.

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

ایجاد فرم تماس با ما با استفاده از افزونه فرم تماس ۷

نصب افزونه

ابتدا باید افزونه “فرم تماس ۷” را نصب کنیم. برای اینکار می‌توانید عبارت “contact form 7” را در قسمت “افزونه‌ها » افزودن” جستجو کنید و بعد از مشاهده باکس مشخصات افزونه روی دکمه “هم اکنون نصب کن” کلیک کنید.

اگر به هر دلیلی موفق به نصب افزونه از این روش نشدید، می‌توانید به صفحه افزونه در وبسایت وردپرس رفته و فایل zip افزونه را دانلود کنید.

سپس در پنل وردپرس خود به قسمت “افزونه » افزودن” رفته و روی دکمه “بارگذاری افزونه” کلیک کنید. اکنون می‌توانید فایل افزونه را انتخاب کرده و روی دکمه “هم اکنون نصب کن” کلیک کنید.

ساخت فرم تماس جدید

قدم اول: ایجاد فرم

پس از نصب افزونه contact form 7 گزینه “فرم تماس” به منو وردپرس اضافه می‌شود. برای ساخت فرم تماس جدید، از منو وردپرس به بخش “فرم تماس » افزودن جدید” بروید.

در این صفحه ابتدا باید عنوان فرم تماس جدید را وارد کنید. برای مثال می‌توان عنوان فرم را “فرم تماس با ما” گذاشت.

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

افزونه فرم تماس ۷ بصورت پیشفرض یک فرم با فیلد‌های نام، ایمیل، موضوع و پیام در این باکس قرار داده است که در صورت نیاز می‌توان آنرا حذف کرد یا تغییر داد. برای ایجاد فیلد‌های جدید می‌توانید از دکمه‌هایی که در بالای این باکس قرار دارند استفاده کنید.

برای مثال، میخواهیم فیلد “شماره تماس” را هم به فرم تماس پیشفرض اضافه کنیم. ابتدا در کادر فرم اشاره‌گر تایپ را به قسمت موردنظر انتقال دهید (برای مثال، می‌توانید اشاره گر تایپ را بین فیلد نام و ایمیل قرار دهید). روی دکمه “تلفن” در بالای باکس فرم کلیک کنید تا پنجره‌ای مانند تصویر زیر به شما نمایش داده شود.

در گزینه “نوع زمینه” می‌توانید مشخص کنید که آیا این فیلد برای ارسال فرم الزامی است یا خیر.

مقدار گزینه “نام” را بدون تغییر بگذارید. اگر می‌خواهید مقداری را به عنوان پیش‌فرض درون این فیلد قرار دهید می‌توانید از گزینه “مقدار پیش فرض” استفاده کنید.

گزینه‌های “ویژگی شناسه (id)” و “ویژگی کلاس” می‌توانید خالی بگذارید (این مقادیر برای توسعه‌دهندگان کاربرد دارد).

در آخر فراموش نکنید که روی دکمه “گذاشتن برچسب” کلیک کنید تا فیلد تلفن به فرم تماس اضافه شود.

طبق همین روش می‌توانید فیلد‌های دیگری هم به فرم اضافه کنید.

قدم دوم: تنظیمات ایمیل

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

افزونه فرم تماس ۷ یک قالب پیشفرض برای ارسال ایمیل در نظر می‌گیرد که می‌توانید آنرا ویرایش یا حذف کنید.

قدم سوم: تنظیمات پیام‌ها

افزونه contact form 7 به شما این امکان را خواهد داد تا پیام‌هایی که برای کاربران سایت ظاهر می‌شود را شخصی سازی کنید. برای مثال، کاربری فرم مدنظرتان را تکمیل و ارسال کرده است. می‌توانید بعد از ارسال فرم، برای کاربر یک پیام تشکر ظاهر کنید.

می‌توانید از زبانه “پیام” پیام‌هایی که ممکن است در این فرم برای کاربران ظاهر شود را مدیریت کنید.

قدم چهارم: نمایش فرم تماس

بعد از انجام تمام مراحل بالا روی دکمه “ذخیره” کلیک کنید تا اطلاعات فرم ذخیره شود. بعد از عملیات ذخیره سازی، افزونه یک شورتکد در اختیار شما قرار می‌دهد.

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

اگر مشکلی در ساخت فرم تماس در وردپرس با استفاده از افزونه contact form 7 داشتید می‌توانید از قسمت نظرات بیان کنید تا پاسخگوی شما باشیم.