افزونه المنتور که یکی از بهترین صفحه سازهای وردپرس است که به شما این امکان را میدهد با کشیدن و رها کردن یک سایت واکنشگرا با ظاهر و ساختار دلخواه خود طراحی کنید این افزونه که از قابلیت ساخت فرم تماس نیز برخوردار است و به راحتی میتوانید هر گونه فرم تماس با ما را ایجاد کنید، امروز قصد داریم ساخت فرم تماس با ما در المنتور را برای شما عزیزان آموزش دهیم.
اگر می‌خواهید در وردپرس یک صفحه تماس با ما ایجاد کنید؛ افزونه contact form 7 نیز این امکان را در اختیارتان قرار میدهد، اما مشکلی که وجود دارد این است که استایل دهی به آن و تنطیمات این فرم محدودیت‌هایی دارد و باید با کدهای html و css آشنا باشید. ولی با المنتور بدون نیاز به دانش کدنویسی میتوانید هرگونه تغییرات را روی سایتتان اعمال کنید.
آموزش ساخت فرم تماس با ما در المنتور
اگر از از المنتور برای ویرایش صفحات سایتتان استفاده می‌کنید میتوانید بدون آن که به افزونه دیگری نیازی داشته باشید هر گونه فرم تماسی را برای سایتتان ایجاد کنید.
این کار بسیار ساده است فقط باید طبق آموزشی که در ادامه در اختیارتان قرار میدهیم پیش بروید برای ساخت فرم تماس با ما در المنتور باید ابتدا:
- ابتدا یک برگه جدید ایجاد کنید و گزینه ویرایش با المنتور را برنید.
- سپس یک ابزار جدید ایجاد کرده و از بین المان ها، المان FORM را انتخاب کنید.
- با زدن گزینه FORM فرم پیش فرض برای شما ایجاد می‌شود که شامل Name، Email، Message است
- در کنار این فرم یک پنل تنظیمات است که میتوانید فرم خود را طبق سلیقه خودتان سفارش سازی کنید.
این بخش شامل 4 گزینه است که در ادامه به تمام این موارد خواهیم پرداخت:
تغییر فیلد فرم تماس در Form Fileld
Form Name: در این بخش نام فرم را وارد کنید.
افزودن آیتم: اگر بخواهید فیلدهای بیشتری به فرم خود اضافه کنید بر روی type کلیک کنید. این لیست شامل فیلدهای شماره تلفن، ایمیل، آدرس سایت، زمان، تاریخ و… است.
- Lable: برچسب المان
- Placeholder: برچسب محتوای فیلد
- Required: لزامی بودن ورود فیلد
- Column Width: عرض المان را تعیین کنید.
تنطیمات دکمه ارسال فرم تماس در Submit Button
در این بخش تغییر ویژگی‌های دکمه فرم انجام می شود:
- Text: متن دکمه ارسال
- size: سایز متن دکمه
- Column Width: عرض دکمه
- Alignment: ترازبندی
- icon: آیکون دکمه را تنظیم کنید.
تنظیم عملیات ارسال فرم در Action After Submit
پس از ساخت فرم تماس با ما در المنتور نوبت به تنظیم action می‌رسد. شما می خواهید بعد از اینکه دکمه ارسال کلیک شد چه عملیاتی انجام شود؟
این عملیات می تواند باز شدن پاپ آپ، ارسال ایمیل، اجرای کمپین و … باشد.
تغییر پیام‌های فرم تماس در المنتور در Additional option
در این بخش میتوانید متن پیام‌های ارسال موفقیت آمیز یا عدم ارسال آن را تغییر دهید.
تنظیمات فرم
دومین سر برگ، استایل است که میتوانید برای سفارش سازی پس زمینه، فاصله‌ها و تایپوگرافی فیلدها و دکمه‌های فرم استفاده کنید.
سربرگ بعدی، بخش پیشرفته است، که در بخش پیشرفته میتوانید فاصله و پدینگ را برای انواع دستگاه‌های موبایل، تبلت و کامپیوتر تعیین کرد.
بخش بعدی Motion effect است که میتوانید افکت‌های جذابی در هنگام اسکرول مرورگر به فرم اعمال کنید یا انیمیشنی برای ورود فرم تماس به صفحه تنظیم کنید.
و در پایان
در این مقاله سعی کردیم به صورت 0 تا 100 شما را با ساخت فرم تماس با ما در المنتور آشنا کنیم، به یاد داته باشید این قابلیت فقط در نسخه پرو این محصول وجود دارد که میتوانید از سایت های همچون راست‌چین نسخه حرفه ای این افزونه را تهیه کنید.
باید بگوییم نگران هزینه آن نیز نباشید چرا که با دنبال کردن اینستاگرام راست چین و دریافت کد تخفیف نه تنها این افزونه را بلکه بسیاری از دوره‌های برنامه نویسی که این مجموعه ارائه میدهد را مانند برنامه نویسی ری اکت را میتوانید با تخفیف تهیه کنید.
به یاد داشته باشید این مجموعه در مناسبتهای مختلف کد تخفیف ارائه میدهد.
سوالات متداول
خیر، این قابلیت فقط برای نسخه پرو است، اگر از المنتور رایگان استفاده می‌کنید پیشنهاد میکنم افزونه contact form 7 را نیز همراه آن نصب داشته باشید.
برای ایمن کردن فرم تماس با ما، میتوانید از افزونه‌های امنیتی مانند Akismet استفاده کنید. این افزونه‌ها به شما کمک می‌کنند تا از ورود اسپم به فرم تماس با ما خود جلوگیری کنید.
همچنین، میتوانید از کدهای امنیتی مانند CAPTCHA در فرم تماس با ما خود استفاده کنید. این کدها به شما کمک می‌کنند تا از ورود افراد غیرمجاز به فرم تماس با ما خود جلوگیری کنید.
نظرات کاربران