چطور در المنتور فرم تماس بسازیم؟

محتوای این مطلب

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

نحوه ایجاد فرم در المنتور

در المنتور فرم بسازید! در چند قدم و به آسانی

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

انواع آیتم های فرم در المنتور

  • Text – متن
  • Email – آدرس ایمیل
  • Uri – لینک
  • Tel – تلفن
  • Radio – رادیوچک
  • Select – منوی آبشاری انتخاب
  • Checkbox – چک باکس
  • Acceptance – چک باکس پذیرفتن
  • Number – عدد
  • Date – تاریخ
  • Time – زمان
  • File upload – بارگذاری فایل
  • Password – گذرواژه
  • HTML – ایجاد بلاک html شخصی
  • hidden – مخفی
  • recaptcha v2 – پروتکل امنیتی گوگل نسخه ۲
  • recaptcha v3 – پروتکل امنیتی گوگل نسخه ۳
  • honeypot – پروتکل امنیتی هانیپات
  • Step – ایجاد گام یا قدم
  • Reset button – دکمه تازه سازی فرم

معرفی آیتم ها

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

  • Name
  • Email
  • Message

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

در اگر یکی از آیتم ها را باز کنید با منوی کشویی به نام Type رو به رو خواهید شد. با باز کردن اون منو می تونید آیتم دلخواهتون رو انتخاب کنید. در زیر تک تک آیتم ها رو بهتون آموزش می دیم.

آیتم Text یا متن

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

آیتم Email یا ایمیل

همونطور که تو مقاله بازاریابی ایمیلی توضیح دادم، ایمیل بشدت می تونه به رشد کسب و کارتون کمک کنه! این آیتم امکان دریافت آدرس ایمیل رو از کابر بهتون میده.  شما می تونید از text معمولی هم برای دریافت ایمیل استفاده کنید اما استفاده از خود آیتم ایمیل امکان Validation رو به فرم ایمیل شما میده. البته این Validation چندان پیشرفته نیست و برای اعمال Validation های پیشرفته نیازه که از فرم ساز های پیشرفته تری استفاده کنید.

آیتم Uri یا آدرس اینترنتی

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

آیتم Tel یا تلفن

این آیتم فیلدی برای ورود با Validation شماره تلفن ثابت قرار میده. تو فرم ساز المنتور استفاده از این آیتم چندان کاربردی نیست، چون Validation اون با شماره تلفن های ما ناسازگاره!

آیتم رادیو چک باکس یا Radio checkbox

یه آیتم فوق العاده بدرد بخوره. فرض کنید شما کلاس خودتون رو در دو شیف برگذار می کنید، صبح و بعد از ظهر. این آیتم کمک میکنه کاربر بین این دو یکی رو انتخاب کنه. البته امثال این انتخاب هارو با Select dropdown و checkbox هم میشه انجام داد. اما استفاده از radiobox میتونه به فرمتون زیبایی، تنوع و ظاهر حرفه ای تری بده.

آیتم Select یا انتخاب

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

آیتم Checkbox

آیتم پر کاربرد دیگه آیتم چک باکس هست. فرض کنید شما می خواید تو فرمتون کاربر تعداد دروسی رو که می خوائ تو دوره اون شرکت کنه انتخاب کنه. مثلا ریاضی، هندسه، شیمی و … می تونید چک باکس این درس هارو قرار بدید تا کاربر یکی یا دوتا و یا همشو انتخاب کنه.

آیتم Acceptance

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

آیتم Number یا تعداد

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

آیتم Date یا تاریخ

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

آیتم Time یا زمان

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

آیتم File upload یا بارگذاری فایل

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

آیتم Password

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

آیتم Html

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

آیتم HIDDEN

این آیتم فضای یک آیتم رو خالی میزاره. البته می تونید براش Lable هم بزارید اما لیبل این آیتم هم مثل ماهیتش مخفیه و دیده نمیشه.

پروتکل امنیت recaptcha v2 و recaptcha v3 و honeypot

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

محبوبترین کلیدی که اغب استفاده می شه و می تونید ازش استفاده کنید کلید recaptcha v2 هست. از اینجا می تونید این کلید رو دریافت کنید.

در المنتور فرم بسازید! در چند قدم و به آسانی دریافت کلید کپچا و گزینه کپچا در فرم المنتور
برای فعال شدن گزینه Recaptcha در فرم لازم است ابتدا یک کلید امنیتی از google recaptcha دریافت کنید و آن را در بخش یکپارچه سازی تنظیمات المنتور تنظیم کنید.

با دنبال کردن ویدیو این مطلب می تونید فرم دلخواهتون رو هم از نظر ساختاری و هم از نظر ظاهری تنظیم کنید.

ارسال پاسخ

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