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

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

Виконавши ці дії, ви зможете розширити форму, додавши більше елементів вводу і підключити їх до одного набору даних.

Скриншот випадного елемента вводу, який використовується на опублікованому сайті.

Перш ніж почати:

Обов’язково додайте CMS на ваш сайт, якщо ви ще цього не зробили.

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

Редактор Wix

Редактор Studio

Перейти до Редактора.
Перейдіть на сторінку, на яку хочете додати елементи введення.
Натисніть Додати елементи ліворуч у редакторі.
Натисніть Ввід.
Натисніть Випадне меню.
Натисніть і перетягніть меню, яке хочете використовувати, на сторінку.

Скриншот додавання меню, що розгортається, у редакторі.

Порада:

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

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

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

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

Редактор Wix

Редактор Studio

У редакторі додайте набір даних, який підключається до колекції, де ви будете зберігати надіслані дані:
1. Натисніть CMS зліва.
2. Натисніть Додати елементи контенту.
3. Натисніть Набір даних форми.
4. Натисніть спадне меню Вибрати колекцію та виберіть колекцію для зберігання надісланих матеріалів.
5. Дайте набору даних назву (напр., «Надіслані дані»).
6. Натисніть Створити.
Натисніть на елемент випадного списку та виберіть Збір на панелі Підключення випадного списку справа.

Знімок екрана, на якому показано вибір «Збір» у спадному меню «Підключення випадного списку».

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

Скріншот підключення випадного елемента вводу до нового поля колекції.

Натисніть перемикач Показати параметри з колекції , щоб вибрати, де керувати параметрами випадного списку:
- Увімкнено: використовувати поле з іншої колекції CMS для варіантів. Підключіть відповідний набір даних і виберіть поля з розгорнутого меню Підключити до міток і змінних .
- Вимкнено: Натисніть Керувати варіантами, щоб створити статичні варіанти для елемента окремо від CMS.

Скріншот підключення списку варіантів випадного елемента вводу.

(Якщо ви додали інші елементи вводу) Підключіть вхідні дані до набору даних «Надіслані дані»:
1. Натисніть на відповідний елемент вводу.
2. Натисніть іконку Підключити до CMS. .
3. Повторіть кроки 3–4 вище, щоб підключити вхідні дані до набору даних «Надіслані дані».
4. Повторіть цей крок для кожного елемента вводу, який потрібно додати до власної форми CMS.

А як щодо режимів набору даних?

Якщо ви додали набір даних форми, для нього вже правильно налаштовано режим запису. Цей режим дозволяє набору даних додавати нові елементи до вашої колекції «Надіслані дані» на основі надсилань елемента вводу випадного списку.
Якщо ви підключили варіанти списку, які відвідувачі обирають у спадному меню, переконайтеся, що окремий набір даних знаходиться в режимі «Читання» або «Читання і внесення даних».
Якщо вам потрібна форма CMS для оновлення наявних елементів колекції, установіть для набору даних з надсиланнями форми режим Читання і внесення даних. Переконайтеся, що дозволи колекції також дають змогу людям з відповідними ролями оновлювати контент.

Крок 3 | Налаштуйте дозволи до колекції

Налаштуйте дозволи для колекції, де зберігатимуться надіслані дані. Ви можете вибрати встановлене за замовчуванням налаштування Збирати контент, яке дозволяє відвідувачам додавати контент, а потім вказати, хто може його додавати. Або виберіть Розширені дозволи, щоб контролювати, хто може переглядати, додавати, оновлювати й видаляти елементи колекції.

Редактор Wix

Редактор Studio

Натисніть CMS зліва в редакторі.
Натисніть Ваші колекції.
Наведіть курсор на колекцію «Надіслані дані» та натисніть іконку Інші дії .
Натисніть Дозволи та конфіденційність.

Скриншот вибору дозволів і налаштувань конфіденційності для колекції CMS.

Оберіть, які дозволи використовувати для колекції:
Виберіть тип дозволів, які хочете використовувати для своєї колекції:

Збір контенту

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

Натисніть Збирати контент.
Натисніть Хто може додавати контент до цієї колекції? і виберіть один із варіантів:
- Будь-хто: Будь-хто з відвідувачів сайту може додавати нові елементи до колекції на опублікованому сайті. Співавтори з ролями доступу до CMS , а також адміністратори можуть додавати елементи в межах CMS.
- Тільки учасники: Лише учасники сайту, співавтори з ролями доступу до CMS та адміністратори можуть додавати нові елементи до колекції на опублікованому сайті. Співавтори з доступом до CMS та адміністратори також можуть додавати елементи в межах CMS.
Натисніть Хто може переглядати цей контент? і виберіть один із варіантів:
- Співавтори: Адміністратори та співавтори з ролями доступу до CMS можуть переглядати контент колекції в CMS і на опублікованому сайті.
  Порада: Щоб призначити дозволи для певної ролі співавтора, скористайтеся дозволами Розширені дозвли й натисніть + Установити дозволи для конкретних ролей.
- Тільки учасники: Лише учасники сайту, співавтори з доступом до CMS та адміністратори можуть переглядати контент колекції на опублікованому сайті. Співавтори з доступом до CMS та адміністратори також можуть переглядати його в CMS.
- Автор елемента: Учасники сайту можуть переглядати на опублікованому сайті лише ті елементи, які вони самі додали до колекції. Співавтори й адміністратори можуть переглядати всі елементи на опублікованому сайті та в CMS.
- Будь-хто: Будь-хто з відвідувачів сайту може переглядати контент колекції на опублікованому сайті. Співавтори з доступом до CMS та адміністратори також можуть переглядати його в CMS.
Натисніть Зберегти.

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

Розширені

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

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

Натисніть Розширені.
(Необов’язково) Установіть дозволи для окремих ролей співавторів:
Примітка: За замовчуванням усі співавтори з ролями доступу до CMS мають однакові дозволи, якщо ви не створили дозволи для окремих ролей співавторів.
1. Натисніть + Установити дозволи для конкретних ролей.
2. Поставте галочку біля кожної ролі співавтора, для якої потрібно встановити окремі дозволи. Доступно лише для тих ролей, які надають доступ до CMS. Натисніть Ролі та доступ внизу, якщо потрібно створити або змінити ролі співавтора.
3. Натисніть Готово.
Поставте відповідні галочки біля кожної ролі, щоб вибрати, чи можуть користувачі з цією роллю переглядати, додавати, оновлювати чи видаляти елементи колекції:
- Будь-хто: Ця роль застосовується до всіх, хто має доступ до вашого опублікованого сайту. Якщо вибрати дозвіл для цієї ролі, він також буде обраний для інших ролей у таблиці.
- Учасники: Ця роль застосовується лише до учасників сайту. Якщо вибрати дозвіл для цієї ролі, його також буде встановлено для ролі «Автор елемента», «Співавтори» і будь-яких ролей, які ви додасте до таблиці.
- Автор елемента: Дозволи цієї ролі застосовуються лише до тих елементів, які учасник створює самостійно. Наприклад, ви можете встановити дозвіл, щоб автор елемента мав змогу оновлювати або видаляти лише створені ним елементи. Якщо вибрати дозвіл для цієї ролі, його також буде встановлено для ролі «Співавтори» та інших ролей, які ви додасте до таблиці.
- Співавтори: Ця роль застосовується до всіх ролей співавторів з доступом до CMS. Вибір дозволу для цієї ролі також означає встановлення його для всіх ролей співавторів, для яких ви налаштували дозволи.
- Адміністратор: Ця роль застосовується до ролей власників сайту та співавторів із правами адміністратора CMS. Ви не можете змінити дозволи ролі «Адміністратор».
- Конкретні ролі: Якщо додати до таблиці ролі, вони застосуються до співавторів з конкретними ролями доступу до CMS. Якщо встановити дозволи для конкретних ролей, а потім скасувати вибір дозволу в цій ролі, цей дозвіл також скасується в основній ролі «Співавтори».
Натисніть «Зберегти».

У таблиці ви можете вибрати один із наведених нижче рівнів доступу для кожної ролі:

Перегляд: Люди з відповідними ролями зможуть переглядати контент колекції.
Додавання: Люди з відповідними ролями зможуть додавати нові елементи до колекції.
Оновлення: Люди з відповідними ролями зможуть редагувати наявні елементи колекції.
Видалення: Люди з відповідними ролями зможуть видаляти наявні елементи колекції.

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

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

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

Ви також можете створити окремі кнопки для таких дій з набором даних:

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

Редактор Wix

Редактор Studio

Натисніть Додати елементи ліворуч у редакторі.
Натисніть Кнопка.
Натисніть і перетягніть на сторінку кнопку, яку хочете використовувати як кнопку для надсилання даних. Ви можете використовувати будь-який із таких типів кнопок: у стилі теми, кнопки з текстом і іконками, кнопки іконки, або кнопки із зображеннями.
Порада. Ви також можете додати зображення та використовувати його як кнопку для надсилання.

Скріншот додавання кнопки в редакторі Wix.

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

Скріншот налаштування кнопки «Надіслати».

Натисніть кнопку та виберіть іконку Дизайн , щоб налаштувати вигляд кнопки Надіслати.

Установіть заголовок, текст плейсхолдера й інші параметри в налаштуваннях випадного меню. Налаштуйте вигляд елемента на панелі Дизайн, а також налаштуйте вирівнювання, інтервали та відступи на панелі Макет.

Редактор Wix

Редактор Studio

У редакторі натисніть на елемент спадного меню.
Натисніть Налаштування та відредагуйте такі параметри:
- Назва поля: введіть назву, яка відображатиметься у верхній частині випадного меню.
- Показувати початковий текст: Виберіть початковий текст, який бачитимуть відвідувачі перед натисканням на елемент випадного меню:
  - Немає: Відвідувачі бачитимуть порожнє поле, перш ніж натиснути на елемент випадного меню.
  - Текст плейсхолдера: Додайте власний текст до елемента випадного меню (напр., «Виберіть колір»). Уведіть текст у текстове поле плейсхолдера .
  - Пункт випадного списку: Показує елемент із випадного списку. Якщо ви підключили список до CMS, пункт, що відображатиметься першим у випадному списку, буде першим з вибору запропонованого відвідувачам. Якщо ви не підключили пункти списку до CMS, натисніть Виберіть пункт зі списку, щоб вибрати пункт для відображення.
  - Автозаповнення: Натисніть на перемикач, щоб визначити, що відбуватиметься, коли відвідувачі вводять запит у випадному меню:
    - Увімкнено: У випадному меню відображатимуться лише ті варіанти, які відповідають введеному тексту.
    - Вимкнено: Усі варіанти відображаються у випадному меню.
- Тип випадного списку: Виберіть варіант:
  - Власний: Налаштуйте елемент випадного меню на панелі дизайну. На мобільному пристрої завжди встановлюється тип списку Браузер.
  - Браузер: Використовуйте стандартну тему браузера для випадного меню.
- Тип поля: Активуйте перемикач Обов’язкове , щоб відвідувачі обов'язково мали вибрати елемент із цього випадного списку перед надсиланням.

Скріншот налаштувань випадного елемента вводу.

Натисніть іконку Макет, щоб налаштувати вирівнювання тексту, а також відступи й інтервали елемента.
Натисніть іконку Дизайн , щоб вибрати встановлений за замовчуванням дизайн, а потім виберіть Налаштувати дизайн , щоб додатково налаштувати вигляд елемента, що випадає.
(Необов’язково) Натисніть іконку Анімація , щоб додати анімацію до елемента спадного меню.

Готові опублікувати?

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

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

FAQ

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

Як вирішити проблему, якщо надіслані форми не зберігаються в колекції CMS?

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

Перевірте підключення набору даних: Переконайтеся, що набір даних підключено до потрібної колекції CMS (напр., колекції «Надіслані дані»). Переконайтеся, що режим набору даних має значення "Внесення даних", що дозволяє зберігати введені дані як нові елементи.
Порада: Якщо форма призначена для оновлення наявних елементів, використовуйте режим «Читання і внесення даних» і виберіть Розширені налаштування.
Перегляньте дозволи колекції: Перевірте дозволи колекції" target="") у CMS. Переконайтеся, що відповідні ролі користувачів мають дозвіл додавати контент за допомогою дозволу «Збирати контент» або «Розширені».
Перевірте підключення елемента вводу: Натисніть на іконку Підключити до CMS для кожного елемента вводу та переконайтеся, що він правильно підключений до відповідних полів у наборі даних. Переконайтеся, що типи полів відповідають типу даних, які потрібно збирати.
Перевірте дію при натисканні кнопки «Надіслати»: Переконайтеся, що кнопку «Надіслати» правильно підключено до дії «Надіслати» в наборі даних. Крім того, переконайтеся, що повідомлення про успішне/невдале виконання налаштовано правильно, щоб відстежувати результати надсилання.
Синхронізуйте пісочницю й опубліковані колекції (якщо доступно): Якщо ви тестуєте форму в пісочниці, переконайтеся, що зміни синхронізовано з опублікованою колекцією.
Перегляньте й протестуйте: У редакторі перегляньте форму та надішліть тестовий запис, щоб переконатися, що дані зберігаються в колекції. Виправте всі проблеми, які виникли під час цього тестового етапу.

Докладніше про усунення проблем з елементами вводу" target="").

Чи можна експортувати надіслані дані, які зберігаються в моїй колекції?

Чи можу я автоматизувати дії, коли я отримую форму?

Чи можуть відвідувачі сайту використовувати елементи вводу для фільтрування контенту, який відображається на моєму сайті?

Чи можна відобразити надіслані форми в таблиці, галереї чи повторювачі?

Як дозволити учасникам оновлювати власні надіслані форми?

Звідки з’явиться список варіантів, якщо підключити елемент випадного меню до поля «Референс»?

Як підключити кілька форм до однієї колекції CMS?