تمام دوره های فصل وردپرس رایگان شدند!!!

کارو کانتنت

افزونه فرم تماس وردپرس Contact Form 7 و آموزش کار با آن + آموزش ویدئویی

contact form 7 logo

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

contact form 7 logo

میخوای فرم سازی حرفه ای رو کامل یاد بگیری؟ در دوره آموزش فرم سازی وردپرس، افزونه گرویتی فرم رو کامل آموزش دادیم!

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

contact form 7 form

همانطور که می بینید ابزار هایی در بالای محیط افزونه وجود دارد که از طریق آن ها می توانید فرم های حرفه ای تری بسازید. به عنوان مثال درج انواع مختلف فیلد های خاص مثل شماره تلفن یا ایمیل، چک باکس یا دکمه های رادیویی، ارسال فایل، کد کپچا یا همان کد امنیتی و … امکان پذیر است.

در نسخه اصلی خود افزونه Contact Form 7، اطلاعات فرم ارسالی فقط به ایمیل ارسال می شود و در خود سایت ذخیره نمی شود. البته افزونه هایی هستند که مکمل افزونه فرم تماس هستند و امکان ذخیره پیام را نیز به مدیر سایت می دهد.

این مطلب را هم بخوانید:  افزودن فیلد های اضافی در پست تایپ های وردپرس و نمایش در سایت + آموزش ویدئویی

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

contact form 7 email

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

contact form 7 email

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

این مطلب را هم بخوانید:  ساخت نظرسنجی و رای گیری در وردپرس با افزونه WP Poll + آموزش ویدئویی

contact form 7 shortcode

اگر نیاز به فرم های حرفه ای در وردپرس دارید، شاید این افزونه کمک چندانی به شما نکند و به جای آن افزونه گرویتی فرم را به شما پیشنهاد می کنیم. ما در دوره آموزش فرم سازی حرفه ای در وردپرس ، این افزونه را همراه با امکانات حرفه ای مانند اتصال به درگاه بانک، اتصال به پنل پیامک و … آموزش داده ایم که پیشنهاد می کنیم که حتما این دوره را مشاهده کنید.

افزونه فرم تماس وردپرس Contact Form 7  را می توانید از لینک زیر دانلود کنید.

میخوای فرم سازی حرفه ای رو کامل یاد بگیری؟ در دوره آموزش فرم سازی وردپرس، افزونه گرویتی فرم رو کامل آموزش دادیم!
جهت دانلود ایمیل خود را وارد کنید و دکمه را بزنید. اگر عضو سایت هستید، لطفا وارد حساب کاربری شوید تا دیگر این فرم ایمیل را نبینید.
حتما عضو کانال یوتیوب فصل وردپرس باشید! ما در یوتیوب دوره ها و آموزش های رایگان داریم!!!
5/5 - (7 امتیاز)
مسعود جواهری

لیسانس نرم افزار و دیپلم زبان انگلیسی دارم و بیش از 10 سال است که در زمینه طراحی سایت و سئو فعالیت می کنم. صاحب سایت های فصل وردپرس، سینما مدرن و ورتکس وب هستم اما فعالیت اصلی بنده به عنوان هم بنیان گذار سایت فرالن (فعال در حوزه آموزش آنلاین زبان های خارجی) است.

دوره های رایگان سئو و طراحی سایت در یوتیوب!