ساخت فرم ارتباط با ما در وردپرس با Contact Form by WPForms

هر سایتی حداقل دارای یک فرم می باشد که برای امور مختلف می تواند در نظر گرفته شود. دانلود افزونه Contact Form by WPForms

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

 فرم ارتباط با ما در وردپرس

افزونه ی Contact Form by WPForms همانند دیگر افزونه های ایجاد فرم تماس با ما می باشد اما با چند ویژگی جالب!
با استفاده از این افزونه می توانید فرم مورد نظرتان را انتخاب و سپس با عمل گرفتن و کشیدن یک فیلد به داخل فرم، به راحتی فیلد های مورد نظرتان را به آن بیفزایید.
اکثر بخش های این افزونه رایگان می باشد و شما هیچ محدودیتی را نسبت به استفاده از افزونه نخواهید داشت، پس می توانید با خیال راحت به ایجاد  فرم ارتباط با ما در وردپرس بپردازید.
شما می توانید بی نهایت فرم را ایجاد کنید و زمانی که می خواهید هر کدام از آن ها را در خروجی نمایش دهید کافیست در نوشته یا برگه مورد نظر آن را قرار دهید.

ایجاد فرم تماس با ما با Contact Form by WPForms

wpforms- فرم ارتباط با ما در وردپرس

نصب و راه اندازی افزونه

برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب کنید. بعد از نصب در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Contact Form by Supsystic برای ایجاد  فرم ارتباط با ما در وردپرس ساخته می شود.

افزودن فرم جدید

افزودن فرم جدید- فرم ارتباط با ما در وردپرس

بر روی گزینه ی add new کلیک کنید تا اولین فرم تماس با ما در وردپرس را ایجاد کنیم.

ساخت اولین فرم- فرم ارتباط با ما در وردپرس

اگر به قسمت All Forms هم بروید می بایست طبق تصویر بالا روی Add New جهت ایجاد فرم کلیک کنید(فرقی ندارد!).

دانلود افزونه Contact Form by WPForms

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

دانلود افزونه Contact Form by WPForms

روی هر فیلد اگر کلیک کنید در ستون سمت چپ تنظیمات مربوط به همان فیلد را می توانید مشاهده کنید.

تنظیمات فرم

طبق تصویر بالا می توانید تنظیمات فیلد ” نام ” را در ستون سمت چپ مشاهده کنید. می توانید آن ها را برای خود فارسی کنید مثلا برای لیبل می توانید متن را از انگلیسی به فارسی نمایش دهید.
در قسمت Format هم سه گزینه وجود دارد که می توانید نام را تنها در یک فیلد نمایش دهید یا اینکه نام + نام خانوادگی را نمایش دهید یا اینکه نام + نام وسطی + نام خانوادگی را به نمایش بگذارید. در صورت انتخاب هر کدام برای هر عدد یک فیلد ایجاد می شود که همه در یک خط می باشند.
گزینه ی Required هم مربوط به مهم بودن آن گزینه یا فیلد می باشد که با فعال کردن آن کاربر باید حتما آن فیلد را تکمیل کند.
قسمت Advanced Options هم مربوط به تنظیمات اضافه تر از جمله سایز فیلد، مقادیر پیش فرض نمایشی فیلدها و… می باشد.

General

دانلود افزونه Contact Form by WPForms

به قسمت General بروید، در این قسمت تنظیمات مربوط به دکمه ی Submit را مشاهده می کنید. در قسمت مشخص شده در تصویر بالا ما مقدار ” ارسال ” را قرار داده ایم که متن دکمه ی submit می باشد.
در قسمت زیرین هم مقدار ” در حال ارسال… ” را برای زمانی قرار داده ایم که فرم در حال ارسال به سمت سرور می باشد.

Confirmation

confirmation- فرم ارتباط با ما در وردپرس

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

تنظیمات دلخواه دیگر

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

دانلود افزونه Contact Form by WPForms

مشاهده خروجی

بعد از اتمام کار می توانید خروجی را مشاهده کنید. برای این کار کافیست به برگه یا نوشته سایت خود بروید و شورت کد مورد نظر را وارد کنید.

دانلود افزونه Contact Form by WPForms

طبق تصویر بالا در یک برگه یا نوشته جدید روی گزینه ی Add Form کلیک کنید تا پاپ آپ مورد نظر برای شما نمایش داده شود. بعد از آن از منوی آپشن فرم مورد نظرتان را انتخاب کنید و شورت کد آن را به ویرایشگر سایت خود بیفزایید(بعد از انتخاب فرم، شورت کد بطور خودکار وارد ویرایشگر می شود!).

نتیجه کار

بعد از آن به پیش نمایش نوشته یا برگه می رویم.

دانلود افزونه Contact Form by WPForms

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

این افزونه راست چین و در بخش هایی فارسی سازی شده که می توانید آن را از همین جا دریافت کنید.

ویدیوی آموزشی:

دانلود ویدیو آموزشی:

دانلود ویدیو اموزشی از اندرویدپرس98

 

 

 

دانلود افزونه:

دانلود افزونه از اندرویدپرس98

 

سپهر رادمرد

سپهر رادمرد هستم موسس سایت اندرویدپرس98 تمام تلاشم رو میکنم محیطی رو برای اموزش رایگان و با کیفیت فراهم کنم.

شما ممکن است این را هم بپسندید

۲ پاسخ‌ها

  1. javad گفت:

    سلام خسته نباشید
    ببخشید لینک دانلود افزونه که بالا قرار دادید خراب هست لطفا درستش کنید ممنون .

  2. سپهر رادمرد گفت:

    سلام شرمنده مشکلی با هاست دانلود داشتیم که تا ۱ ساعت دیگه درست میشه.
    مرسی که گوشزد کردید:)

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

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