می خواهید بدانید که چگونه یک را ایجاد کنید فرم تماس در المنتور؟
صفحه تماس یکی از مهمترین صفحات یک وب سایت است. درصورت تایید یا عدم تایید وب سایت ، اغلب از آن به عنوان یک پارامتر استفاده می شود. Elementor همراه با یک ابزارک بومی - ابزارک فرم - به شما اجازه می دهد یک فرم را به یک صفحه اضافه کنید. این مقاله به شما نشان می دهد چگونه.
خود ویجت Form فقط در Elementor Pro در دسترس است. یعنی اگر هنوز از نسخه رایگان استفاده می کنید باید به نسخه حرفه ای ارتقا دهید. نه تنها می توانید از ویجت Form برای ایجاد یک استفاده کنید فرم تماس، اما می توانید از آن برای ایجاد انواع دیگر فرم ها از جمله فرم ثبت نام ایمیل، فرم ثبت نام کاربر، فرم بارگذاری پروندهو غیره ...
نحوه ایجاد فرم تماس در Elementor
هنگامی که شما ایجاد کنید فرم تماس با استفاده از ابزارک Elementor's Form، می‌توانید مکانی را تعیین کنید که داده‌های فرم در آن ارسال شود. چه در حساب ایمیل شما و چه در مدیر ارسال فرم پیش فرض Elementor.
در این مقاله ، ما مستقیماً به اضافه کردن ابزارک Form به جعبه ویرایش Elementor خواهیم پرداخت. فقط ابزارک فرم را از صفحه ویجت به جعبه ویرایش به شرح زیر اضافه کنید:
همانطور که مشاهده می کنید ، ابزارک Form به طور خودکار یک فرم متشکل از سه قسمت ایجاد می کند.
دفعات بازدید: نحوه افزودن شبکه قیمت در Elementor
برای ویرایش یک قسمت موجود ، می توانید آن را باز کنید. می توانید نوع فیلد را تغییر دهید ، برچسب و محل نگهداری پیش فرض را لغو کرده و در صورت تمایل آن را به عنوان یک قسمت مورد نیاز تنظیم کنید.
برای حذف یک فیلد موجود ، می توانید بر روی کلیک کنید X از فیلدی که می خواهید حذف کنید.
برای افزودن یک قسمت جدید ، می توانید بر روی دکمه کلیک کنید افزودن یک عنصر. ابزارک Form خود از بیست نوع فیلد پشتیبانی می کند.
تعریف عمل فرم
همانطور که قبلاً اشاره کردیم ، شما می توانید داده های فرم (موارد ارسالی) را به حساب ایمیل خود یا فرم ارسالی داخلی Elementor ارسال کنید. برای تنظیم مقصد ، می توانید بلوک را باز کنید پس از ارسال اقدامات زیر زبانه محتویات از پانل تنظیمات
همچنین ببینید: نحوه ایجاد یک تصویر گرد در Elementor
عملی را انتخاب کنید که می خواهید در قسمت موجود تعریف کنید (می توانید چندین عملکرد را اضافه کنید). در این مثال ، ما انتخاب می کنیم پست الکترونیک.
اگر فرم فرم را نیز تنظیم کنید از طریق ایمیل ، می توانید بلوک را باز کنید پست الکترونیک برای تعیین آدرس پست الکترونیکی برای دریافت اطلاعات فرم. همانطور که مشاهده می کنید در صورت تمایل می توانید موضوع را نیز تنظیم کنید.
به طور پیش فرض ، Elementor شامل محتوای تمام زمینه های موجود در فرم است. اگر می خواهید فقط مطالب مربوط به زمینه های خاص را در آن بگنجانید ، می توانید کد کوتاه فیلدهای دلخواه خود را در قسمت مربوطه جایگذاری کنید. پیام
به عنوان مثال ، تنظیمات زیر فقط محتوای قسمت پیام را ارسال می کند.
برای دریافت کد کوتاه یک قسمت ، می توانید روی برگه کلیک کنید پیشرفته در قسمت مرتبط بلوک زمینه ها را تشکیل دهید.
تعریف پیام ها
وقتی داده های فرم با موفقیت ارسال می شود ، بازدید کنندگان شما پیامی موفق را در زیر فرم مشاهده می کنند. به همین ترتیب ، آنها هنگام ارسال داده های فرم ، پیام خطایی را نیز مشاهده خواهند کرد.
همچنین مشاهده کنید: نحوه ایجاد بخش اعضای تیم با Elementor
می توانید این پیام های پیش فرض و همچنین دو پیام دیگر را از بلاک کنید گزینه های اضافی زیر زبانه محتویات از پانل تنظیمات را فعال کنید پیام های سفارشی برای لغو پیام های پیش فرض
سفارشی کردن فرم
پس از انجام تنظیمات اساسی زیر برگه محتوا از پانل تنظیمات ، می توانید به سبک برای سفارشی کردن فرم. پنج بلوک وجود دارد که می توانید در اینجا باز کنید.
فرم
می توانید این بلوک را باز کنید تا فضای بین ستون ها و ردیف های فرم ، فاصله برچسب ، تایپوگرافی (خانواده قلم ، اندازه قلم ، سبک قلم و غیره) برچسب فرم و رنگ متن مورد نظر را مشخص کنید.
- میدان
می توانید این بلوک را باز کنید تا تایپوگرافی متن فیلد و همچنین رنگ ، رنگ زمینه زمینه های فرم ، اندازه ، رنگ حاشیه و شعاع حاشیه قسمت های فرم را تعریف کنید.
- دکمه
برای شخصی سازی دکمه ارسال می توانید این بلوک را باز کنید. می توانید مواردی مانند تایپوگرافی متن دکمه ای و همچنین رنگ ، رنگ پس زمینه ، شعاع حاشیه ، اندازه حاشیه ، رنگ حاشیه و پر متن را تنظیم کنید. برای تنظیم اندازه دکمه ، می توانید این کار را از روی بلوک انجام دهید دکمه های تحت برگه محتوا
- پست
برای تعیین تایپوگرافی و همچنین رنگ متن پیام ها می توانید این بلوک را باز کنید.
- مراحل
فقط در صورت ایجاد فرم چند مرحله ای می توانید این بلوک را باز کنید.
پس از انجام سفارشی سازی فرم و همچنین صفحه ، می توانید صفحه خود را منتشر کنید.
خطای احتمالی
یکی از اشتباهات رایج هنگام تنظیم فرم عمل پست الکترونیک این است که فرم ارسال نمی شود. در عوض ، پیام زیر را مشاهده خواهید کرد.
Elementor و اکثر افزونه های فرم تماس - از جمله فرم تماس 7 - از ویژگی پیش فرض تحویل ایمیل وردپرس به نام استفاده می کنند wp_mail. این عملکرد به عملکرد بستگی دارد ارسال ایمیل که به عملکرد PHP بستگی دارد.
همچنین بخوانید: چگونه می توان یک اسلایدر توصیفی را در Elementor اضافه کرد
متاسفانه همه تامین کنندگانمیزبانی وب عملکرد را فعال نکنید ارسال ایمیل از PHP. در این صورت ، فرم شما ارسال نمی شود. در عوض ، مانند پیام بالا یک پیام خطا دریافت خواهید کرد.
برای حل این مشکل ، می توانید سرویس تحویل نامه سفارشی را در وردپرس خود نصب و پیکربندی کنید. در صورت امکان ، می توانید از ارائه دهنده میزبانی خود بخواهید که این ویژگی را فعال کند ارسال ایمیل از PHP.
در پایان
Elementor یکی از جامع ترین افزونه های صفحه ساز است. همراه با تعدادی از عناصر طراحی (ویجت) نامیده می شود تا بتوانید به راحتی عناصر را از جمله فرم تماس به صفحه اضافه کنید.
اگرچه می‌توانید از ویجت Form برای ایجاد فرم تماس از ابتدا با طراحی خود استفاده کنید، Elementor قالب‌های فرم را نیز ارائه می‌دهد که می‌توانید از آنها استفاده کنید. شما حتی می توانید یک صفحه تماس ایجاد کنید (البته با فرم تماس کامل) از یک الگو.
اکنون Elementor Pro را دریافت کنید!
نتیجه
اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید یک فرم تماس در Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.
با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...
