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

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

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

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

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

نحوه ساخت فرم تماس وردپرس

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

پس از نصب افزونه Contact Form 7 مشابه تصویر زیر منویی با عنوان فرم تماس در پیشخوان سایت وردپرس شما افزوده خواهد شد، روی این منو کلیک کنید تا به صفحه تنظیمات افزونه و ساخت فرم تماس در وردپرس هدایت شوید.

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

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

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

• فیلد متنی
• فیلد شماره تماس
• فیلد ایمیل
• فیلد شماره تماس
• فیلد آدرس های اینترنتی
• فیلد رادیویی چند گزینه ای
• فیلد چند گزینه ای
• و…

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

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

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

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

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

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

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

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

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

نتیجه گیری

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