سلام دوستان
در همه ی سایت ها برگه ای به نام تماس با ما وجود دارد و جزو برگه های مهم می باشد چون باعث ارتباط و اعتماد کاربر به سایت می شود. همه وبمستران دانش لازم در زمینه برنامه نویسی ندارند به همین دلیل راحت ترین کار استفاده از افزونه ها می باشد و افزونه های متعددی هم برای ایجاد فرم تماس برای وب سایت وجود دارد اما یکی از قدیمی ترین و پرکاربردترین و محبوب ترین، افزونه ی contact form 7 می باشد که تاکنون بیش از ۵۰۰۰۰۰۰ میلیون بار در وردپرس نصب شده است و امتیاز ۴.۵ از ۵ کسب کرده است. در ادامه به آموزش افزونه ی contact form 7 می پردازیم.
نصب و فعال سازی افزونه ی contact form 7
ابتدا افزونه ی contact form 7 را که در پایان آموزش قرار دادیم دانلود و نصب کنید. اگر با نصب افزونه آشنایی ندارید مقاله ی آموزشی نصب افزونه را مشاهده کنید. بعد از نصب افزونه آن را فعال کنید بعد از فعال کردن Contact در پنل وردپرس ظاهر می شود.
راه اندازی افزونه ی contact form 7
ابتدا روی گزینه ی Add New کلیک کنید تا فرم جدید را بسازید بعد از کلیک با صفحه ی زیر روبرو خواهید شد که دارای ۴ تب مختلف می باشد و در ادامه به معرفی هر یک از تب ها می پردازیم.
معرفی تب Form
در تب بالا تمام متن های روبرو تگ <label> را از انگلیسی به فارسی ترجمه کنید.
ما تمام متن های روبرو تگ <label> را فارسی کردیم شما نیز مطابق با تصویر زیر عمل کنید.
معرفی تب Mail
به تب Mail بروید سپس صفحه ای برای شما باز خواهد شد که توضیحات آن را در دو تصویر خواهیم داد
در این تب شما ایمیلی را وارد می کنید تا کاربران بعد از اینکه به فرم تماس با ما مراجعه کردند و پیام را ارسال کردند پیام به ایمیلی که شما وارد می کنید برود.
همان صفحه را کمی به سمت پایین اسکرول کنید بخش زیر را مشاهده خواهید کرد.
مطابق تصویر گزینه ی Use Mail (2) را فعال کنید بخش های زیر آن نیز ظاهر می شود. این بخش برای زمانی کاربرد دارد که اگر پیام کاربر به ایمیل اولی ارسال نشد به ایمیل دیگری که در جاهای مشخص شده با کادر قرمز وارد می کنید ارسال شود بنابرای ایمیل دوم خود را در بخش بالا وارد کنید.
معرفی تب Messages
در تب بالا یک لیست از پیام هایی که کاربر در حین ارسال پیام و یا بعد از ارسال مشاهده خواهد کرد را شما مشاهده می کنید شما در اینجا می بایست تمام متن ها را از انگلیسی به فارسی ترجمه کنید و ما برای نمونه دو گزینه ی اول را فارسی کردیم.
معرفی تب Additional Settings
در این تب می توانید کدهای اضافی را وارد کنید و در پایان برای ذخیره ی تمامی تغییرات انجام شده روی دکمه ی save کلیک کنید ( پر کردن این تب الزامی نیست)
بعد از ذخیره کردن، در بالای تب ها شورت کدی ظاهر می شود که می توانید آن را در برگه یا نوشته ی خود کپی کنید.
به بخش برگه ها – > افزودن برگه بروید و شورت کد بالا را در برگه ی جدید با عنوان فرم تماس با ما کپی کنید( استفاده از برگه بهتر از نوشته می باشد) و بر روی دکمه ی انتشار کلیک کنید.
پیش نمایش برگه جدید در سایت را مشاهده کنید.
شما می توانید برای امتحان یک پیام ارسال کنید و مشاهده کنید به ایمیل شما ارسال می شود یا خیر. اگر ایمیل را در اسپم مشاهده کردید کافی است آن را یکبار برای همیشه no spam کنید تا پیام ها را در inbox دریافت نمایید.
جمع بندی!
فرم تماس با ما یکی از فرم های ضروری در هر سایتی است و شما برای ایجاد این فرم بهتر است از افزونه ی contact form 7 استفاده کنید و ما در این مقاله به آموزش آن نیز پرداختیم.