آموزش ساخت فرم تماس با ما ( Contact Us ) وردپرس با پلاگین

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

دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران

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

contact-Form7


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

مجموعه آموزش کار با افزونه های کاربردی وردپرس - افزونه Contact-Form7


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

خب همونطور گفتم این افزونه به صورت پیش فرض امکانات کلی از یک فرم تماس ساده رو در اختیارتون میزاره، مثل فرم های ورودی "نام"، "ایمیل"،" موضوع"،"متن اصلی" و یک دکمه "ارسال". اما برای اینکه فرمتون کمی پیشرفته تر عمل کنه می تونه از ابزارهای موجود در پنجره فرم که در تصویر با عدد 2 معلوم شده است استفاده کنید. هر کدام از این آیتم ها دارای تنظیمات خاصی هستند که با کمی تجربه و خطا می تونید به اونها دسترسی داشته باشید.

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

مجموعه آموزش کار با افزونه های کاربردی وردپرس - افزونه Contact-Form7


بعد از اینکار شما بایستی دو آیتم Site Key و Secret Key مربوط به حساب گوگل کپچا رو بدست بیارید. برای اینکار وارد صفحه google.com/recaptcha بشید و روی گزینه Get Captcha کلیک کنید. بعد از اینکار از شما برای ثبت سایتتون نام سایت و آدرس سایت رو درخواست می کنه. بعد از پر کردن فرم روی Register کلیک کرده و در صفحه جدید به دنبال Secret Key , Site Key بگردید.

مجموعه آموزش کار با افزونه های کاربردی وردپرس - افزونه Contact-Form7


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

[recaptcha]


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


نظرات