افزونه های وردپرس

آموزش ساخت فرم تماس با ما در وردپرس با افزونه contact form 7

وجود صفحه تماس با ما برای ارتباط با بازدید کنندگان یا کاربران سایت شما جزو لاینفک بک وبسایت به شمار می رود. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می‌شود. می‌توان به دلیل پرکاربرد بودن این برگه، آن را یکی از برگه‌های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارند که می‌توانید با آن‌ها فرم‌های متنوعی را ایجاد کنید.
از افزونه‌های قدیمی و پرکاربرد برای ساخت فرم تماس با ما در وردپرس می‌توان افزونه ” فرم تماس با ما ۷ ” یا Contact form 7  را نام برد که محبوبیت بالایی را در میان وردپرس کاران دارد.

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

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

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

این مطلب را از دست ندهید :
مدیریت و کنترل فعالیت کاربران در وردپرس

دانلود افزونه Contact form 7 

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

فرم های contact form 7
فرم های موجود

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

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

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

سربرگ ایمیل در افزونه فرم تماس 7
سربرگ ایمیل
  • به: در این فیلد آدرس ایمیلی که قصد دارید فرم‌های تماس به آن ارسال شوند را وارد کنید.
  • از طرف: این گزینه مربوط به فرستنده ایمیل است که در هنگام دریافت ایمیل عنوان سایت و ایمیل ارسال کننده در آن نمایش داده میشود که میتوانید آن را شخصی سازی کنید.
  • موضوع: این گزینه نشان دهنده موضوع ایمیل خواهد بود.
  • سرآیندهای اضافی: با استفاده از این گزینه می توانید از برچسب‌های اضافه استفاده کنید.
  • محتوای پیام: از این بخش میتوانید اطلاعات مربوط به فرم را که در مرحله قبل با استفاده از تگ‌های فرم تماس وردپرس ساختید را وارد کنید تا در محتوای ایمیل مشخص شده و برای شما ارسال شوند.
  • ایمیل 2: با فعال کردن این گزینه هم مجددا همین فرم نمایش داده میشود با این تفاوت که میتوانید یک ایمیل دیگر هم وارد کنید تا وقتی کاربری فرم تماس را تکمیل و ارسال کرد علاوه بر ایمیل فعلی که در فیلد به مشخص کردید در ایمیلی هم که در ایمیل 2 مشخص میکنید اطلاعات فرم تماس ارسال شود.
این مطلب را از دست ندهید :
ارسال فایل در نظرات توسط کاربران با افزونه Comment Attachment

در سربرگ پیام میتوانید پیغام دلخواه خود در روند ارسال فرم تماس وردپرس برای حالت‌های مختلف مثل خطا در ارسال فرم، ارسال موفقیت آمیز فرم، پر کردن اطلاعات اشتباه در فیلدها و… را وارد کنید.

در بخش تنظیمات اضافی می توانید برای نمایش فرم در وردپرس استایل های مختلفی وارد کنید تا فرم تماس وردپرس با استایل دلخواه شما نمایش داده شود. در نهایت روی دکمه ذخیره کلیک کرده و به منوی فرم تماس در پیشخوان وردپرس برگردید.

شورت کد فرم ساخته شده در فرم تماس 7
شورت کد

در بخش فرم های تماس برای فرمی که ساخته اید شورت کدی ساخته شده است که با قرار دادن این شورت کد در برگه دلخواه خود می توانید فرم تماس را در آن برگه نمایش دهید.

شورت کد در صفحه تماس با ما
قرار دادن شورت کد در صفحه تماس با ما

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

صفحه ساخته شده با افزونه فرم تماس 7
صفحه تماس با ما

عاطفه نوربخش

عاطفه نوربخش هستم؛ هم بنیانگذار " وردپرس نارنجی " که حاصل تجربه های خودم در حوزه تخصصی وردپرس را برایتان می نویسم و تلاش میکنم به شما کمک کنم تا با سیستم مدیریت محتوای وردپرس، سایت وردپرسی ای زیبا و حرفه ای داشته باشید.

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

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

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+