آموزش ساخت فرم تماس با ما در وردپرس به همراه آموزش تصویری

آموزش ساخت فرم تماس با ما در وردپرس به همراه آموزش تصویری

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

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

آموزش ساخت فرم تماس با ما در وردپرس

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

نحوه کار با افزونه فرم تماس (contact form 7)

 

افزونه contact form 7

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

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

 

ساخت فرم تماس با ما

همان طور که مشاهده می کنید، اطلاعاتی را که قصد دارید از کاربر دریافت کنید میتوانید از طریق فیلدهای موجود در کادر آبی می بینید انتخاب کنید.
که از انواع فیلدهای چند گزینه ای، متنی، رادیویی، فیلد ایمیل و… می توانید بستگی به نیاز خود استفاده کنید.
بعد از اینکه فیلد مورد نظر خودتون رو انتخاب کردید و اطلاعات مورد نیاز رو وارد کردین. بر روی سر برگ ایمیل کلیک کنید.

ویرایش فرم تماس با ما وردپرس

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

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

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

موضوع: این مورد هم همان طور که از اسمش پیداست، مربوط به موضوع ایمیل خواهد بود.

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

محتوای پیام: در این فیلد اطلاعات مربوط را که در فیلد بالا با استفاده از تگ‌های فرم تماس ساختید را بگذارید.

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

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

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

آموزش ساخت فرم تماس در وردپرس

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

قرار دادن فرم تماس با ما در صفحات سایت وردپرس

همانطور که مطابق تصویر زیر می بینید، برای فرمی که ایجاد کردید یک عدد شورت کد هم ساخته شده است.

فرم تماس با ما

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

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

همان طور که مطابق تصویر بالا میبینید، فرم مورد نظر ما هم در صفحه ای که آن را قرار دادیم، به اینصورت نمایش داده می شود.

جمع بندی

ما در این مقاله یاد گرفتیم که چگونه در وب سایت وردپرسی خود با استفاده از افزونه contact form 7 برای ساخت فرم تماس اقدام کنیم. و فرم های تماس مختلف با مشخصات مورد نظر خود را ایجاد کنیم. و چگونه آن ها را در صفحات دلخواه خود به نمایش کاربران بگذاریم.
از شما سپاس گذاریم که تا انتهای این مقاله همراه ما بودید. برای خواندن دیگر مقالات وردپرسی نبض تم به قسمت آموزش وردپرس مراجعه کنید.

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.