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, натисніть Виберіть пункт зі списку, щоб вибрати пункт для відображення.
  - Автозаповнення: Натисніть на перемикач, щоб визначити, що відбуватиметься, коли відвідувачі вводять запит у випадному меню:
    - Увімкнено: У випадному меню відображатимуться лише ті варіанти, які відповідають введеному тексту.
    - Вимкнено: Усі варіанти відображаються у випадному меню.
- Тип випадного списку: Виберіть варіант:
  - Власний: Налаштуйте елемент випадного меню на панелі дизайну. На мобільному пристрої завжди встановлюється тип списку Браузер.
  - Браузер: Використовуйте стандартну тему браузера для випадного меню.
- Тип поля: Активуйте перемикач Обов’язкове , щоб відвідувачі обов'язково мали вибрати елемент із цього випадного списку перед надсиланням.

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

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

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

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

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

FAQ

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

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

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

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

Дізнайтеся більше про виправлення проблем, пов’язаних з елементами вводу.

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

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

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

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

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

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

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