وردپرس

آموزش افزونه Contact Form 7 وردپرس

آموزش افزونه Contact Form 7 وردپرس
ویدیو آموزش افزونه Contact Form 7 وردپرس
آموزش افزونه Contact Form 7 وردپرس

در این بخش از آموزش‌های وردپرس ، قصد بررسی افزونه Contact Form 7 یا همان فرم تماس 7 را داریم. پلاگین فرم تماس 7 یکی از ساده‌ترین و برترین افزونه‌های وردپرس به شمار می‌رود که توانسته بیش از 5 میلیون نصب فعال را در مخزن وردپرس به دست بیاورد.
پلاگین Contact Form 7 درواقع جزو بهترین افزونه‌های ساخت فرم تماس به شمار می‌رود و با اینکه یکی از محبوب‌ترین و قدیمی‌ترین افزونه‌های وردپرس است، ولی باز هم کاربران زیادی وجود دارند که با طریقه راه اندازی این افزونه مشکل دارند. برای همین در ادامه این آموزش قصد داریم تا مراحل نصب و راه اندازی این پلاگین را قدم به قدم، با هم بررسی کنیم.

مراحل نصب افزونه Contact Form 7

برای نصب این افزونه، ابتدا وارد بخش پیشخوان سایت وردپرسی خودتان شوید و سپس از قسمت افزونه‌ها>افزودن وارد مخزن افزونه‌های وردپرس شوید و سپس در قسمت سرچ باکسی که در بالا سمت چپ وجود دارد، عبارت “Contact From 7” را وارد کنید. بعد از اینکه افزونه را نصب کردید، بر روی گزینه فعال کلیک کنید.

نصب افزونه Contact Form 7
نصب افزونه Contact Form 7

آموزش افزونه فرم تماس 7

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

آموزش افزونه فرم تماس 7
آموزش افزونه فرم تماس 7

در این بخش، یک فرم تماس پیشفرض با نام Contact Form 1 وجود دارد و برای همین، نیاز نیست که اقدام به ساخت یک فرم تماس جدید کنید. برای استفاده از این فرم تماس، فقط کافی است کدی که در قسمت “کد کوتاه” قرار دارد را کپی کنید و در هر جایی از قالب که نیاز بود، قرار دهید.

"کد کوتاه" قرار دارد را کپی کنید و در هر جایی از قالب که نیاز بود، قرار دهید
“کد کوتاه” قرار دارد را کپی کنید و در هر جایی از قالب که نیاز بود، قرار دهید

برای مثال پس از ایجاد یک برگه جدید، شما باید یک بلاک “کد کوتاه” ایجاد کنید و کدی که در بخش کد کوتاه افزونه Contact Form 7 به شما ارائه داده شده را وارد کنید. البته فرقی نمی‌کنید که شما از ویرایشگر گوتنبرک استفاده می‌کنید یا نه! شما این کد را اگر در هر ویرایشگری قرار دهید، فرم تماس با ما به شما نمایش داده می‌شود.

 کد کوتاه افزونه Contact Form 7 را در صفحه ای وارد کنید
کد کوتاه افزونه Contact Form 7 را در صفحه ای وارد کنید

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

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

ویرایش فرم تماس در Contact Form 7

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

اضافه کردن فیلد جدید با تب فرم در Contact Form 7

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

اضافه کردن فیلد جدید با تب فرم در Contact Form 7
اضافه کردن فیلد جدید با تب فرم در Contact Form 7

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

ویرایش فرم تماس در Contact Form 7
ویرایش فرم تماس در Contact Form 7

بعد از قرار دادن فیلد، شما باید فیلد خودتان را با یک نامی به کاربران نمایش دهید. برای اینکار لازم است که مقدار زیر را در یک خط بالاتر از کد برچسب، جایگذاری کنید:

<label> Name

نام فیلد در کد بالا، به جای “Name”، نام مدنظر خودتان را وارد کنید. در نهایت هم در انتهای برچسب اضافه شده، مقدار </label> را جایگذاری کنید.

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

بررسی تمامی برچسب های تب فرم در Contact Form 7

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

بررسی تمامی برچسب های تب فرم در Contact Form 7
بررسی تمامی برچسب های تب فرم در Contact Form 7

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

بررسی تنظیمات تب ایمیل در پلاگین فرم تماس 7

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

بررسی تنظیمات تب ایمیل در پلاگین فرم تماس 7
بررسی تنظیمات تب ایمیل در پلاگین فرم تماس 7

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

بررسی تنظیمات تب ایمیل در پلاگین فرم تماس 7
بررسی تنظیمات تب ایمیل در پلاگین فرم تماس 7

بررسی تنظیمات تب پیام در Contact Form 7

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

بررسی تنظیمات تب پیام در Contact Form 7
بررسی تنظیمات تب پیام در Contact Form 7

بررسی تب تنظیمات اضافی در Contact Form 7

در تب تنظیمات اضافی، شما می‌توانید کدهای دلخواه خودتان را به این پلاگین اضافه کنید.

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

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

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

جمع بندی

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

author-avatar

درباره وحید پارسا

۷ ساله که بصورت تخصصی سئو کار می‌کنم و دوست دارم هر آنچه در زمینه سئو و دیجیتال مارکتینگ یاد گرفتم رو با شما به اشتراک بگذارم. توی پیج اینستاگرامم آموزش‌های رایگان زیادی منتشر کردم پس حتما پیج اینستاگرام منو به آدرس SEO.PERSIAN فالو کن.

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

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