Tehnografi.com - Технологические новости, обзоры и советы

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

Хотите создать форму Dropbox в WordPress?

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

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

Зачем использовать Dropbox для загрузки вложений?

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

Например. Для сайта с картой работы может потребоваться передача файлов для загрузки резюме или образцов работы.

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

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

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

Загрузка приложений в Dropbox дает следующие преимущества:

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

Давайте посмотрим, как создать форму WordPress с возможностью загрузки файлов в Dropbox.

Создайте форму загрузки Dropbox в WordPress

Сначала вы должны установить и активировать плагин WPForms. Для получения дополнительной информации см. Нашу статью по установке плагина WordPress.

Примечание: WPForms – это платный плагин, созданный той же командой, что и WPBeginner. Вам нужен как минимум ваш «Pro» план для доступа к плагину Zapier, который мы будем использовать в этом руководстве.

После активации визита WPForms »Добавить новый Страница в вашей админке WordPress.

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

Выберите простую контактную форму

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

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

Добавить кнопку, чтобы загрузить файл

Это добавит поле переноса поля в вашу форму.

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

Zapier интеграция в WPForms

Затем свяжите свою форму с вашей учетной записью Dropbox.

Для этого мы используем сервис под названием Zapier. Zapier позволяет подключать различные приложения к вашему сайту без необходимости писать код. В этом случае мы используем его для установления соединения между WPForms и Dropbox.

WPForms включает в себя «плагин Zapier», который позволяет интегрировать более 1500 популярных приложений, включая Dropbox.

Чтобы получить доступ к этому плагину, перейдите WPForms »Плагины Боковой. Оттуда найдите плагин Zapier и нажмите кнопку «Установить плагин». Плагин автоматически активируется.

Zapier плагин

Затем перейдите к WPForms »Конфигурация» Интеграции Страница в вашей админке WordPress. Оттуда скопируйте «Ключ API Zapier», необходимый для подключения вашего сайта WordPress к Zapier.

Zapier интеграция

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

затирать

Многие приложения будут доступны. Найдите «WPForms» и выберите его в качестве приложения активации.

Выберите приложение

Затем выберите «Новый ввод формы» в качестве события запуска для приложения WPForms. Триггер создается каждый раз при отправке формы.

Выберите событие запуска

Теперь вы можете нажать кнопку «Зарегистрироваться в WPForms», чтобы связать свою учетную запись Zapier с плагином WPForms на вашем сайте.

Чтобы связать Zapier с вашим сайтом, добавьте URL вашего сайта и ключ API Zapier, скопированный выше.

Учетная запись WPForms отображается. Нажмите на кнопку «Далее».

Выберите аккаунт

В раскрывающемся меню «Форма» выберите форму загрузки файла, созданную ранее.

Выберите форму ввода

Затем нажмите кнопку «Далее».

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

Вы можете посетить WPForms »Все формы Страница в области администрирования WordPress и нажмите ссылку «Предварительный просмотр» под формой загрузки файла.

Образец формы

Чтобы упростить этот тест, загрузите файл и добавьте фиктивный текст в область уведомлений. Отправьте тестовую запись и перейдите в свою учетную запись Zapier. Нажмите кнопку «Проверить и продолжить».

Ввод WPForms

Примечание: Вы можете просмотреть запись теста в разделе «Поиск данных».

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

Подключите WPForms к Dropbox

Сначала вы должны зайти в свою учетную запись Dropbox и создать новую папку загрузки Dropbox. Вы можете переименовать эту папку «WP Forms Loads» или дать ей любое имя. Все вложения автоматически загружаются в эту папку.

Затем вернитесь в свою учетную запись Zapier. В разделе «Сделать это» выберите «Dropbox».

Выберите Dropbox

Вам будет предложено создать действие для Dropbox. Выберите опцию «Загрузить файл» и нажмите кнопку «Далее».

Выберите действие

Затем нажмите кнопку «Войти в Dropbox», чтобы выбрать свою учетную запись Dropbox и подключить ее к Zapier.

Войдите в Dropbox

При подключении к учетной записи нажмите кнопку «Далее».

Теперь вам нужно настроить параметры файла Dropbox. Ваша 2 Установленная конфигурация:

  1. Папка Dropbox, в которую вы хотите сохранить вложения
  2. Поле для загрузки файла WPForms

Настройки Dropbox

После настройки вы можете проверить свои настройки. Нажмите кнопку «Попробовать и продолжить», чтобы продолжить.

Тест загрузки файла

Наконец, нажмите кнопку «Включить Zap», чтобы сохранить эти настройки. Это займет несколько секунд, и вы увидите статус Zap в правом верхнем углу экрана.

Включи зап

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

Добавить форму загрузки Dropbox в WordPress

Чтобы добавить форму загрузки Dropbox в WordPress, вы можете отредактировать любую страницу или публикацию, на которой хотите ее увидеть.

Просто добавьте блок WPForms в редактор контента и выберите ранее созданную форму.

WPForms Player

WPForms загружает предварительный просмотр вашей формы в редактор контента.

Выберите форму

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

Пример формы загрузки Dropbox

Вот и все

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube смотреть обучающие видео по WordPress. Вы также можете найти нас на Twitter и Facebook,