CMS: Налаштування власної форми за допомогою випадних елементів вводу
22 min
Створюйте власні форми, у яких відвідувачі зможуть використовувати випадні списки для надсилання вибору безпосередньо до ваших колекцій CMS. У цій статті описано, як додати елемент вводу, що випадає, і кнопку надсилання. Ви підключите обидва елементи до набору даних, який дозволить зберігати дані відвідувачів у вашій колекції CMS.
Виконавши ці дії, ви зможете розширити форму, додавши більше елементів вводу і підключити їх до одного набору даних.
Перш ніж почати:
Обов’язково додайте CMS на ваш сайт, якщо ви ще цього не зробили.
Крок 1 | Додайте елемент меню, що розгортається
Перейдіть у редакторі на сторінку, де хочете створити власну форму, і додайте елемент меню, що розгортається.
Редактор Wix
Editor X
Редактор Studio
- Перейти до Редактора.
- Перейдіть на сторінку, на яку хочете додати елементи введення.
- Натисніть Додати елементи ліворуч у редакторі.
- Натисніть Ввід.
- Натисніть Випадне меню.
- Натисніть і перетягніть меню, яке хочете використовувати, на сторінку.
ліворуч у редакторі.
Крок 2 | Підключіть випадне меню до CMS
Підключіть випадне меню до набору даних, підключеного до колекції CMS, де ви зберігатимете надіслані дані.
Параметри, які відображаються у випадному меню, можна додати вручну або використати елементи з іншої колекції CMS. Щоб використовувати елементи з CMS, підключіть випадне меню, до іншого набору даних, який підключено до поля в іншій колекції.
Редактор Wix
Editor X
Редактор Studio
- У редакторі натисніть на випадне меню.
- Натисніть іконку Підключити до CMS і виберіть Збирати контент.
і виберіть Збирати контент. 
- Створіть новий набір даних або підключіть наявний:
- Створіть новий набір даних:
- Натисніть «Створити набір даних». Якщо на вашій сторінці вже є набір даних, розгорніть меню Підключити набір даних і виберіть Створити новий набір даних.
- Розгорніть меню Оберіть набір даних та виберіть потрібну колекцію. Якщо у вас ще немає колекції CMS, натисніть Створити набір даних та створити нову колекцію -manager-creating-a-collection" target="").
- (Необов’язково) Натисніть поле Назва набору даних та уведіть назву набору даних.
- Натисніть Створити.
- Підключіть наявний набір даних:
- Розгорніть меню Підключити набір даних .
- Виберіть набір даних, який потрібно підключити.
- Створіть новий набір даних:
- Виберіть Значення пов'язано з й виберіть поле колекції, у якому зберігатимуться надіслані дані.
Порада. Виберіть Додати нове поле , щоб додати нове поле колекції для зберігання надісланих даних. - Натисніть перемикач Зв'язати елементи списку, щоб вибрати, де керувати елементами вибору випадного меню:
- Увімкнено: використовувати поле з іншої колекції CMS для варіантів. Підключіть відповідний набір даних і виберіть поля з розгорнутого меню Підключити до міток і змінних .
- Вимкнено: натисніть Керувати варіантами, щоб створити варіанти для елемента окремо від CMS.
Крок 3 | Встановіть режими набору даних
Оскільки набори даних керують зв’язком між вашими колекціями та елементами сторінки, переконайтеся, що для кожного набору даних встановлено правильний режим. Для набору даних, підключеного до вашої колекції з надісланими даними, установіть режим Внесення даних. Це дозволяє випадним меню "записувати" або додавати до вашої колекції дані після надсилання.
Якщо ви підключили елементи випадного меню до іншої колекції через новий набір даних, для набору даних автоматично має бути встановлено правильний режим Зчитування та запис. Однак якщо ви підключилися до наявного набору даних, установіть для нього значення Зчитування й запис або Зчитування. Це дозволяє випадному меню для вводу, «зчитувати» або переглядати елементи колекції та використовувати їх у варіантах списку.
Редактор Wix
Editor X
Редактор Studio
- У редакторі виберіть перший набір даних, який ви підключили до випадного меню. Цей набір даних підключено до колекції, у якій зберігатимуться надіслані дані.
- Натисніть Налаштування.
- Розгорніть меню Режим набору даних і виберіть Внесення даних.
- (Якщо ви підключили елементи списку до CMS) Установіть режим для набору даних, підключеного до елементів списку:
- Виберіть набір даних, який ви підключили до елементів списку.
- Натисніть Налаштування.
- Розгорніть меню Режим набору даних і виберіть Зчитування й запис або Читання.
- (Необов’язково) Натисніть + Додати фільтр , якщо хочете створити фільтр, щоб виключити певні елементи зі списку варіантів.
- (Необов’язково) Натисніть + Додати сортування , якщо хочете вибрати порядок відображення елементів у списку варіантів.
Крок 4 | Налаштуйте доступ до колекції
Установіть дозволи для колекції, де зберігатимете надіслані дані. Ви можете вибрати зі стандартних налаштувань дозволу, наприклад, Заповнення форм , які дозволяють відвідувачам додавати контент. За потреби ви можете налаштувати дозволи, щоб контролювати, хто може додавати, редагувати, переглядати й видаляти елементи колекції.
Редактор Wix
Editor X
Редактор Studio
- Натисніть CMS ліворуч від редактора.
- Натисніть Ваші колекції.
- Наведіть курсор на набір даних колекції, створеної щоб збирати надіслані дані, і натисніть іконку Інші дії. .
- Натисніть Дозволи та конфіденційність.
ліворуч від редактора.
.
- Натисніть Який тип контенту буде зберігатися в цій колекції? і виберіть Заповнення форм. За потреби ви можете вибрати інший варіант і натиснути на випадне меню, щоб вибрати, хто може переглядати, додавати, видаляти й оновлювати контент. Докладніше про налаштування дозволів колекції.
- Натисніть «Зберегти».
Крок 5 | Створіть кнопку Надіслати.
Вам потрібно створити спосіб, за допомогою якого відвідувачі зможуть надсилати обрані ними варіанти з випадного меню. Додайте кнопку або зображення та підключіть їх до того самого набору даних, який підключено до вашої колекції. Потім установіть дію натискання для кнопки або зображення на Надіслати. Після натискання кнопки Надіслати ви можете «записати» або створити новий елемент у колекції, в якій зберігаються дані після натискання на кнопку Надіслати.
Якщо підключити інші вхідні елементи до того самого набору даних, кнопка Надіслати також буде надсилати їхні дані до колекції.
Редактор Wix
Editor X
Редактор Studio
- Натисніть Додати елементи ліворуч у редакторі.
- Натисніть Кнопка.
- Натисніть і перетягніть на сторінку кнопку, яку хочете використовувати як кнопку для надсилання даних. Ви можете використовувати будь-який із таких типів кнопок: у стилі теми , кнопки з текстом і іконками , кнопки іконки, або кнопки із зображеннями.
Порада. Ви також можете додати зображення та використовувати його як кнопку для надсилання.
- Натисніть Змінити текст та іконку та введіть текст, який потрібно відображати на кнопці (напр., «Надіслати»).
- Натисніть іконку Підключити до CMS. .
- Розгорніть меню Підключити набір даних і виберіть набір даних, підключений до вашої колекції.
- Натисніть Натискання пов’язано з , і виберіть Надіслати.
- (Необов’язково) Додайте повідомлення про успішне та неуспішне надсилання, які з’являтимуться після успішного або неуспішного надсилання:
- Натисніть + Додати повідомлення про успішне відправлення , а потім — + Додати повідомлення про помилку.
- Натисніть і перетягніть обидва повідомлення в потрібне місце. Вони можуть накладатися, бо ці повідомлення не відображатимуться одночасно.
- Натисніть Редагувати текст під кожним повідомленням, щоб відредагувати повідомлення.
- Натисніть кнопку та натисніть іконку Підключити до CMS. . Потім розгорніть меню У разі успіху перейдіть до та виберіть варіант:
- Залишатися на цій сторінці: відвідувач залишається на тій самій сторінці після надсилання форми.
- Посилання: після заповнення форми відвідувача буде скеровано на іншу сторінку. Натисніть Вибрати в розділі Виберіть посилання та налаштуйте посилання.
- Натисніть кнопку та виберіть іконку «Дизайн». щоб налаштувати вигляд кнопки надсилання.
щоб Крок 6 | Налаштуйте елемент випадного меню
Установіть заголовок, текст плейсхолдера й інші параметри в налаштуваннях випадного меню. Налаштуйте вигляд елемента на панелі Дизайн, а також налаштуйте вирівнювання, інтервали та відступи на панелі Макет.
Редактор Wix
Editor X
Редактор Studio
- У редакторі натисніть на елемент випадного меню.
- Натисніть Налаштування та відредагуйте такі параметри:
- Назва поля: введіть назву, яка відображатиметься у верхній частині випадного меню.
- Показувати початковий текст: Виберіть початковий текст, який бачитимуть відвідувачі перед натисканням на елемент випадного меню:
- Немає: Відвідувачі бачитимуть порожнє поле, перш ніж натиснути на елемент випадного меню.
- Текст плейсхолдера: Додайте власний текст до елемента випадного меню (напр., «Оберіть колір»). Введіть текст у текстове поле плейсхолдера .
- Пункт випадного списку: Показує елемент із випадного списку. Якщо ви підключили список до CMS, пункт, що відображатиметься першим у випадному списку, буде першим з вибору запропонованого відвідувачам. Якщо ви не підключили пункти списку до CMS, натисніть Оберіть пункт зі списку , щоб вибрати пункт для відображення.
- Автозаповнення: Натисніть на перемикач, щоб визначити, що відбуватиметься, коли відвідувачі вводять запит у випадному меню:
- Увімкнено: У випадному меню відображатимуться лише ті варіанти, які відповідають введеному тексту.
- Вимкнено: Усі варіанти відображаються у випадному меню.
- Тип випадного списку: Виберіть варіант:
- Власний: Налаштуйте елемент випадного меню на панелі дизайну. На мобільному пристрої завжди встановлюється тип списку Браузер.
- Браузер: Використовуйте стандартну тему браузера для випадного меню.
- Тип поля: Активуйте перемикач Обов’язкове , щоб відвідувачі обов'язково мали вибрати елемент із цього випадного списку перед надсиланням.
- Натисніть іконку Макет , щоб налаштувати вирівнювання тексту, а також відступи й інтервали елемента.
- Натисніть іконку Дизайн , щоб вибрати дизайн із запропонованих, а потім виберіть Налаштувати дизайн , щоб додатково налаштувати вигляд випадного меню.
- (Необов’язково) Натисніть іконку Анімація ,щоб додати анімацію до елемента випадного меню.
, щоб налаштувати вирівнювання тексту, а також відступи й інтервали елемента. 
, щоб вибрати дизайн із запропонованих, а потім виберіть Налаштувати дизайн , щоб додатково налаштувати вигляд випадного меню. 
,щоб Готові опублікувати?
Натисніть Перегляд у верхньому правому куті редактора, щоб випробувати створену вами випадну форму. Коли все виглядає й працює добре, натисніть Опублікувати, щоб зміни набули чинності.
Якщо ви ввімкнули Sandbox, синхронізуйте колекцію Sandbox з опублікованою, щоб опублікувати зміни в наборі даних.
FAQ
Натисніть на запитання нижче, щоб отримати відповіді на найпоширеніші запитання про підключення елементів випадного меню до CMS.
Чи можна експортувати надіслані дані, які зберігаються в моїй колекції?
Чи можуть відвідувачі сайту використовувати елементи вводу для фільтрування контенту, який відображається на моєму сайті?
Що таке режим набору даних і як він впливає на взаємодію відвідувачів?
Що таке набір даних?
Звідки береться список пунктів, якщо підключити елемент випадного меню до поля, на яке посилаються?