ایجاد فرم تماس در وردپرس با افزونه Contact Form 7 + آموزش ویدیویی
آنچه خواهید خواند:
فرم تماس
فرم های تماس یکی از مهم ترین بخش های رابط کاربری است. ایجاد فرم های تماس حرفه ای باعث افزایش بازدید، ارتباط کاربران سایت با مدیران، افزایش اعتماد کاربران نسبت به سایت و در اخر باعث بهبود سئو میشود.! اهمیت زیبایی و رابط کاربری افزونه های ایجاد فرم تماس بسیار بالاست و همین باعث میشود تا یک افزونه از بین چندین افزونه ایجاد فرم تماس متمایز شود!
افزونه ایجاد فرم های تماس Contact Form 7
این افزونه محبوبیت بسیاری در بین وبسمتران وردپرسی پیدا کرده و در مخزن وردپرس بیش از ۵+ میلیون بار نصب فعال دارد.!
ویژگی های افزونه Contact Form 7
- اسانی در ایجاد فرم
- شخصی سازی فرم
- دارای شورت کد
- ساخت فرم بدن کد نویسی
- ساخت بی نهایت فرم های متنوع
- ایجاد کد امنیتی یا همان کپچا در فرم
- سرعت بسیار بالا
نصب و راه اندازی افزونه Contact Form 7
ابتدا افزونه Contact Form 7 را نصب و فعال کنید. بعد از نصب و فعال کردن این افزونه بخش جدیدی در پیشخوان وردپرس با اسم Contact برای ایجاد فرم اضافه میشود.
از قسمت Contact Forms میتوانید فرم هایی که تاکنون ساخته اید را مدیریت کنید.
در بخش Add New میتوانید فرم های جدیدی را ایجاد کنید.
و بخش اخر Integration مربوط به ماژول های مکمل این افزونه است.
ایجاد فرم جدید در افزونه Contact Form 7
ابتدا از قسمت Contact در نوار مدیریت وردپرس Add New را انتخاب کنید.
در صفحه جدید باز شده ما یک عنوان فرم و چهار تب مختلف با نام های Form , Mail , Messages , Additional Settings میبنیم.
تب Form
در تب Form ما فیلد های از قبل ساخته شده ای میبنیم و همینطور دکمه های مختلف در قسمت بالا، با این دکمه ها شما میتوانید تغییرات مختلفی در فرمتان ایجاد کنید. مثلا میتوانید با استفاده از recaptcha کد امنیتی در فرم خود قرار دهید.
اما مشکلی که این فیلد ها دارند این هست که فارسی نشده اند و کاربر در هنگام مشاهده فرم با یک فرم انگلیسی مواجه میشود. فقط کافیه برای فارسی سازی فیلد ها عبارت انگلیسی را پاک کرده و عبارت فارسی را جایگزین کنید.!
تب Mail
در تب Mail شما باید مشخص کنید که این پیام به چه کسی ارسال شود. در این قسمت باید ایمیل خودرا وارد کنید. بعد از وارد کردن ایمیل برای ذخیره تنظیمات روی Save کلیک کنید.
تب Messages
در این تب باید مشخص کنید چه متنی در هنگام موفقیت یا وجود مشکل در هنگام ارسال پیام توسط کاربر نشان داده شود. مشکلی که این متن دارد انگلیسی است اما شما به راحتی میتوانید آن را فارسی سازی کنید.
تب Additional Settings
اگر شما به کد نویسی تحت وب مسلط هستید بسیار برای شما خوشحالم! شما میتوانید در این قسمت تغییرات اضافی در فرمتان با استفاده از کد نویسی ایجاد کنید.
و در اخر روی دکمه Save کلیک کنید. تا تغییراتی که انجام داده اید ذخیره شود.
و بعد از ذخیره کردن یک شورت کدی به ما تحویل میدهد تا با استفاده از این شورت کد در مطالب یا برگه ها فرمی که ساختیم را قرار دهیم.
فقط کافیست این کد را کپی و در برگه و یا صفحات مورد نظر کپی کنید تا فرم اعمال شود.
و در نهایت باید فرم خود را در صفحه ای که اعمال کردید مشاهده کنید.
آموزش ویدیویی Contact Form 7
افزونه Contact Form 7
[previewbtn]صفحه افزونه[/previewbtn]
علی صادقیاندانشجوی کامپیوتر ، مسلط به وردپرس php،html،css،js علاقه مند به بیزینس انلاین ، طراحی وب