Elementor: چگونه یک فرم آپلود فایل ایجاد کنیم

آیا می خواهید نحوه ایجاد فرم بارگذاری پرونده در Elementor را بیاموزید؟

همانطور که احتمالا می دانید، نسخه حرفه ای Elementor دارای یک ویجت Form است که می توانید از آن برای ایجاد استفاده کنید اشکال در وب سایت وردپرس شما با استفاده از این ویجت می توانید تقریباً هر نوع را ایجاد کنید اشکال. حدود 19 نوع فیلد توسط این ویجت ارائه شده است، از جمله یک فیلد برای بارگذاری یک فایل.

در این مقاله ، نحوه ایجاد فرم متشکل از فیلد بارگذاری فایل را به شما نشان خواهیم داد.

اما قبل از شروع ، مطمئن شوید که نسخه Elementor خود را به نسخه Pro ارتقا داده اید ، زیرا ویجت Form فقط در Elementor Pro در دسترس است.

راهنمای ما را بخوانید: نحوه نصب Elementor در وردپرس

ابتدا یک صفحه جدید ایجاد کنید یا آن را با Elementor منتشر و ویرایش کنید.

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

با کلیک روی نماد بعلاوه در جعبه ویرایش Elementor ، بخش جدیدی اضافه کنید. شما می توانید بر اساس مفهوم طرحی که می خواهید ایجاد کنید ، هر ساختاری را انتخاب کنید. ما در این مثال یک ساختار تک ستونی را انتخاب می کنیم.

ابزارک Form را با کشیدن از پانل سمت چپ به قسمت بوم اضافه کنید.

به طور پیش فرض ، شما یک فرم دارید که از سه قسمت تشکیل شده است: نام ، ایمیل و پیام. با کلیک روی نماد x در این قسمت ، فیلدی را که نیازی به آن نیستید حذف کنید.

در این مقاله ، ما فرم ایجاد شده از 4 قسمت نام ، ایمیل ، پیام و بارگذاری پرونده را ایجاد خواهیم کرد. از آنجا که فرم به طور پیش فرض فقط 3 قسمت دارد ، باید فرم جدیدی را برای قسمت File Upload اضافه کنید.

دفعات بازدید: چگونه reCAPTCHA را به فرم Elementor خود اضافه کنیم

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

برای تعریف انواع پرونده های مجاز ، پسوندهای پرونده را وارد کنید انواع پرونده های مجاز. با جدا کردن پسوندهای پرونده با کاما ، می توانید چندین نوع پرونده را بپذیرید. اگر می خواهید به بازدیدکنندگان خود اجازه دهید چندین پرونده ارسال کنند ، گزینه را فعال کنید چندین فایل و حداکثر تعداد پرونده هایی را که می توانند بارگیری کنند تنظیم کنید.

اگر می خواهید ترتیب فیلدها را تغییر دهید ، می توانید هر قسمت را به بالا یا پایین بکشید. در این مثال ، ما قسمت File Upload را بالای قسمت Message قرار می دهیم.

تعریف عمل

اگر بتوانید فرم Elementor خود را با آن متصل کنید بسیار عالی خواهد بود خدمات باطن را تشکیل دهید مانند فرم ou ماشین کاری متأسفانه ، Elementor از ادغام با هرگونه سرویس backend پشتیبانی نمی کند.

دریابید که چگونه: نحوه افزودن تقسیم کننده برای ایجاد بخش در Elementor

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

به طور پیش فرض ، فرم فرم برای ایمیل تنظیم شده است. می توانید این را از گزینه تیک بزنید اقدامات پس از ارسال

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

همیشه زیر گزینه پست الکترونیک، متن ایمیل را به گزینه تنظیم کنید پیام

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

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

خود فراداده در زیر متن ایمیل ظاهر می شود.

در مزارع از ایمیل, از نام و پاسخ به، می توانید آنها را خالی بگذارید.

سفارشی کردن فرم

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

برای ایجاد گزینه های پیشرفته تر برای طراحی ، می توانید به برگه دسترسی پیدا کنید سبک. در اینجا برخی از گزینه های یک ظاهر طراحی شده است که می توانید تنظیم کنید.

• فاصله بین خطوط و تایپوگرافی برچسب ها را مشخص کنید

برای تعریف فضای بین خطوط (فیلدها) و همچنین تایپوگرافی برچسب ها ، می توانید گزینه را باز کنید فرم.

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

• تایپوگرافی فیلد ، رنگ پس زمینه ، رنگ حاشیه ، عرض حاشیه و شعاع مرز را تعریف کنید

می توانید گزینه را باز کنید میدان برای تعریف تایپوگرافی کنترل ، رنگ زمینه کنترل ، رنگ حاشیه ، عرض حاشیه و شعاع مرز.

• دکمه سفارشی سازی

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

چندین گزینه سفارشی سازی دیگر وجود دارد که می توانید تنظیم کنید. می توانید با پنل سمت چپ بازی کنید تا زمانی که از شکل ظاهرتان راضی باشید. پس از اتمام ، می توانید بر روی دکمه کلیک کنید انتشار دهنده فرم خود را منتشر کنید.

خطای احتمالی

وقتی فرم خود را آزمایش می کنید ، ممکن است پیام های خطا ظاهر شوند. در زیر مثالی از خطا آورده شده است.

خطای فوق معمولاً در صورتی رخ می دهد که از یک سرویس استفاده می کنیدمیزبانی وب اشتراک گذاری اکثر تامین کنندگان ازمیزبانی وب عملکرد غیرفعال کردن مشترک php send_mail ، که توسط قابلیت وردپرس استفاده می شود wp_mail برای ارسال ایمیل

اکنون Elementor Pro را دریافت کنید!

نتیجه

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

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...