Как создать форму загрузки файла в WordPress

/

Вам нужно, чтобы посетители вашего сайта загружали файлы через вашу контактную форму?

Возможно, вы нанимаете сотрудников и хотите собрать резюме, или, возможно, вы запускаете другую заявку или конкурс фотографий, где вам нужно, чтобы кандидат прикрепил файлы.

В этом руководстве мы покажем вам, как создать форму загрузки файла в WordPress (шаг за шагом).

Как создать форму загрузки файла в WordPress

Зачем создавать форму загрузки файлов в WordPress?

Если вы хотите собирать файлы любого типа от пользователей, то форма для загрузки файлов - отличная идея. Вы можете позволить пользователям загружать изображения, файлы PDF, документы Word или другие типы файлов.

Использование формы загрузки файлов облегчает жизнь вам и вашим пользователям.

Вместо обмена электронными сообщениями вы можете создать форму, включающую все необходимые поля, чтобы вы могли собирать всю информацию сразу.

Кроме того, ваша форма должна автоматически сохранять данные формы в базе данных WordPress. Таким образом, вы можете легко найти отправленные материалы, даже если вы пропустите или удалите электронное письмо.

Как создать форму загрузки файла в WordPress

В этом руководстве мы будем использовать WPForms, лучший плагин для контактной формы для WordPress.

Если у вас ограниченный бюджет, вы можете получить функцию загрузки файлов в базовом плане WPForms. Однако полнофункциональный план Pro дает вам доступ к шаблонам бонусных форм, отчетам об опросах и множеству других мощных функций.

Сначала вам нужно установить и активировать плагин WPForms. Если вы не знаете, как это сделать, просто ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.

После того, как вы активируете плагин, вы увидите новую вкладку WPForms на панели инструментов.

Перейдите на страницу WPForms »Addons и прокрутите вниз до модуля Form Templates Pack Addon. Нажмите кнопку «Установить дополнение», чтобы установить и активировать его.

Теперь вы готовы создать свою первую форму загрузки файла.

Перейдите на страницу WPForms »Добавить новую.

Создание новой формы с использованием WPForms

Вы попадете прямо в конструктор WPForms. Вы можете дать своей форме имя в верхней части экрана:

Присвоение вашей форме имени в WPForms

Вам также нужно будет выбрать шаблон. Мы рекомендуем использовать шаблон загрузки файлов, который вы можете найти в разделе «Дополнительные шаблоны». Щелкните шаблон, чтобы использовать его.

Форма загрузки файла будет создана для вас автоматически.

Форма загрузки файла по умолчанию, созданная из шаблона

При желании вы можете использовать форму загрузки файла, не внося никаких изменений.

По умолчанию это позволяет пользователям загружать файлы следующих типов:

  • Файлы изображений: .png, .gif, .jpg.
  • Документы: .doc, .xls, .ppt, .pdf.
  • Аудио: .wav, .mp3, .mp4
  • Видео: MPG, MOV, WMV

Если вы хотите еще больше ограничить типы файлов, щелкните поле «Загрузка файла», чтобы отредактировать его. В левой части экрана вы увидите параметры поля:

Редактирование поля загрузки файла в WPForms

В поле «Разрешенные расширения файлов» вы можете ввести любые поддерживаемые форматы файлов. Мы собираемся разрешить изображения в форматах .png, .gif и .jpg. Убедитесь, что вы разделяете их запятой.

Введите типы файлов, которые вы хотите разрешить пользователям загружать

Примечание. WordPress ограничивает типы файлов, которые могут быть загружены на сайт из соображений безопасности WordPress. Вы можете добавить в WordPress дополнительные типы файлов, если хотите разрешить пользователям загружать типы файлов, которые обычно не разрешены.

Вы также можете установить максимальный размер файла и максимальное количество файлов. На наш конкурс мы дадим возможность людям отправлять до трех фотографий размером до 50 МБ каждая.

Если вы хотите, чтобы люди не отправляли форму, не прикрепляя свои файлы, вы можете установить флажок «Обязательно». Это означает, что форма не может быть отправлена, пока не будет загружен хотя бы один файл.

Поле для загрузки отредактированного файла в нашей форме

По умолчанию в поле загрузки файлов используется современный формат, позволяющий пользователям перетаскивать свои файлы. Однако, если у вас ограниченное пространство для формы или вы предпочитаете классическое поле загрузки, вы можете это изменить.

Просто нажмите «Дополнительные параметры», чтобы открыть дополнительные параметры для поля. Затем вы можете переключить стиль с современного на классический, используя раскрывающийся список.

Редактирование дополнительных параметров для поля загрузки файла

Совет: в классическом поле загрузки можно загрузить только один файл. Если вы хотите, чтобы пользователи могли отправлять более одного файла, вам нужно добавить в форму несколько полей для загрузки файлов.

Вы также можете сохранить отправленные файлы в медиатеке WordPress, если хотите. Это облегчает вам добавление их в сообщение или страницу. Например, в нашем фотоконкурсе мы можем включить лучшие фотографии при объявлении победителя.

Примечание. Загруженные файлы по-прежнему сохраняются в вашей базе данных WordPress, даже если вы не установите этот флажок. Они просто хранятся в отдельной папке в вашей учетной записи хостинга WordPress.

Если вы хотите отредактировать любое из других полей в вашей форме, вы можете щелкнуть, чтобы отредактировать их в левой части таким же образом.

Вы также можете добавить новые поля, используя вкладку «Добавить поля». Просто перетащите любое поле, которое хотите добавить в форму.

Здесь мы добавили в форму поле Веб-сайт / URL, чтобы фотографы могли дать нам ссылку на свой веб-сайт.

Добавление поля веб-сайта / URL в форму

Если вы хотите удалить поле, наведите на него курсор мыши и щелкните красный значок корзины. Мы собираемся удалить поле "Телефон", поскольку номера телефонов фотографов нам не нужны.

Когда вы будете довольны формой, нажмите кнопку «Сохранить» в верхней части экрана.

Нажмите кнопку Сохранить в WPForms

Настройка уведомлений в форме загрузки файлов

На вкладке «Настройки» вы можете нажать «Уведомления», чтобы настроить уведомления по электронной почте в форме. Вы можете изменить настройки по умолчанию.

По умолчанию форма отправляет уведомление по электронной почте на адрес {admin_email}.

Если вы создали свой сайт WordPress самостоятельно, то это будет ваш адрес электронной почты. Если нет, то вы можете удалить {admin_email} и вместо этого ввести здесь свой адрес электронной почты.

Изменение адреса электронной почты, на который отправляются уведомления формы

Совет. Не уверены, что {admin_email} - ваш адрес электронной почты? Перейдите в Настройки »Общие на панели инструментов WordPress. Найдите адрес электронной почты администратора. Вы можете изменить это здесь. После этого просто нажмите «Сохранить изменения» внизу.

Проверка или изменение адреса электронной почты администратора WordPress

Если вы хотите, чтобы отправленные файлы были отправлены более чем одному человеку, вы также можете настроить здесь несколько уведомлений.

Вы также можете изменить подтверждающее сообщение, которое пользователи видят после отправки формы. Вы можете сделать это в Настройки »Подтверждения.

Просто введите желаемое сообщение в поле. Вы можете добавить форматирование, например полужирный или курсив, если хотите. Так выглядит сообщение по умолчанию:

Изменение подтверждающего сообщения, которое пользователь видит после отправки формы

Не забудьте сохранить форму после внесения изменений. Вы можете выйти из конструктора форм, щелкнув X в правом верхнем углу.

Добавление формы загрузки файла на ваш сайт

После того, как вы создали форму, вам нужно будет добавить ее на свой веб-сайт. Вы можете добавить его в существующий пост или страницу, или вы можете создать новую страницу.

Мы собираемся добавить нашу форму на новую страницу. Чтобы создать новую страницу, перейдите в Страницы »Добавить новую. Затем добавьте новый блок на свою страницу, щелкнув значок (+).

Создание новой страницы в WordPress и добавление к ней нового блока

Далее вам нужно будет выбрать блок WPForms в разделе Widgets. Вы можете использовать строку поиска, чтобы найти его, если хотите.

Добавление блока WPForms на вашу страницу или сообщение

После того, как вы добавили блок на свою страницу, выберите созданную вами форму в раскрывающемся списке WPForms.

Выберите правильную форму из раскрывающегося списка WPForms

Теперь просмотрите или опубликуйте свою страницу и посмотрите на свою форму прямо на своем сайте. Вот как выглядит наша форма.

Готовая форма загрузки файла находится на сайте

Вы можете внести изменения в свою форму, перейдя в WPForms »Все формы. Просто щелкните имя формы или наведите на него указатель мыши и щелкните ссылку «Изменить», чтобы отредактировать ее.

Когда вы редактируете форму, она автоматически обновляется на вашем сайте. Вам не нужно снова добавлять его на свою страницу.

Совет. Рекомендуется протестировать форму, чтобы убедиться, что она работает должным образом. Если вы не получаете уведомление по электронной почте после создания записи в форме, ознакомьтесь с нашим пошаговым руководством по устранению проблемы с отправкой электронной почты WordPress.

Просмотр или загрузка загруженных файлов

Когда кто-то отправляет файл через вашу форму загрузки файла, вы можете получить его через свой почтовый ящик или через панель управления WordPress.

С каждой записью формы вы будете получать электронное письмо следующего содержания:

Полученное вами электронное письмо с деталями записи в форме, включая ссылки для скачивания файлов.

Просто щелкните ссылки, чтобы просмотреть или загрузить сами файлы.

Вы также можете легко найти файлы через сам WordPress. Перейдите в WPForms »Записи, затем щелкните имя вашей формы.

Выберите форму, чтобы просмотреть записи формы на панели инструментов WordPress.

Далее вы можете увидеть загруженные файлы в таблице записей формы. Кроме того, вы можете щелкнуть ссылку «Просмотр», чтобы просмотреть полные сведения о записи в форме.

Ссылки на файлы, показанные в записи WPForms в таблице

Мы надеемся, что это руководство помогло вам научиться создавать форму для загрузки файлов в WordPress. Вы также можете ознакомиться с нашим руководством по лучшим плагинам для опросов WordPress и нашим руководством по созданию электронной рассылки.

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как добавить категории в произвольный тип записи в WordPress

Вы ищете способ легко добавлять категории к произвольному типу сообщений? Категории - это одна из встроенных таксономий в WordPress, но по умолчанию

Как остановить и предотвратить DDoS-атаку на WordPress

WordPress - один из самых популярных конструкторов веб-сайтов в мире, потому что он предлагает мощные функции и безопасную кодовую базу. Однако это

Как загрузить HTML-страницу в WordPress без ошибок 404

Вы хотите загрузить HTML-страницу на свой сайт WordPress? Иногда вам может потребоваться добавить статическую HTML-страницу и сделать ее доступной вместе

Как добавить фавикон в свой блог WordPress

Фавикон или значок сайта - это крошечное изображение, которое появляется рядом с названием вашего сайта в браузере. Это помогает вашим пользователям