БЛОГ 2410

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

Как создать форму загрузки файла в WordPress
Обсудим ваш проект?

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

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

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

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

Как создать форму загрузки файла в WordPress
Как создать форму загрузки файла в WordPress Изображение с сайта wpbeginner.com

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание новой формы с использованием WPForms
Создание новой формы с использованием WPForms Изображение с сайта wpbeginner.com

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

Присвоение вашей форме имени в WPForms
Присвоение вашей форме имени в WPForms Изображение с сайта wpbeginner.com

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

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

Форма загрузки файла по умолчанию, созданная из шаблона
Форма загрузки файла по умолчанию, созданная из шаблона Изображение с сайта wpbeginner.com

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

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

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

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

Редактирование поля загрузки файла в WPForms
Редактирование поля загрузки файла в WPForms Изображение с сайта wpbeginner.com

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

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

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

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

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

Поле для загрузки отредактированного файла в нашей форме
Поле для загрузки отредактированного файла в нашей форме Изображение с сайта wpbeginner.com

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

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

Редактирование дополнительных параметров для поля загрузки файла
Редактирование дополнительных параметров для поля загрузки файла Изображение с сайта wpbeginner.com

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

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

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

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

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

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

Добавление поля веб-сайта / URL в форму
Добавление поля веб-сайта / URL в форму Изображение с сайта wpbeginner.com

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

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

Нажмите кнопку Сохранить в WPForms
Нажмите кнопку Сохранить в WPForms Изображение с сайта wpbeginner.com

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

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

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

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

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

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

Проверка или изменение адреса электронной почты администратора WordPress
Проверка или изменение адреса электронной почты администратора WordPress Изображение с сайта wpbeginner.com

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

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

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

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

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

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

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

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

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

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

Добавление блока WPForms на вашу страницу или сообщение
Добавление блока WPForms на вашу страницу или сообщение Изображение с сайта wpbeginner.com

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

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

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

Готовая форма загрузки файла находится на сайте
Готовая форма загрузки файла находится на сайте Изображение с сайта wpbeginner.com

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

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

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

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

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

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

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

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

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

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

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

Ссылки на файлы, показанные в записи WPForms в таблице
Ссылки на файлы, показанные в записи WPForms в таблице Изображение с сайта wpbeginner.com

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

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

Контакты
Как создать форму загрузки файла в WordPress | Блог 2410

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее