Нужно ли вам, чтобы посетители вашего сайта загружали файлы в контактную форму??
Может быть, вы нанимаете сотрудников и хотите собирать резюме, или, возможно, вы проводите другую форму заявки или фотоконкурс, где вам нужно, чтобы кандидат приложил файлы.
В этом руководстве мы покажем вам, как создать форму загрузки файлов в WordPress (шаг за шагом).
Зачем создавать форму загрузки файлов в WordPress?
Если вы хотите получить какой-либо файл от ваших пользователей, то форма загрузки файла будет отличной идеей. Вы можете позволить пользователям загружать изображения, PDF-файлы, документы Word или другие типы файлов.
Использование формы загрузки файлов упрощает жизнь вам и вашим пользователям.
Вместо переписки по электронной почте вы можете создать форму, включающую все необходимые поля, чтобы собрать всю информацию сразу.
Кроме того, ваша форма должна автоматически сохранять данные формы в базе данных WordPress. Таким образом, вы сможете легко найти отправленные сообщения, даже если вы пропустите или удалите письмо.
Видеоинструкция
Подписаться на WPBeginner
Если вы предпочитаете письменные инструкции, продолжайте читать.
Как создать форму загрузки файлов в WordPress
В этом руководстве мы будем использовать WPForms, который является лучшим плагином контактных форм для WordPress.
Если у вас ограниченный бюджет, вы можете получить функцию загрузки файлов на тарифном плане WPForms «Базовый». Однако полнофункциональный план Pro дает вам доступ к бонусным шаблонам форм, отчетам об опросах и множеству других мощных функций.
Во-первых, вам нужно установить и активировать плагин WPForms. Если вы не уверены, как это сделать, просто ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
После активации плагина вы увидите новую вкладку WPForms в вашей приборной панели.
Перейдите на страницу WPForms » Аддоны страницу и прокрутите вниз до аддона Form Templates Pack. Нажмите на кнопку ‘Установить аддон’, чтобы установить и активировать его.
Теперь вы готовы создать свою первую форму загрузки файлов.
Перейдите по ссылке WPForms » Добавить новый страница.
Вы попадете прямо в конструктор WPForms. Вы можете дать имя своей форме в верхней части экрана:
Вам также нужно будет выбрать шаблон. Мы рекомендуем использовать шаблон загрузки файлов, который вы можете найти в разделе «Дополнительные шаблоны». Нажмите на шаблон, чтобы использовать его.
Форма загрузки файлов будет автоматически создана для вас.
Вы можете использовать форму загрузки файлов без каких-либо изменений, если хотите.
По умолчанию он позволяет пользователям загружать следующие типы файлов:
- Файлы изображений: .png, .gif, .jpg
- Документы: .doc, .xls, .ppt, .pdf
- Аудио: .wav, .mp3, .mp4
- Видео: .mpg, .mov, .wmv
Если вы хотите еще больше ограничить типы файлов, нажмите на поле «Загрузка файлов», чтобы изменить его. Вы увидите Опции поля в левой части экрана:
В поле «Разрешенные расширения файлов» вы можете ввести любые форматы файлов, которые вы хотите принимать. Мы собираемся разрешить форматы изображений .png, .gif, и .jpg. Убедитесь, что вы разделили их запятой.
Примечание: WordPress ограничивает типы файлов, которые могут быть загружены на сайт по соображениям безопасности WordPress. Вы можете добавить дополнительные типы файлов в WordPress, если хотите разрешить пользователям загружать файлы, которые обычно не разрешены.
Вы также можете установить максимальный размер файла и максимальное количество файлов. Для нашего конкурса мы собираемся разрешить людям отправлять до 3 фотографий размером до 50 МБ каждая.
Если вы хотите запретить людям отправлять форму, не прикрепив файл(ы), вы можете установить флажок Required. Это означает, что форма не может быть отправлена, пока не будет загружен хотя бы 1 файл.
По умолчанию поле загрузки файлов использует современный формат, позволяющий пользователям перетаскивать файлы. Однако, если у вас ограниченное пространство для формы или вы предпочитаете классическое поле загрузки, вы можете изменить это.
Просто нажмите на ‘Дополнительные параметры’, чтобы открыть дополнительные опции для поля. Вы можете переключить стиль с современного на классический с помощью выпадающего списка.
Совет: Классическое поле загрузки позволяет загружать только один файл. Если вы хотите, чтобы пользователи могли отправлять более одного файла, вам нужно добавить в форму более одного поля загрузки файлов.
Вы также можете выбрать хранение отправленных файлов в медиатеке WordPress, если хотите. Это упрощает добавление их в пост или страницу. Например, при проведении фотоконкурса мы можем включить лучшие фотографии при объявлении победителя.
Примечание: Загруженные файлы все равно сохранятся в вашей базе данных WordPress, даже если вы не поставите галочку в этом поле. Они просто хранятся в отдельной папке на вашем хостинге WordPress.
Если вы хотите отредактировать другие поля вашей формы, вы можете нажать на них слева таким же образом.
Вы также можете добавить новые поля с помощью вкладки Добавить поля. Просто перетащите любое поле, которое вы хотите добавить в вашу форму.
Здесь мы добавили в форму поле Website/URL, чтобы фотографы могли указать ссылку на свой сайт.
Если вы хотите удалить поле, наведите на него курсор мыши и нажмите на красный значок мусорной корзины. Мы собираемся удалить поле «Телефон», так как нам не нужны номера телефонов фотографов.
Когда вы будете довольны своей формой, нажмите кнопку Сохранить в верхней части экрана.
Настройка уведомлений формы загрузки файлов
На вкладке «Настройки» вы можете выбрать «Уведомления», чтобы настроить уведомления по электронной почте для вашей формы. Возможно, вы захотите изменить настройки по умолчанию.
По умолчанию форма отправляет уведомление по электронной почте на адрес .
Если вы создали свой сайт WordPress самостоятельно, то это будет ваш адрес электронной почты. Если нет, то вы можете удалить и ввести здесь свой собственный адрес электронной почты.
Совет: Не уверены, что это ваш адрес электронной почты или нет? Перейдите к Настройки » Общие в вашей приборной панели WordPress. Найдите адрес электронной почты администрации. Вы можете изменить его здесь. После этого просто нажмите кнопку Сохранить изменения внизу страницы.
Если вы хотите, чтобы отправленные файлы были отправлены нескольким людям, вы также можете настроить несколько уведомлений здесь.
Возможно, вы также захотите изменить сообщение подтверждения, которое увидят пользователи после отправки формы. Вы можете сделать это в разделе Настройки » Подтверждения.
Просто введите нужное сообщение в поле. Вы можете добавить форматирование, например, жирный и курсив, если хотите. Вот как выглядит сообщение по умолчанию:
Не забудьте сохранить форму после внесения изменений. Вы можете выйти из конструктора форм, нажав на X в правом верхнем углу.
Добавление формы загрузки файлов на ваш сайт
После того как вы создали форму, вам нужно добавить ее на свой сайт. Вы можете добавить ее в существующий пост или страницу, или создать новую страницу.
Мы собираемся добавить нашу форму на новую страницу. Чтобы создать новую страницу, перейдите в раздел Страницы » Добавить новую. Затем добавьте новый блок на вашу страницу, нажав на значок (+).
Далее, вам нужно выбрать блок WPForms в разделе Виджеты. Вы можете использовать строку поиска, чтобы найти ее, если хотите.
После добавления блока на вашу страницу, выберите созданную вами форму из выпадающего списка WPForms.
Теперь просмотрите или опубликуйте свою страницу и посмотрите на свою форму в реальном времени на вашем сайте. Вот как выглядит наша форма.
Вы можете внести изменения в свою форму, перейдя по ссылке WPForms » Все формы. Просто нажмите на название формы или проведите по ней мышью и нажмите на ссылку «Редактировать», чтобы отредактировать ее.
Когда вы редактируете свою форму, она автоматически обновляется на вашем сайте. Вам не нужно снова добавлять ее на страницу.
Совет: Рекомендуется протестировать форму, чтобы убедиться, что она работает так, как ожидалось. Если вы не получаете уведомление по электронной почте после создания формы, то посмотрите наше пошаговое руководство по устранению проблемы WordPress, не отправляющей электронную почту.
Просмотр или загрузка загруженных файлов
Когда кто-то отправляет файл через вашу форму загрузки файлов, вы можете получить его через почтовый ящик или через вашу приборную панель WordPress.
С каждым вводом формы вы будете получать письмо, подобное этому:
Просто нажмите на ссылки, чтобы просмотреть или скачать сами файлы.
Вы также можете легко найти файлы в самом WordPress. Перейдите на сайт WPForms » Записи затем нажмите на название вашей формы.
Затем вы сможете увидеть загруженные файлы в таблице записей формы. Кроме того, вы можете нажать на ссылку «Просмотр», чтобы увидеть полную информацию о записи в форме.
Надеемся, что это руководство помогло вам узнать, как создать форму загрузки файлов в WordPress. Вы также можете ознакомиться с нашим руководством о лучших плагинах для опросов WordPress и руководством о том, как создать рассылку по электронной почте.
Источник: www.wpbeginner.com