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


نویسنده:
چهارشنبه ۲۲ آبان ۱۳۹۸
۳۳ بازدید
ساخت فرم تماس در وردپرس با افزونه فرم تماس ۷

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

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

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

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

نصب افزونه

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

نصب افزونه فرم تماس 7
نصب افزونه فرم تماس ۷

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

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

نصب فرم تماس 7 با فایل zip
نصب فرم تماس ۷ با فایل zip

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

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

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

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

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

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

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

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

اضافه کردن فیلد تلفن به فرم تماس
اضافه کردن فیلد تلفن به فرم تماس

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

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

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

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

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

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

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

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

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

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

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

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

تنظیمات پیام
تنظیمات پیام

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

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

ذخیره فرم تماس
ذخیره فرم تماس

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

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

مطالب زیر را حتما بخوانید

معرفی افزونه iThemes Security برای افزایش امنیت وردپرس

حفظ امنیت وب‌سایت‌ از مهمترین مسائلی است که همواره باید به آن توجه کرد. افزونه iThemes Security یک افزونه‌ی امنیتی...

بهترین افزونه‌های وردپرس : ۱۲ افزونه‌ی ضروری ۲۰۱۹ که باید بشناسید.

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

تست سلامتی سایت در وردپرس – حال سایت شما چطور است؟

تست سلامت سایت یک ابزار جدید وردپرس است که به شما کمک می کند سایتتان را معاینه کنید. در این...

ساخت فرم ورود و عضویت در وردپرس با افزونه‌ user registration (بخش اول)

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

۱۲ مورد از پرکاربردترین ابزارک‌های وردپرس برای وب‌سایت‌ شما

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

ساخت فرم ورود و پروفایل کاربری در وردپرس با افزونه‌ user registration (بخش دوم)

ساخت فرم ورود در وردپرس با کمک افزونه‌ی قدرتمند user registration بدون نیاز به کد نویسی امکان پذیر است. در...

دیدگاهتان را بنویسید

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *