افزونه وردپرس contact form 7
کلیه وب سایت ها برای افزایش تعامل با کاربر از فرم های مختلفی استفاده می کنند. این فرم ها برای وب سایت های مختلف، در هر کسب و کاری که هستند، لازم و ضروری است.
این فرم ها می توانند شامل فرم تماس، ارتباط با ما و فرم پرداختی و یا هر فرم دیگری باشند که صاحب وب سایت بنابه نیاز، می تواند این فرم ها را در قسمت های مختلف سایت قرار دهد تا کاربران سایت برای برقراری ارتباط از آنها استفاده کنند.
ساخت، طراحی و شخصیسازی فرمها در وردپرس به آسانی و از طریق افزونهها امکانپذیر است.یکی از پلاگینهای بسیار محبوب و کاربردی برای ساخت انواع فرم در وردپرس Contact Form 7 نام دارد که با کمک افزونه Contact Form 7 Multi-Step Forms میتواند قابلیت جدیدی به نام چند مرحلهای کردن فرم را برای شما فراهم کند.
امروز ما در نظر داریم تا شما را با این افزونه بیشتر آشنا کنیم، پس تا انتهای متن همراه ما باشید.
معرفی افزونه Contact Form 7
افزونه Contact Form 7 یا همان فرم تماس ۷ یکی از افزونه های قدیمی، پرکاربرد و رایگان برای سیستم مدیریت محتوا وردپرس است که بیش از ۵ میلیون نصب فعال دارد. با استفاده از این افزونه به راحتی می توانید انواع فرم های تماس و دیگر فرم های ارتباطی همچون فرم های استخدام و فرم های نظرسنجی را طراحی کنید و در سایت خودتان قرار دهید. از دیگر ویژگی های افزونه Contact Form 7 می توان به موارد زیر اشاره کرد:
- ایجاد و مدیریت چندین فرم تماس
- سفارشی سازی آسان فیلدهای فرم
- استفاده از نشانه گذاری ساده برای تغییر محتوای ایمیل
- وارد کردن فرم ها به هر برگه و نوشته با استفاده از شورت کد
- پشتیبانی از فیلتر کردن هرزنامه ها، ارسال آژاکس و CAPTCHA
نحوه نصب افزونه contact form 7
در ابتدا به نحوه نصب فرم تماس ۷ می پردازیم . برای نصب این افزونه در داشبورد وردپرس به بخش Plugins رفته و Add New را میزنیم.
بعد در باکس جستجو عبارت Contact Form 7 را جستجو میکنیم. پس از اینکه نمایش داده شد ابتدا Install و سپس Active را میزنیم تا پلاگین، فعال شود. همچنین می توانید بصورت مستقیم پلاگین فرم تماس ۷ را دانلود کنید و در افزونه های خود قرار دهید.
نحوه راهاندازی افزونه فرم تماس ۷
پس از نصب پلاگین contact form 7 حال نوبت تنظیمات فرم تماس ۷ در منو پنل کاربری وردپرس میرسد و گزینه ای با عنوان contact اضافه می شود. برای راهاندازی، به منوی Contact رفته، سپس Contact Form را باز کنید. در این بخش میتوانید پنل اصلی مدیریت این پلاگین را مشاهده کرده و مدیریت فرمهای مختلف را، انجام دهید.
همچنین فرم پیش فرض پلاگین با نام Contact Form 1 نیز در این بخش، قابل مشاهده و استفاده است.
فرم پیش فرض شامل تمام بخشهای پایه مورد نیاز است. این فرم آماده استفاده بوده و میتوانید به صفحات دلخواه خود، اضافه نمایید. همچنین میتوانید برای ایجاد فرم دلخواه خود از گزینه Add New نیز، استفاده کنید.
ایجاد یک فرم جدید در افزونه فرم تماس ۷
برای ایجاد یک فرم در افزونه فرم تماس ۷ قبل از هر چیزی برای آن یک اسم انتخاب کنید. قالب (template) شما نشان دهنده بخشهای مختلفی است که در فرم، نمایش داده میشود.
به صورت پیش فرض، Contact Form 7 تعدادی بخش را به فرم جدید، اضافه میکند. مواردی همچون اسم، ایمیل، عنوان، پیغام و ارسال از قبل اضافه شدهاند. میشود گفت تقریبا تمامی آنها کاربردی و قابل استفاده هستند.
در هر صورت با توجه به نیاز شما ممکن است که احتیاج داشته باشید تا بخشهای بیشتری نیز به فرم اضافه کنید. برای این منظور از بخش بالای فرم، تگ (tag) مورد نظر خود را انتخاب کنید تا تگ مربوطه، به صورت خودکار در فرم ایجاد شود. به عنوان مثال، برای اضافه کردن یک بخش URL به فرم کافیست که همانند تصویر زیر روی گزینه URL، کلیک کنید.
اگر قصد اضافه کردن یک label را داشته باشید، میتوانید از کد HTML که در تگهای قبلی استفاده شده و همراهی کننده تگ اصلی است، استفاده کنید. به عنوان مثال زمانی که روی کلید URL کلیک میکنیم پلاگین، یک تگ پیش ساخته [url url-935] را به فرم اضافه میکند. سپس ما میتوانیم کد HTML را برای label به آن اضافه کنیم که خروجی کار، به شکل زیر خواهد بود:
<label> Your Website URL
[url url-935] </label>
هم اکنون میتوانید هر چقدر بخش مازاد که نیاز دارید به فرم اضافه کنید. فراموش نکنید که پس از اتمام کار حتما روی گزینه save کلیک کنید تا تغییرات ایجاد شده، ذخیره شوند.
پیکربندی mail برای کنترل پیغامهای ایمیل افزونه فرم تماس ۷
هر بخش اضافهای که در فرم خود ایجاد میکنید، به صورت خودکار در بخش پیغامهای قالب این فرم اضافه نمیشوند. به همین دلیل پس از اتمام شخصی سازی در بخش form به سراغ تب mail میرویم.
زمانی که یک فرم توسط کاربر تکمیل میشود ایمیلی به صورت خودکار ارسال میگردد. این بخش قالبی است که براساس آن متن ایمیل ایجاد میشود. در بخش To چک کنید که ایمیل آدرس صحیح درج شده باشد، زیرا تمامی ایمیلها از این ایمیل، ارسال خواهندشد. به صورت پیش فرض افزونه فرم تماس ۷ از ایمیل لینک شده به وبسایت استفاده میکند.
برای تنظیمات ایمیل فرم تماس ۷ به بخش Message Body اسکرول کنید و تگی که قبلا در فرم استفاده کرده بودید را، وارد کنید. بدین شکل اطمینان حاصل میکنید که زمانی که ایمیلی توسط contact form دریافت میکنید، تمامی اطلاعاتی که از ارسال کننده درخواست کرده بودید تا به اشتراک بگذارد را، دریافت خواهید کرد.
برای اضافه کردن یک بخش در قالب، کافی است که بخشهای مد نظر را از قسمت form کپی و در اینجا قرار دهید. سپس میتوانید متن خود را ما بین آن اضافه کنید. به عنوان نمونه به تصویر زیر توجه کنید:
مجددا، حتما save را کلیک کنید!
اضافه کردن افزونه فرم تماس ۷ در صفحه یا برگه
خب تا اینجا نحوه ایجاد فرم را، فرا گرفتیم. یک فرم ایجاد کنید و تنظیمات mail را انجام دهید. آخرین مرحله، اضافه کردن فرم ایجاد شده به یک صفحه یا برگه در وبسایت وردپرسی شما خواهدبود. به منوی contact رفته و contact forms را باز کنید. سپس short code مقابل فرم خود را، کپی کنید.
سپس پست یا برگه مد نظر خود را باز کنید. کد کپی شده را در بخشی از متن که قصد دارید نمایش داده شود، کپی کنید.
صفحه خود را با پیش نمایش بررسی کنید، اگر از نتیجه راضی هستید انتشار را بزنید. فرم ایجاد شده در صفحه را تست کنید. اطلاعاتی که وارد میکنید باید به آدرس ایمیلی که ثبت کردید ارسال شود. در صورت وجود هر گونه مشکل ابتدا پوشه اسپم و junk را چک کنید و سپس اقدام به عیبیابی کنید.
تغییر استایل فرم تماس ۷ چگونه است؟
در افزونه contact form 7 با استفاده از css می توان فرم سفارشی تعریف کرد و یا با قابلیت سفارشی سازی استایل که به طور پیش فرض در این افزونه قرار دارد، استایل فرم را تغییر داد و شخصی سازی فرم تماس ۷ را انجام دهید. روی add new کلیک کرده و در صفحه باز شده در بخش customstyle setting تغییرات دلخواه برای تغییر استایل فرم ۷ را وارد کنید.
امیدواریم با خواندن این مقاله از سایت سزار با نحوه نصب راه اندازی و تنظیمات افزونه فرم تماس ۷ آشنا شده باشید.