Хотите узнать, как создать форму для загрузки файлов в Elementor?
Как вы, наверное, знаете, профессиональная версия Elementor поставляется с виджетом «Форма», который вы можете использовать для создания формы на вашем сайте WordPress. С помощью этого виджета вы можете создавать практически любые типы формы. Этот виджет предлагает около 19 типов полей, включая поле для загрузить Файл.
В этой статье мы покажем вам, как создать форму, состоящую из поля для загрузки файла.
Но прежде чем начать, убедитесь, что вы обновили свою версию Elementor до версии Pro, поскольку, опять же, виджет формы доступен только в Elementor Pro.
Прочтите наше руководство по: Как установить Elementor на WordPress
Сначала создайте новую страницу или опубликуйте и отредактируйте ее с помощью Elementor.
Прежде чем приступить к созданию страницы для добавления формы, сначала установите макет. Для этого щелкните значок шестеренки в левом нижнем углу левой панели. Установите предпочтительный макет в раскрывающемся меню раскладка.
Добавьте новый раздел, щелкнув значок плюса в поле редактирования Elementor. Вы можете выбрать любую структуру на основе концепции дизайна, которую хотите создать. В этом примере мы выбираем структуру с одним столбцом.
Добавьте виджет «Форма», перетащив его с левой панели в область холста.
По умолчанию у вас есть форма, состоящая из трех полей: Имя, Электронная почта и Сообщение. Удалите ненужное поле, щелкнув значок x в поле.
В этой статье мы создадим форму, состоящую из 4 полей: имя, адрес электронной почты, сообщение и загрузка файла. Поскольку по умолчанию форма имеет только 3 поля, вам необходимо добавить новую форму для поля «Загрузка файла».
Читайте также: Как добавить reCAPTCHA в форму Elementor
Нажмите кнопку ДОБАВИТЬ ПУНКТ чтобы добавить новое поле. Определите тип поля при загрузке файла. Если вы хотите определить его как обязательное поле, активируйте опцию Необходимые. Установите максимальный размер файла в раскрывающемся меню на Максимальный размер файла.
Чтобы определить разрешенные типы файлов, введите расширения файлов Допустимые типы файлов. Вы можете принять несколько типов файлов, разделив расширения файлов запятыми. Если вы хотите, чтобы посетители могли отправлять несколько файлов, активируйте опцию Несколько файлов и установите максимальное количество файлов, которые они могут загрузить.
Если вы хотите изменить порядок полей, вы можете просто перетащить каждое поле вверх или вниз. В этом примере мы помещаем поле загрузки файла над полем сообщения.
Определение действия
Было бы здорово, если бы вы могли связать свою форму Elementor с формировать серверные службы такой как получить форму ou Формакарри. К сожалению, Elementor не поддерживает интеграцию с какими-либо серверными службами форм.
Выясни как: Как добавить разделитель для создания раздела в Elementor
Итак, в этой статье мы собираемся определить действие по электронной почте. Это означает, что материалы, отправленные через вашу форму, будут отправлены на указанный адрес электронной почты.
По умолчанию действие формы было настроено на электронную почту. Вы можете проверить это в опции Действия после отправки.
Затем откройте опцию Электронная почта и установите адрес электронной почты, на который будут отправляться формы. Также определите тему электронного письма.
Всегда под опцией Эл. адрес, установить тело письма на опцию Сообщение.
Чтобы настроить текст сообщения электронной почты, вы можете вставить шорткоды полей, которые хотите добавить в тело. Вы можете найти их во вкладке РАСШИРЕННЫЙ каждого поля.
Вы также можете настроить метаданные тела письма в разделе Метаданные. Удалите все метаданные, которые вы не хотите включать.
Сами метаданные появятся под телом электронного письма.
В полях от электронной почты, От имени и ответа, вы можете оставить их пустыми.
Настройка формы
На данный момент ваша форма готова к публикации. Перед публикацией вы можете настроить форму, чтобы сделать ее более привлекательной. По умолчанию каждое поле вашей формы содержит метку. Если вы хотите выключить его, вы можете сделать это из Параметр полей формы под вкладка Content.
Чтобы создать дополнительные параметры стиля, вы можете перейти на вкладку Стиль. Вот несколько вариантов стиля, которые вы можете установить.
- Определите расстояние между линиями и типографику этикеток.
Чтобы определить расстояние между линиями (полями), а также типографику этикеток, вы можете открыть опцию Форма.
Установите расстояние между строками в разделе Зазор между рядами. Чтобы определить типографику этикеток (размер шрифта, стиль шрифта и семейство шрифтов), вы можете щелкнуть значок карандаша в книгопечатание в разделе Метка.
- Определите типографику поля, цвет фона, цвет границы, ширину границы и радиус границы
Вы можете открыть опцию Поиск для определения типографики элемента управления, цвета фона элемента управления, цвета границы, ширины границы и радиуса границы.
- Кнопка "Настроить"
Чтобы настроить кнопку, вы можете открыть опцию Кнопки. Оттуда вы можете установить цвет фона, цвет текста, типографику, цвет границы, радиус границы и т. Д. Переключитесь на вкладку НАВЕДЕНИЕ для настройки наведения кнопки.
Вы можете установить несколько других параметров настройки. Вы можете поиграть с левой панелью, пока не будете довольны тем, как выглядит ваша форма. После этого вы можете нажать на кнопку ОПУБЛИКОВАТЬ опубликовать вашу форму.
Возможная ошибка
При тестировании формы могут появляться сообщения об ошибках. Ниже приведен пример ошибки.
Вышеупомянутая ошибка обычно возникает, если вы используете службувеб хостинг делиться. Большинство поставщиковвеб хостинг общая функция отключения PHP send_mail, который используется функциональностью WordPress wp_mail для отправки электронной почты.
Получите Elementor Pro прямо сейчас!
Заключение
Вот! Вот и все, что касается этой статьи, в которой показано, как создать форму для загрузки файлов в Elementor.. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
