Хотите создать форму загрузки Dropbox в WordPress?
Форма обратной связи с опцией загрузки файла может быть сложной, если вы получаете слишком много вложений. Вы можете подключить свою форму к Dropbox и загрузить эти файлы прямо в облако.
В этой статье мы расскажем, как легко создать форму загрузки Dropbox в WordPress.
Зачем использовать Dropbox для загрузки вложений в форму
Иногда вам может потребоваться, чтобы пользователи загрузили вложение, используя форму на вашем веб-сайте.
Например, веб-сайту доски объявлений может потребоваться опция загрузки файла для загрузки резюме или образцов работы.
Для формы обратной связи с клиентом может потребоваться опция загрузки файла, чтобы пользователи могли отправлять скриншоты. Веб-сайт фотоконкурса может понадобиться пользователям для загрузки своих записей.
По мере получения файлов вы можете хранить эти файлы на своем веб-сайте WordPress. Они будут добавлены в папку wp-content вашего сайта.
Однако, если вы ожидаете получить тонну записей, и они не связаны с вашими фактическими файлами веб-сайта, рекомендуется сохранить их отдельно.
Загрузка приложений в Dropbox имеет следующие преимущества:
Хранит формы загрузки записей отдельно от ваших файлов WordPress
Dropbox упрощает обмен этими файлами с кем-либо, и вам не нужно предоставлять им доступ к вашему веб-сайту.
Вы можете легко просматривать и управлять вложениями форм с панели управления Dropbox.
Если вам больше не нужны эти файлы, вы можете скачать, заархивировать и удалить их.
При этом давайте посмотрим, как создать форму WordPress с возможностью загрузки файлов в Dropbox.
Создание формы загрузки Dropbox в WordPress
Сначала вам нужно установить и активировать плагин WPForms. Для более подробной информации, вы должны проверить нашу статью о том, как установить плагин WordPress.
Примечание. WPForms – это платный плагин, созданный той же командой, что и WPTec, и вам потребуется по крайней мере их план «Pro» для доступа к аддону Zapier, который мы будем использовать в этом руководстве.
После активации вам нужно зайти на WPForms »Добавить новую страницу в админку WordPress.
Вы попадете на страницу конструктора форм WPForms. Просто введите имя для вашей формы, а затем выберите простой шаблон контактной формы в качестве отправной точки.
WPForms загрузит шаблон формы с часто используемыми полями формы. Вы можете щелкнуть любое поле, чтобы отредактировать его, а также перетащить поля, чтобы изменить их порядок или добавить новые поля в форму.
Затем вам нужно нажать на поле «Загрузка файла», расположенное в разделе «Необычные поля» в левом столбце.
Это добавит поле загрузки файла в вашу форму.
Нажмите на кнопку «Сохранить», чтобы сохранить форму, и ваша форма загрузки файла готова.
Интеграция Zapier с WPForms
Далее вам необходимо подключить вашу форму к вашей учетной записи Dropbox.
Мы будем использовать сервис под названием Zapier для этого. Zapier позволяет подключать различные приложения к вашему сайту без написания кода. В этом случае мы будем использовать его для создания соединения между WPForms и Dropbox.
WPForms поставляется с «Zapier Addon», который вы можете использовать для интеграции с более чем 1500 популярными приложениями, включая Dropbox.
Чтобы получить доступ к этому дополнению, вам нужно перейти на страницу WPForms »Addons. Оттуда вам нужно найти аддон Zapier и нажать кнопку «Установить аддон». Это активирует аддон автоматически.
Далее вам нужно перейти на страницу WPForms »Настройки» Интеграции в вашей админ-панели WordPress. Оттуда вам нужно скопировать «ключ API Zapier», который вам понадобится для подключения вашего сайта WordPress к Zapier.
После копирования вы должны перейти на сайт Zapier и войти в свою учетную запись Zapier. Затем нажмите кнопку «Сделать Zap», чтобы продолжить.
Будет много доступных приложений. Найдите «WPForms» и выберите его в качестве приложения-триггера.
После этого вам нужно выбрать «Новый ввод формы» в качестве события триггера для приложения WPForms. Это создаст триггер при каждой отправке формы.
Теперь вы можете пойти дальше и нажать кнопку «Войти в WPForms», чтобы связать свою учетную запись Zapier с плагином WPForms на вашем сайте.
Чтобы соединить Zapier с вашим сайтом, вам нужно добавить URL своего сайта и ключ API Zapier, который вы скопировали ранее.
Будет отображена учетная запись WPForms. Нажмите на кнопку «Продолжить».
В раскрывающемся списке «Форма» необходимо выбрать форму для загрузки файла, созданную ранее.
После этого нажмите кнопку «Продолжить».
Прежде чем перейти к следующему шагу, Zapier попросит вас проверить новую форму загрузки файла, чтобы увидеть, все ли настройки работают правильно.
Вы можете посетить страницу WPForms »All Forms в области администрирования WordPress и щелкнуть ссылку« Предварительный просмотр »под формой загрузки файла.
Чтобы сделать этот тест гладким, вы должны загрузить файл, а также добавить фиктивный текст в раздел сообщений. Отправьте тестовую запись и перейдите в свою учетную запись Zapier. Нажмите кнопку «Проверить и продолжить».
Примечание. Проверить запись теста можно в разделе «Поиск данных».
Если тест пройден успешно, он перейдет к следующему шагу, где вы можете интегрировать свою форму с Dropbox.
Подключение WPForms с Dropbox
Сначала вам нужно зайти в свою учетную запись Dropbox и создать новую папку загрузки Dropbox. Вы можете переименовать эту папку как «WPForms Uploads» или дать ей любое имя. Все ваши файловые вложения будут загружены в эту папку автоматически.
Далее вам нужно вернуться в свою учетную запись Zapier. В разделе «Сделай это» вам нужно выбрать «Dropbox».
Он попросит вас создать действие для Dropbox. Выберите опцию «Загрузить файл» и нажмите кнопку «Продолжить».
После этого вам нужно нажать кнопку «Войти в Dropbox», чтобы выбрать свою учетную запись Dropbox и связать ее с Zapier.
После подключения учетной записи нажмите кнопку «Продолжить».
Теперь вам нужно настроить параметры файла Dropbox. Вам будет предложено 2 варианта:
Папка Dropbox, в которую вы хотите сохранить вложения
Поле загрузки файла WPForms
После настройки вы можете продолжить и протестировать свои конфигурации. Нажмите кнопку «Проверить и продолжить», чтобы продолжить.
Наконец, нажмите кнопку «Turn Zap On», чтобы сохранить эти настройки. Это займет несколько секунд, и вы увидите статус Zap в правом верхнем углу экрана.
Ваша онлайн-форма с возможностью загрузки файлов готова для добавления на ваш сайт.
Добавление формы загрузки Dropbox в WordPress
Чтобы добавить форму загрузки Dropbox в WordPress, вы можете редактировать любую страницу или запись, где вы хотите ее отобразить.
Просто добавьте блок WPForms в редактор содержимого и выберите форму, созданную ранее.
WPForms загрузит предварительный просмотр вашей формы в редакторе контента.
Теперь вы можете посетить свой веб-сайт в форме в действии. Вы также можете проверить форму, загрузив файл и заполнив форму.
Это все.
Мы надеемся, что эта статья помогла вам узнать, как создать форму загрузки Dropbox в WordPress. Возможно, вы также захотите ознакомиться с нашим руководством о том, как провести бесплатный конкурс в WordPress, чтобы повысить заинтересованность пользователей.