Вы хотите создать форму загрузки Dropbox в WordPress?
Контактной формой с возможностью загрузки файлов может быть трудно управлять, если вы получаете слишком много вложений. Вы можете подключить свою форму к Dropbox и загружать файлы непосредственно в облако.
В этой статье мы покажем вам, как легко создать форму загрузки файлов Dropbox в WordPress.
Зачем использовать Dropbox для загрузки вложений формы
Иногда вам может понадобиться, чтобы пользователи загружали вложения файлов с помощью формы на вашем сайте. Например, на сайте объявлений о работе может потребоваться опция загрузки файлов для загрузки резюме или образцов работы.
Форма обратной связи с клиентами может нуждаться в опции загрузки файлов, чтобы пользователи могли отправлять скриншоты. Это может понадобиться сайту фотоконкурса, чтобы пользователи могли загружать свои работы.
По мере получения файлов вы сможете хранить их на своем сайте WordPress. Они будут добавлены в папку wp-content вашего сайта.
Однако, если вы ожидаете получить тонну записей, и они не связаны с фактическими файлами вашего сайта, то хорошей идеей будет сохранить их отдельно.
Загрузка вложений формы в Dropbox имеет следующие преимущества:
- Записи формы загрузки хранятся отдельно от файлов WordPress
- Dropbox облегчает обмен этими файлами с кем угодно, и вам не нужно будет предоставлять им доступ к вашему сайту
- Вы сможете легко просматривать и управлять вложениями формы с панели Dropbox
- Если вам больше не нужны эти файлы, то вы можете загрузить, заархивировать и удалить их.
Итак, давайте рассмотрим, как сделать форму WordPress с возможностью загрузки файлов на Dropbox.
Создание формы загрузки файлов Dropbox в WordPress
Самый простой способ создания формы Dropbox в WordPress — это использование WPForms. Это лучший плагин контактных форм для WordPress, предлагающий готовые шаблоны, конструктор форм с перетаскиванием и премиум-интеграции.
Сначала вам нужно установить и активировать плагин WPForms. Для получения более подробной информации вам следует ознакомиться с нашей статьей о том, как установить плагин WordPress.
Примечание: WPForms — платный плагин, созданный той же командой, что и WPBeginner, и вам понадобится как минимум их тарифный план «Pro», чтобы получить доступ к аддону Zapier, который мы будем использовать в этом руководстве. Существует также версия WPForms Lite, которую вы можете использовать бесплатно.
После активации вам нужно перейти по адресу WPForms » Настройки из приборной панели WordPress и введите свой лицензионный ключ. Вы можете легко найти лицензионный ключ в области вашей учетной записи WPForms.
Далее, вам нужно посетить WPForms » Добавить новую в области администрирования WordPress.
Отсюда вы можете добавить новую форму загрузки файлов Dropbox.
Это приведет вас на страницу конструктора форм WPForms.
Просто укажите название вашей формы в верхней части, а затем выберите шаблон «Простая контактная форма» в качестве отправной точки.
WPForms загрузит шаблон формы с часто используемыми полями формы. Вы можете нажать на любое поле для редактирования, а также перетащить поля, чтобы переставить их местами или добавить новые поля в форму.
Далее вам нужно нажать на поле ‘File Upload’, расположенное в разделе ‘Fancy fields’ в левой колонке.
Это добавит поле для загрузки файлов в вашу форму.
Нажмите на кнопку «Сохранить», чтобы сохранить форму, и ваша форма загрузки файлов готова.
Интеграция Zapier с WPForms
Далее вам нужно подключить вашу форму к аккаунту Dropbox.
Для этого мы будем использовать сервис под названием Zapier. Zapier позволяет подключать различные приложения к вашему сайту без написания кода. В этом случае мы будем использовать его для создания связи между WPForms и Dropbox.
WPForms поставляется с ‘Zapier Addon’, который можно использовать для интеграции с более чем 1500 популярными приложениями, включая Dropbox.
Чтобы получить доступ к этому аддону, вам нужно перейти по ссылке WPForms » Аддоны страница. Там вам нужно найти аддон Zapier и нажать на кнопку «Установить аддон». Аддон активируется автоматически.
Далее вам нужно перейти на сайт WPForms » Настройки » Интеграции страницу в области администратора WordPress.
Оттуда вам нужно скопировать ‘Zapier API ключ’, который вам понадобится для подключения вашего WordPress сайта к Zapier.
После копирования необходимо перейти на сайт Zapier и войти в свой аккаунт Zapier.
Затем нажмите на кнопку ‘Create Zap’, чтобы продолжить.
Далее Zapier попросит вас выбрать триггер.
Будет доступно множество приложений. Найдите ‘WPForms’ и выберите его в качестве приложения-триггера.
После этого вам нужно выбрать ‘New Form Entry’ в качестве триггерного события для приложения WPForms.
Это создаст триггер при каждом отправлении формы.
Далее вам нужно будет выбрать учетную запись форм WPForms.
Вы можете идти дальше и нажать на кнопку ‘Sign’, чтобы соединить аккаунт Zapier с плагином WPForms на вашем сайте.
Теперь откроется новое окно.
Чтобы подключить Zapier к вашему сайту, вам нужно будет добавить URL вашего сайта и ключ API Zapier, который вы скопировали ранее.
После ввода этих данных нажмите кнопку «Да, продолжить».
появится учетная запись WPForms. Нажмите на кнопку «Продолжить».
Далее в выпадающем списке ‘Form’ вам нужно выбрать форму загрузки файлов, которую вы создали ранее.
Как только это будет сделано, нажмите кнопку ‘Продолжить’.
Прежде чем перейти к следующему шагу, Zapier попросит вас протестировать новую форму загрузки файлов, чтобы убедиться, что все настройки работают правильно.
Вы можете посетить WPForms » Все формы откройте страницу в админке WordPress и нажмите на ссылку ‘Preview’ под формой загрузки файлов.
Чтобы тест прошел гладко, вам следует загрузить файл, а также добавить фиктивный текст в разделе сообщения.
Отправьте тестовую запись и перейдите в свой аккаунт Zapier. Далее нажмите на кнопку ‘Test trigger’.
Примечание: Вы можете проверить тестовую запись в разделе «Найти данные».
Если тест пройдет успешно, произойдет переход к следующему шагу, где вы сможете интегрировать вашу форму с Dropbox.
Соединение WPForms с Dropbox
Сначала вам нужно зайти в свой аккаунт Dropbox и создать новую папку загрузки Dropbox.
Вы можете переименовать эту папку в ‘WPForms Uploads’ или дать ей любое название. Все ваши вложения файлов будут автоматически загружаться в эту папку.
Далее, вам нужно вернуться в свою учетную запись Zapier. В разделе ‘Action’ вам нужно найти ‘Dropbox app’ и нажать на него.
Вам будет предложено создать действие для Dropbox.
Выберите опцию ‘Загрузить файл’ и нажмите на кнопку ‘Продолжить’.
После этого вам нужно нажать на кнопку ‘Sign in’.
Таким образом, вы можете выбрать свой аккаунт Dropbox и соединить его с Zapier.
Далее вам нужно будет выбрать свой аккаунт Dropbox из выпадающего меню.
После выбора аккаунта просто нажмите кнопку «Продолжить».
Теперь вам нужно настроить параметры файлов Dropbox. Он предложит вам 2 варианта:
- Папку Dropbox, в которую вы хотите сохранить прикрепленные файлы
- Поле загрузки файлов WPForms
Затем вы можете прокрутить вниз, чтобы увидеть более продвинутые настройки.
Просто нажмите кнопку ‘Продолжить’.
После настройки вы можете приступить к тестированию конфигурации.
Нажмите на кнопку «Проверить и продолжить».
После успешного тестирования вы должны будете опубликовать свой Zap.
Просто нажмите кнопку «Опубликовать триггер».
Наконец, теперь откроется всплывающее окно.
Вы можете идти дальше и нажать кнопку ‘Опубликовать и включить’.
Ваша онлайн-форма с возможностью загрузки файлов готова к добавлению на ваш сайт.
Добавление формы загрузки Dropbox в WordPress
Чтобы добавить форму загрузки Dropbox в WordPress, вы можете отредактировать любую страницу или пост, где вы хотите ее отобразить.
Просто добавьте блок WPForms в редактор контента и выберите форму, которую вы создали ранее.
В блоке WPForms просто выберите форму загрузки файлов Dropbox из выпадающего меню.
WPForms загрузит живой предварительный просмотр вашей формы внутри редактора контента.
Теперь вы можете посетить свой сайт, чтобы увидеть форму в действии.
Вы также можете протестировать форму, загрузив файл и заполнив его.
Надеемся, что эта статья помогла вам узнать, как создать форму загрузки файлов Dropbox в WordPress. Вы также можете ознакомиться с нашим руководством о том, как провести конкурс с раздачей в WordPress, чтобы повысить вовлеченность пользователей.
Источник: www.wpbeginner.com