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

ساخت صفحه تماس با ما در وردپرس با المنتور
Share on twitter
Share on facebook
Share on telegram
Share on whatsapp
Share on email

چکیده مقاله

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

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

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

مرحله اول : ساخت برگه تماس با ما

ابتدا وارد داشبورد وردپرس سایت خود شوید و یک برگه به نام تماس با ما یا Contact Us ایجاد نمایید و سپس روی دکمه ویرایش با المنتور کلیک نمایید.

ویرایش صفحه تماس با ما در وردپرس با المنتور

مرحله دوم: ایجاد هدر صفحه تماس با ما

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

  • برای اینکار روی آیکون + کلیک کرده تا یک بخش جدید ایجاد شود سپس ستون واحد (تک ستونی) را انتخاب نمایید.

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

  • حالا روی تنظیمات بخش کلیک کرده و از تب استایل – style یک تصویر به پس زمینه بخش ردیف اضافه نمایید.
  • برای اینکه تصویر پس زمینه و ردیف بهتر دیده شود باید ارتقاع ردیف ایجاد شده را از تب طرح بندی – layout تغییر داد. ما در این جا حداقل ارتقاع را 400 پیکسل در نظر می گیریم.
  • ما همچنین از قسمت روکش پس زمینه – Background overlay حالت ادغام را روی overlay و میزان تاری را روی 5.7 تنظیم می کنیم .

ایجاد هدر صفحه تماس با ما

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

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

مرحله سوم: ساخت فرم تماس

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

  • ابزارک فرم – Form را انتخاب کرده و در در ستون سمت چپ قرار بدهید.

ابزارک فرم المنتور

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

Form Name: یک نام برای فرم خود وارد نمایید.
• روی Name که کادر اول است کلیک نمایید و لیبل – Label و placeholder آن را تغییر بدهید.
گزینه های Email و Massage را هم مانند گزینه قبلی تنظیم کنید.

تماس با ما در وردپرس با المنتور

 

نکته : با غیر فعال کردن گزینه Label لیبل ها مخفی می شوند و با فعال کردن گزینه Required علامت ستاره مبنی بر ضروری بودن کادر نمایش داده می شود و با فعال کردن گزینه Required تکمیل کادر مربوطه ضروری می شود.

• روی گزینه Submit Button کلیک کرده و با تغییر عبارت درج شده در کادر Required متن روی دکمه ارسال را تغییر بدهید .اندازه، عرض چینش و آیکون آن را هم با استفاده از گزینه های بعدی می توانید تغییر بدهید.
Actions After Submit به صورت پیش فرض روی حالت ایمیل قرار دارد می توانید از این مرحله عبور کنید.

تماس با ما در وردپرس با المنتور

ارسال فرم تماس به ایمیل سرپرست سایت

در صفحه تماس هنگامی که کاربر فرم را تکمیل و ثبت می نماید یک ایمیل حاوی طلاعات فرم به مدیر یا پشتیبانی سایت ارسال می شود . برای تنظیم این کار پس از انتخاب عملکرد ایمیل روی بخش Email در همان تب کلیک نمایید. تنظیمات این بخش به صورت زیر تنظیم نمایید :
TO: آدرس ایمیل های که نتیجه به آن ارسال می شود را در این قسمت وارد نمایید. آدرس های ایمیل را می توانید با کاما از هم جدا کنید.
Subject: موضوع ایمیل ارسالی را در این بخش وارد نمایید.
Massage: به صورت پیش فرض تمامی اطلاعات وارد شده در فیلد های فرم به ایمیل های وارد شده ارسال می شود اگر تنها می خواهید فیلدهای خاصی ارسال شود این فیلم ها را در این قسمت وارد نمایید.
From Email: آدرس ایمیل ارسال کننده ایمیل را وارد نمایید.
From Name: نام ارسال کننده ایمیل را وارد نمایید.
Reply To: آدرس های ایمیل برای دریافت پاسخ را در اینجا وارد نمایید.
CC: آدرس های ایمیل به CC
BCC: آدرس ایمیل به BCC
Meta Data: اطلاعات دیگری را که می خواهید همراه با ایمیل ارسال شود را در این قسمت انتخاب نمایید.
Sends As: فرمت ایمیل ارسالی را انتخاب نمایید.

تماس با ما در وردپرس با المنتور

مرحله چهارم: افزودن اطلاعات تماس دیگر

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

تماس با ما در وردپرس با المنتور

مرحله پنجم: افزودن نقشه گوگل

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

  • همچنین عرض نقشه را نیز به تمام عرض تغییر بدهید.

تماس با ما در وردپرس با المنتور

در آخر برای اینکه کلیه تغییرات و اطلاعات وارد شده ذخیره شود روی دکمه انتشار کلیک نمایید. شکل کلی صفحه به شکل زیر خواهد بود.

تماس با ما در وردپرس با المنتور

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

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print

دریافت مقالات ناب

مقالات شبیه مقالات بالا رو هر هفته میفرستیم به ایمیلتون

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

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

× پشتیبانی آنلاین