Искате ли да научите как да създадете формуляр за качване на файлове в Elementor?
Както вероятно знаете, професионалната версия на Elementor идва с изпълним модул Form, който можете да използвате за създаване форми на вашия уебсайт WordPress. С тази джаджа можете да създавате почти всякакъв вид форми. Има около 19 типа полета, предлагани от тази джаджа, включително поле за качване Файл.
В тази статия ще ви покажем как да създадете формуляр, който се състои от поле за качване на файл.
Но преди да започнете, уверете се, че сте надстроили вашата версия на Elementor до версията Pro, тъй като отново джаджата Form е достъпна само на Elementor Pro.
Прочетете нашето ръководство за: Как да инсталирам Elementor на WordPress
Първо, създайте нова страница или я публикувайте и редактирайте с Elementor.
Преди да започнете да създавате страницата, за да добавите формуляра си, първо задайте оформлението. За целта кликнете върху иконата на зъбно колело в долния ляв ъгъл на левия панел. Задайте предпочитаното оформление от падащото меню оформление.
Добавете нова секция, като щракнете върху иконата плюс в полето за редактиране на Elementor. Можете да изберете всяка структура въз основа на дизайнерската концепция, която искате да създадете. В този пример избираме структура с една колона.
Добавете приспособлението за формуляр, като го плъзнете от левия панел в областта на платното.
По подразбиране имате формуляр, съставен от три полета: Име, Имейл и Съобщение. Премахнете поле, което не ви е необходимо, като щракнете върху иконата x в полето.
В тази статия ще създадем формуляр, съставен от 4 полета: Име, имейл, качване на съобщение и файл. Тъй като по подразбиране формулярът има само 3 полета, трябва да добавите нов формуляр за полето Качване на файл.
Прочетете още: Как да добавите reCAPTCHA към формуляра на Elementor
Щракнете върху бутона ДОБАВЕТЕ ПРЕДМЕТ за да добавите ново поле. Определете вида на полето при качване на файл. Ако искате да го определите като задължително поле, активирайте опцията Задължително. Задайте максималния размер на файла от падащото меню на Максимален размер на файла.
За да определите разрешените типове файлове, въведете файловите разширения Разрешени типове файлове. Можете да приемете множество типове файлове, като разделите разширенията на файлове със запетая. Ако искате да позволите на посетителите си да подават множество файлове, активирайте опцията Множество файлове и задайте максималния брой файлове, които могат да изтеглят.
Ако искате да промените реда на полетата, можете просто да плъзнете всяко поле нагоре или надолу. В този пример поставяме полето Качване на файл над полето Съобщение.
Определение на действието
Би било чудесно, ако можете да свържете формуляра си Elementor с форма бекенд услуги като getform ou Кофраж. За съжаление, Elementor не поддържа интеграция с която и да е форма бекенд услуга.
Разберете как: Как да добавите разделител, за да създадете раздел в Elementor
И така, в тази статия ще определим действието по имейл. Това означава, че изпратените чрез вашия формуляр материали ще бъдат изпратени чрез посочения имейл.
По подразбиране действието с формуляра е настроено на имейл. Можете да проверите това от опцията Действия след подаване.
След това отворете опцията E-mail и задайте имейл адреса, на който ще се изпращат изпратени формуляри. Също така дефинирайте темата на имейла.
Винаги под опцията Електронна поща, задайте тяло на имейл на опция Съобщение.
За да персонализирате тялото на имейла, можете да поставите шорткодовете на полетата, които искате да добавите към тялото. Можете да ги намерите в раздела НАПРЕДА на всяко поле.
Можете също да персонализирате метаданните на тялото на вашия имейл в раздела Мета данни. Премахнете всички метаданни, които не искате да включите.
Самите метаданни ще се появят под тялото на имейла.
В полетата От имейл, От Име и Отговор, можете да ги оставите празни.
Персонализиране на формата
Засега вашият формуляр е готов за публикуване. Преди да го публикувате, можете да персонализирате формуляра, за да го направите по-привлекателен. По подразбиране всяко поле във вашия формуляр съдържа етикет. Ако искате да го изключите, можете да го направите от Опция за полета за формуляри су раздела Съдържание.
За да създадете по-разширени опции за стилизиране, можете да влезете в раздела Стил. Ето някои опции за стилизиране, които можете да зададете.
- Определете интервала между редовете и типографията на етикетите
За да определите интервала между редовете (полетата), както и типографията на етикетите, можете да отворите опцията Форма.
Задайте интервала между редовете в секцията Пропуск между редовете. За да определите типографията на етикетите (размер на шрифта, стил на шрифта и семейство шрифтове), можете да щракнете върху иконата на молив на книгопечатане в секцията Етикет.
- Определете типографията на полето, цвета на фона, цвета на границата, ширината на рамката и радиуса на границата
Можете да отворите опцията Област за определяне на типографията на контролата, цвета на фона на контролата, цвета на границата, ширината на границата и радиуса на границата.
- Бутон за персонализиране
За да персонализирате бутона, можете да отворите опцията Копчета. Оттам можете да зададете цвят на фона, цвят на текста, типография, цвят на границата, радиус на границата и т.н. ... Превключете към раздела ХОВЕР за да персонализирате посочването на бутона.
Има няколко други опции за персонализиране, които можете да зададете. Можете да си играете с левия панел, докато не сте доволни от това как изглежда вашата форма. След като приключите, можете да щракнете върху бутона ПУБЛИКУВАНЕ за да публикувате формуляра си.
Потенциална грешка
Когато тествате формуляра си, може да се появят съобщения за грешка. По-долу е даден пример за грешка.
Горната грешка обикновено възниква, ако използвате услугауеб хостинг споделяне. Повечето доставчици науеб хостинг споделена функция за деактивиране php send_mail, което се използва от функционалността на WordPress wp_mail за изпращане на имейли.
Вземете Elementor Pro сега!
Заключение
Ето го ! Това е за тази статия, която ви показва как да създадете формуляр за качване на файлове в Elementor. Ако имате някакви притеснения как да стигнете до там fуведомете ни в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...