CMS: Добавление и настройка кнопки загрузки

7 мин. чтения
Добавьте кнопку загрузки, чтобы позволить посетителям загружать файлы прямо в вашу коллекцию CMS. Выберите типы файлов, которые вы хотите принимать, включая документы, изображения, видео и аудио. Загруженные файлы надежно сохраняются в вашей коллекции, чтобы вы могли ими управлять. 
Прежде чем начать
Мы рекомендуем ознакомиться с настраиваемыми формами, которые отлично подходят для сбора информации от посетителей. 
Скриншот настраиваемой формы с кнопкой загрузки и кнопкой отправки.

Шаг 1 | Добавьте и подключите кнопку загрузки

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

Вам также необходимо подключить кнопку к набору данных, подключенному к коллекции, в которой хранятся загруженные файлы. Убедитесь, что в выбранной коллекции установлены соответствующие разрешения доступа. Мы рекомендуем выбирать Отправки форм в настройках Разрешений и конфиденциальности, чтобы контент мог добавлять кто угодно.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще использовать их. Подробнее о новых наборах данных в Wix Studio

Чтобы добавить и подключить кнопку загрузки:

  1. Перейдите в панель Добавить:
    • Редактор Wix: нажмите Добавить элементы в левой части редактора.
    • Редактор X: нажмите Добавить элементы в верхней части Editor X.
  2. Выберите раздел Ввод данных, Кнопки загрузки.
  3. Выберите кнопку и перетащите ее на сайт.
  4. Нажмите на кнопку на странице.
  5. Нажмите на значок Подключить к данным  (илив Editor X).
  6. Нажмите Создать источник данных.
  7. Нажмите на раскрывающийся список Выберите коллекцию и выберите коллекцию, в которую посетители будут загружать файлы.
    Совет: нажмите на раскрывающийся список Выберите коллекцию и выберите Создать коллекцию, чтобы создать новую коллекцию, в которую ваши посетители будут загружать файлы. 
  8. (Необязательно) Введите название коллекции в поле Название коллекции.
  9. Нажмите Дальше.
  10. Нажмите на раскрывающийся список Подключить файл к и выберите поле, к которому вы хотите подключить кнопку загрузки.
    Совет: нажмите Добавить новое поле, если вы хотите подключить кнопку загрузки к новому полю в коллекции. Затем введите Название поля, выберите Тип поля и нажмите Добавить
Скриншот кнопки загрузки, показывающий панель «Подключить кнопку загрузки».

Шаг 2 | Настройте кнопку загрузки

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

Чтобы настроить кнопку загрузки:

  1. Нажмите на кнопку загрузки на своей странице. 
  2. Нажмите на значок Настройки  и выберите один из следующих вариантов: 
    • Настройки загрузки: выберите поддерживаемые типы файлов для загрузки, установите максимальное количество файлов, которые посетители могут загрузить, и сделайте поле обязательным (необязательно). 
    • Показать варианты: настройте следующие параметры:
      • Название поля: (рекомендуется) введите название, которое будет отображаться над текстом кнопки. 
      • Текст кнопки: отредактируйте текст, отображаемый на кнопке. 
      • Текст под кнопкой: выберите, что вы хотите отобразить под кнопкой:
        • Показать только сведения о файле: отобразите имя файла, загружаемого вашим посетителем. 
        • Показать настраиваемый текст: введите настраиваемый текст, который будет отображаться под кнопкой, например требования к файлу. Этот текст изменится на имя файла после его загрузки. 
    • Управление файлами: нажмите Смотреть файлы, чтобы перейти в папку «Загрузки посетителей» в медиаменеджере. 
Скриншот настроек кнопки загрузки.
  1. Нажмите значок Макет , чтобы изменить положение текста и значка, выравнивание текста или интервал между полем и его названием. 
  2. Нажмите значок Дизайн  и выберите готовую кнопку. Нажмите Настроить дизайн, чтобы настроить ее кнопки.
Скриншот кнопки загрузки, показывающий панель дизайна кнопок.

Шаг 3 | Добавьте и настройте кнопку отправки

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

Чтобы добавить и настроить кнопку отправки:

  1. Перейдите в панель Добавить:
    • Редактор Wix: нажмите Добавить элементы в левой части редактора.
    • Редактор X: нажмите Добавить элементы в верхней части Editor X.
  2. Нажмите Кнопка.
  3. Выберите кнопку и перетащите ее на сайт.
  4. Нажмите Настроить и введите «Отправить» в поле Текст.
    Совет: убедитесь, что в раскрывающемся списке Что показать установлено Только текст или Текст и значок, если вы не хотите отображать текст на кнопке отправки.
Скриншот настроек кнопки отправки.
  1. Нажмите на значок Подключить к данным  (или  в Editor X).
  2. Убедитесь, что в раскрывающемся списке Выбрать набор данных установлен набор данных, который вы подключили на шаге 1. 
  3. Нажмите на раскрывающееся меню Подключить действие при нажатии к и выберите Отправить.
  4. (Необязательно) Добавьте сообщение об успехе, которое появится, когда посетители закончат загрузку документов:
    1. Нажмите + сообщение об успехе.
    2. Выберите сообщение об успехе в редакторе и отредактируйте его. 
    3. Нажмите и перетащите сообщение об успехе в то место, где вы хотите его разместить. 
  5. (Необязательно) Добавьте сообщение об ошибке, которое появится, если документ не загружается:
    1. Нажмите кнопку отправки и нажмите на значок Подключить к данным  (или  в Editor X).
    2. Нажмите + сообщение об ошибке.
    3. Выберите сообщение об ошибке в редакторе и отредактируйте его.
    4. Нажмите и перетащите сообщение об ошибке в то место, где вы хотите его разместить. Вы можете перекрыть его сообщением об успехе, потому что они оба не будут отображаться одновременно. 
  6. Нажмите на раскрывающийся список Куда направлять при успехе и выберите одно из следующих значений:
    • Оставаться на странице: посетитель остается на этой странице после отправки формы.
    • Ссылка: после отправки формы посетитель перенаправляется на другую страницу. Нажмите Выбрать  в разделе Выберите ссылку  и настройте ссылку. 

Чтобы разрешить посетителям просматривать и скачивать файлы:
Вы можете разрешить посетителям скачивать файлы из вашей коллекции, добавив на свой сайт такой элемент, как кнопка. Подключите кнопку, используя функцию Подключить к данным  (или в Editor X) к полю, в котором хранятся эти файлы. После завершения, если кто-то нажмет подключенную кнопку, начнется скачивание файла.

Была ли статья полезна?

|