×

ساخت فرم تماس با ما در وردپرس با contact form 7

ساخت فرم تماس با ما در وردپرس با contact form 7

سلام دوستان

در همه ی سایت ها برگه ای به نام تماس با ما وجود دارد و جزو برگه های مهم می باشد چون باعث ارتباط و اعتماد کاربر به سایت می شود. همه وبمستران دانش لازم در زمینه برنامه نویسی ندارند به همین دلیل راحت ترین کار استفاده از افزونه ها می باشد و افزونه های متعددی هم برای ایجاد فرم تماس برای وب سایت وجود دارد اما یکی از قدیمی ترین و پرکاربردترین و محبوب ترین، افزونه ی contact form 7 می باشد که تاکنون بیش از ۵۰۰۰۰۰۰ میلیون بار در وردپرس نصب شده است و امتیاز ۴.۵ از ۵ کسب کرده است. در ادامه به آموزش افزونه ی  contact form 7 می پردازیم.

نصب و فعال سازی افزونه ی contact form 7

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

نمایش تمام زیرمنوها در افزونه ی Contact Form 7

راه اندازی افزونه ی  contact form 7

ابتدا روی گزینه ی Add New کلیک کنید تا فرم جدید را بسازید بعد از کلیک با صفحه ی زیر روبرو خواهید شد که دارای ۴ تب مختلف می باشد و در ادامه به معرفی هر یک از تب ها می پردازیم.

معرفی تب Form

معرفی تب Form در افزونه ی Contact Form 7

 

 

 

 

 

 

 

 

 

 

 

در تب بالا تمام متن های روبرو تگ <label> را از انگلیسی به فارسی ترجمه کنید.

ما تمام متن های روبرو  تگ <label> را فارسی کردیم شما نیز مطابق با تصویر زیر عمل کنید.

فارسی کردن تب Form در افزونه ی Contact Form 7

معرفی تب Mail

به تب Mail بروید سپس صفحه ای برای شما باز خواهد شد که توضیحات آن را در دو تصویر خواهیم داد

معرفی تب Mail در افزونه ی Contact Form 7

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

همان صفحه را کمی به سمت پایین اسکرول کنید بخش زیر را مشاهده خواهید کرد.

بخش دوم تب Mail در افزونه ی Contact Form 7

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

معرفی تب Messages

معرفی تب Messages در افزونه ی Contact Form 7

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

معرفی تب Additional Settings

معرفی تب Additional Settings در افزونه ی Contact Form 7

در این تب می توانید کدهای اضافی را وارد کنید و در پایان برای ذخیره ی تمامی تغییرات انجام شده روی دکمه ی save کلیک کنید ( پر کردن این تب الزامی نیست)

بعد از ذخیره کردن، در بالای تب ها شورت کدی ظاهر می شود که می توانید آن را در برگه یا نوشته ی خود کپی کنید.

نمایش شورت کد در بالای تب ها در افزونه ی Contact Form 7

 

به بخش برگه ها – > افزودن برگه بروید و شورت کد بالا را در برگه ی جدید با عنوان فرم تماس با ما کپی کنید( استفاده از برگه بهتر از نوشته می باشد) و بر روی دکمه ی انتشار کلیک کنید.

کپی کردن شورت کد در برگه

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

پیش نمایش فرم در سایت

شما می توانید برای امتحان یک پیام ارسال کنید و مشاهده کنید به ایمیل شما ارسال می شود یا خیر. اگر ایمیل را در اسپم مشاهده کردید کافی است آن را یکبار برای همیشه no spam کنید تا پیام ها را در inbox دریافت نمایید.

جمع بندی!

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

مطالعه بیشتر

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

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