آیا می دانید که یکی از مهمترین صفحات وب سایت صفحه تماس با ما است ؟ چون مشتریان و مخاطبان از این طریق است که می توانند با مرکز پشتیبانی وب سایت ارتباط برقرار کرده و جواب سوالات،مشاوره، راهنمایی ها و … خود را دریافت نمایند. خوشبختانه ساخت صفحه تماس با ما در وردپرس با المنتور بسیار راحت بوده و هر کسی بدون دانش برنامه نویسی در زمان کوتاهی می تواند این صفحه را ایجاد نماید.
نحوه ساخت صفحه تماس با ما در وردپرس با المنتور
قبل از هرچیز اطمینان حاصل کنید که نسخه المنتور پرو را نصب و فعال کرده اید. توجه داشته باشید که در نسخه رایگان المنتور با توجه به عدم داشتن ابزارک فرم، امکان ساختن فرم تماس با استفاده از آن وجود ندارد. پس حتما اگر نسخه پریمیوم المنتور را ندارید نسخه اورجینال را تهیه و نصب و فعال کنید.
مرحله اول : ساخت برگه تماس با ما
ابتدا وارد داشبورد وردپرس سایت خود شوید و یک برگه به نام تماس با ما یا 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: فرمت ایمیل ارسالی را انتخاب نمایید.
مرحله چهارم: افزودن اطلاعات تماس دیگر
تا حالا در صفحه تماس با ما تنها فرم تماس قرار گرفته شده است. در صورتی که بخواهید به کاربران راه های دیگر ارتباطی مانند شماره تماس، ایمیل، تلگرام و … را نیز بدهید در ستون سمت راست که قبلا ساختیم ابزارک آیکن جعبه را وارد نمایید.
یک آیکون مرتبط با مورد خود انتخاب کرده و در قسمت عنوان نوع راه ارتباطی مانند شماره تماس را وارد نمایید ودر قسمت توضیحات اطلاعات راه ارتباطی را وارد نمایید. همین کار را برای سایر اطلاعات تماس تکرار نمایید. به سلیقه خود نیاز سایر تنظیمات را سفارش سازی نمایید.
مرحله پنجم: افزودن نقشه گوگل
در صفحه تماس با ما در وردپرس باید فیلد های فراتر از اطلاعات تماس وجود داشته باشد تا مشتریان به راحتی بتوانند شما را پیدا کنند و هم زیبایی صفحه بالا برودب. برای اینکار ما از درج آدرس به صورت نقشه گوگل استفاده می نماییم. برای اینکار :
• یک بخش جدید تک ستونی ایجاد نمایید.
• ابزارک نقشه گوگل را کشیده و در ستون مربوطه رها نمایید.
• در کادر مکان اطلاعات کسب و کار خود را وارد نمایید.
• میزان بزرگ نمایی و ارتقاع نقشه را نیز تنظیم نمایید.
- همچنین عرض نقشه را نیز به تمام عرض تغییر بدهید.
در آخر برای اینکه کلیه تغییرات و اطلاعات وارد شده ذخیره شود روی دکمه انتشار کلیک نمایید. شکل کلی صفحه به شکل زیر خواهد بود.
به این صورت مراحل ساخت صفحه تماس با ما در وردپرس با المنتور به پایان رسید و شما می توانید از آن در وب سایت خود استفاده نمایید.