Центр підтримки Wix
    Головна
  1. Створення сайту
  2. Розширені функції
  3. CMS
  4. Збір контенту користувачів
    5. CMS: Налаштування власної форми за допомогою випадних елементів вводу

CMS: Налаштування власної форми за допомогою випадних елементів вводу

22 хв читання
Створюйте власні форми, у яких відвідувачі зможуть використовувати випадні списки для надсилання вибору безпосередньо до ваших колекцій CMS. У цій статті описано, як додати елемент вводу, що випадає, і кнопку надсилання. Ви підключите обидва елементи до набору даних, який дозволить зберігати дані відвідувачів у вашій колекції CMS. 

Виконавши ці дії, ви зможете розширити форму, додавши більше елементів вводу і підключити їх до одного набору даних. 
Скріншот випадного елемента вводу, який використовується на опублікованому сайті.
Перш ніж почати:
Обов’язково додайте CMS на ваш сайт, якщо ви ще цього не зробили. 

Крок 1 | Додайте елемент меню, що розгортається

Перейдіть у редакторі на сторінку, де хочете створити власну форму, і додайте елемент меню, що розгортається.

Редактор Wix
Editor X
Редактор Studio
  1. Перейти до Редактора.
  2. Перейдіть на сторінку, на яку хочете додати елементи введення.
  3. Натисніть Додати елементи  ліворуч у редакторі.
  4. Натисніть Ввід.
  5. Натисніть Випадне меню.
  6. Натисніть і перетягніть меню, яке хочете використовувати, на сторінку. 
Скріншот додавання меню, що розгортається, у редакторі.

Крок 2 | Підключіть випадне меню до CMS

Підключіть випадне меню до набору даних, підключеного до колекції CMS, де ви зберігатимете надіслані дані. 

Параметри, які відображаються у випадному меню, можна додати вручну або використати елементи з іншої колекції CMS. Щоб використовувати елементи з CMS, підключіть випадне меню, до іншого набору даних, який підключено до поля в іншій колекції.

Редактор Wix
Editor X
Редактор Studio
  1. У редакторі натисніть на випадне меню. 
  2. Натисніть іконку Підключити до CMS і виберіть Збирати контент. 
  1. Створіть новий набір даних або підключіть наявний: 
    • Створіть новий набір даних: 
      1. Натисніть «Створити набір даних». Якщо на вашій сторінці вже є набір даних, розгорніть меню Підключити набір даних і виберіть Створити новий набір даних.
      2. Розгорніть меню Оберіть набір даних та виберіть потрібну колекцію. Якщо у вас ще немає колекції CMS, натисніть Створити набір даних та створити нову колекцію -manager-creating-a-collection" target=""). 
      3. (Необов’язково) Натисніть поле Назва набору даних та уведіть назву набору даних. 
      4. Натисніть Створити. 
    • Підключіть наявний набір даних: 
      1. Розгорніть меню Підключити набір даних .
      2. Виберіть набір даних, який потрібно підключити.  
  1. Виберіть Значення пов'язано з й виберіть поле колекції, у якому зберігатимуться надіслані дані.
    Порада. Виберіть Додати нове поле , щоб додати нове поле колекції для зберігання надісланих даних.
  2. Натисніть перемикач Зв'язати елементи списку, щоб вибрати, де керувати елементами вибору випадного меню:
    • Увімкнено: використовувати поле з іншої колекції CMS для варіантів. Підключіть відповідний набір даних і виберіть поля з розгорнутого меню Підключити до міток і змінних .
    • Вимкнено: натисніть Керувати варіантами, щоб створити варіанти для елемента окремо від CMS. 

Крок 3 | Встановіть режими набору даних

Оскільки набори даних керують зв’язком між вашими колекціями та елементами сторінки, переконайтеся, що для кожного набору даних встановлено правильний режим. Для набору даних, підключеного до вашої колекції з надісланими даними, установіть режим Внесення даних. Це дозволяє випадним меню "записувати" або додавати до вашої колекції дані після надсилання. 

Якщо ви підключили елементи випадного меню до іншої колекції через новий набір даних, для набору даних автоматично має бути встановлено правильний режим Зчитування та запис. Однак якщо ви підключилися до наявного набору даних, установіть для нього значення Зчитування й запис або Зчитування. Це дозволяє випадному меню для вводу, «зчитувати» або переглядати елементи колекції та використовувати їх у варіантах списку. 
Редактор Wix
Editor X
Редактор Studio
  1. У редакторі виберіть перший набір даних, який ви підключили до випадного меню. Цей набір даних підключено до колекції, у якій зберігатимуться надіслані дані. 
  2. Натисніть Налаштування. 
  3. Розгорніть меню Режим набору даних і виберіть Внесення даних.
  4. (Якщо ви підключили елементи списку до CMS) Установіть режим для набору даних, підключеного до елементів списку:
    1. Виберіть набір даних, який ви підключили до елементів списку. 
    2. Натисніть Налаштування.
    3. Розгорніть меню Режим набору даних і виберіть Зчитування й запис або Читання.
    4. (Необов’язково) Натисніть + Додати фільтр , якщо хочете створити фільтр, щоб виключити певні елементи зі списку варіантів.
    5. (Необов’язково) Натисніть + Додати сортування , якщо хочете вибрати порядок відображення елементів у списку варіантів.
Скріншот вибору режиму в наборі даних, підключеному до елементів списку.

Крок 4 | Налаштуйте доступ до колекції

Установіть дозволи для колекції, де зберігатимете надіслані дані. Ви можете вибрати зі стандартних налаштувань дозволу, наприклад, Заповнення форм , які дозволяють відвідувачам додавати контент. За потреби ви можете налаштувати дозволи, щоб контролювати, хто може додавати, редагувати, переглядати й видаляти елементи колекції. 
Редактор Wix
Editor X
Редактор Studio
  1. Натисніть CMS  ліворуч від редактора.
  2. Натисніть Ваші колекції.
  3. Наведіть курсор на набір даних колекції, створеної щоб збирати надіслані дані, і натисніть іконку Інші дії. .
  4. Натисніть Дозволи та конфіденційність. 
Скріншот вибору дозволів і налаштувань конфіденційності для колекції CMS.
  1. Натисніть Який тип контенту буде зберігатися в цій колекції? і виберіть Заповнення форм. За потреби ви можете вибрати інший варіант і натиснути на випадне меню, щоб вибрати, хто може переглядати, додавати, видаляти й оновлювати контент. Докладніше про налаштування дозволів колекції. 
Скріншот із налаштуванням дозволів колекції та конфіденційності.
  1. Натисніть «Зберегти». 

Крок 5 | Створіть кнопку Надіслати.

Вам потрібно створити спосіб, за допомогою якого відвідувачі зможуть надсилати обрані ними варіанти з випадного меню. Додайте кнопку або зображення та підключіть їх до того самого набору даних, який підключено до вашої колекції. Потім установіть дію натискання для кнопки або зображення на Надіслати. Після натискання кнопки Надіслати ви можете «записати» або створити новий елемент у колекції, в якій зберігаються дані після натискання на кнопку Надіслати. 

Якщо підключити інші вхідні елементи до того самого набору даних, кнопка Надіслати також буде надсилати їхні дані до колекції. 
Редактор Wix
Editor X
Редактор Studio
  1. Натисніть Додати елементи  ліворуч у редакторі.
  2. Натисніть Кнопка.
  3. Натисніть і перетягніть на сторінку кнопку, яку хочете використовувати як кнопку для надсилання даних. Ви можете використовувати будь-який із таких типів кнопок: у стилі теми , кнопки з текстом і іконками , кнопки іконки, або кнопки із зображеннями.
    Порада. Ви також можете додати зображення та використовувати його як кнопку для надсилання. 
  1. Натисніть Змінити текст та іконку та введіть текст, який потрібно відображати на кнопці (напр., «Надіслати»). 
  2. Натисніть іконку Підключити до CMS. .
  3. Розгорніть меню Підключити набір даних і виберіть набір даних, підключений до вашої колекції. 
  4. Натисніть Натискання пов’язано з , і виберіть Надіслати. 
  5. (Необов’язково) Додайте повідомлення про успішне та неуспішне надсилання, які з’являтимуться після успішного або неуспішного надсилання:
    1. Натисніть + Додати повідомлення про успішне відправлення , а потім — + Додати повідомлення про помилку.
    2. Натисніть і перетягніть обидва повідомлення в потрібне місце. Вони можуть накладатися, бо ці повідомлення не відображатимуться одночасно.
    3. Натисніть Редагувати текст під кожним повідомленням, щоб відредагувати повідомлення.
  6. Натисніть кнопку та натисніть іконку Підключити до CMS. . Потім розгорніть меню У разі успіху перейдіть до та виберіть варіант:
    • Залишатися на цій сторінці: відвідувач залишається на тій самій сторінці після надсилання форми.
    • Посилання: після заповнення форми відвідувача буде скеровано на іншу сторінку. Натисніть Вибрати в розділі Виберіть посилання та налаштуйте посилання. 
Скріншот налаштувань кнопки Підключити для кнопки надсилання.
  1. Натисніть кнопку та виберіть іконку «Дизайн».  щоб налаштувати вигляд кнопки надсилання. 

Крок 6 | Налаштуйте елемент випадного меню

Установіть заголовок, текст плейсхолдера й інші параметри в налаштуваннях випадного меню. Налаштуйте вигляд елемента на панелі Дизайн, а також налаштуйте вирівнювання, інтервали та відступи на панелі Макет. 
Редактор Wix
Editor X
Редактор Studio
  1. У редакторі натисніть на елемент випадного меню. 
  2. Натисніть Налаштування та відредагуйте такі параметри:
    • Назва поля: введіть назву, яка відображатиметься у верхній частині випадного меню.
    • Показувати початковий текст: Виберіть початковий текст, який бачитимуть відвідувачі перед натисканням на елемент випадного меню:
      • Немає: Відвідувачі бачитимуть порожнє поле, перш ніж натиснути на елемент випадного меню.
      • Текст плейсхолдера: Додайте власний текст до елемента випадного меню (напр., «Оберіть колір»). Введіть текст у текстове поле плейсхолдера . 
      • Пункт випадного списку: Показує елемент із випадного списку. Якщо ви підключили список до CMS, пункт, що відображатиметься першим у випадному списку, буде першим з вибору запропонованого відвідувачам. Якщо ви не підключили пункти списку до CMS, натисніть Оберіть пункт зі списку , щоб вибрати пункт для відображення. 
      • Автозаповнення: Натисніть на перемикач, щоб визначити, що відбуватиметься, коли відвідувачі вводять запит у випадному меню:
        • Увімкнено: У випадному меню відображатимуться лише ті варіанти, які відповідають введеному тексту. 
        • Вимкнено: Усі варіанти відображаються у випадному меню. 
    • Тип випадного списку: Виберіть варіант:
      • Власний: Налаштуйте елемент випадного меню на панелі дизайну. На мобільному пристрої завжди встановлюється тип списку Браузер.
      • Браузер: Використовуйте стандартну тему браузера для випадного меню.
    • Тип поля: Активуйте перемикач  Обов’язкове , щоб відвідувачі обов'язково мали вибрати елемент із цього випадного списку перед надсиланням.
  1. Натисніть іконку Макет , щоб налаштувати вирівнювання тексту, а також відступи й інтервали елемента. 
  2. Натисніть іконку Дизайн , щоб вибрати дизайн із запропонованих, а потім виберіть Налаштувати дизайн , щоб додатково налаштувати вигляд випадного меню. 
  3. (Необов’язково) Натисніть іконку Анімація  ,щоб додати анімацію до елемента випадного меню. 
Готові опублікувати?
Натисніть Перегляд у верхньому правому куті редактора, щоб випробувати створену вами випадну форму. Коли все виглядає й працює добре, натисніть Опублікувати, щоб зміни набули чинності. 

Якщо ви ввімкнули Sandbox, синхронізуйте колекцію Sandbox з опублікованою, щоб опублікувати зміни в наборі даних. 

FAQ

Натисніть на запитання нижче, щоб отримати відповіді на найпоширеніші запитання про підключення елементів випадного меню до CMS. 

Чи домогла вам ця стаття?

|

У цій статті

  • Крок 1 | Додайте елемент меню, що розгортається
  • Крок 2 | Підключіть випадне меню до CMS
  • Крок 3 | Встановіть режими набору даних
  • Крок 4 | Налаштуйте доступ до колекції
  • Крок 5 | Створіть кнопку Надіслати.
  • Крок 6 | Налаштуйте елемент випадного меню
  • FAQ