CMS: добавление и настройка текстового ввода
10 мин.
Добавьте поле ввода текста, текстовое поле или поле форматируемого текста, чтобы собирать ответы посетителей, например, адрес эл. почты или номер телефона. Подключите текстовый элемент к соответствующему полю коллекции и добавьте кнопку «Отправить», которую посетители будут нажимать для отправки данных.
Прежде чем начать:
Не забудьте добавить CMS (систему управления контентом), если вы еще этого не сделали.
Шаг 1 | Добавление и настройка элемента текстового ввода
Добавьте поле ввода, которое использует одну строку, или текстовое поле с большой областью для ввода нескольких строк текста. Затем настройте параметры, макет и дизайн поля в соответствии с потребностями вашего сайта.
Редактор Wix
Редактор Studio
- Нажмите Добавить элементы
в левой части редактора. - Нажмите Ввод.
- Нажмите на тип текстового ввода, который вы хотите добавить:
- Поле ввода текста: позволяет посетителям вводить или редактировать текст в поле в одну строку.
- Текстовое поле: позволяет посетителям вводить или редактировать текст в поле, которое допускает несколько строк ввода.
- Выберите текстовое поле и перетащите его на страницу.
- Нажмите Настройки на элементе ввода и отредактируйте следующее:
- Тип: (только для поля ввода) выберите тип информации, которую можно вводить в поле:
- Текст: разрешить ввод любых символов, таких как имена, адреса или любая другая информация, не имеющая определенного шаблона.
- Пароль: скрывать все символы, введенные в поле пароля.
- Число: разрешить ввод только цифр.
- Эл. почта: разрешить ввод только адресов эл. почты. Если введен неверный формат адреса, пользователь увидит подсказку.
- URL: разрешить ввод только веб-адресов. Если введен неверный формат URL, пользователь увидит подсказку.
- Номер телефона: разрешить ввод любых символов.
- Название поля: введите название, которое будет отображаться над полем ввода.
- Показать начальный текст: выберите начальный текст, который отображается в поле, и при необходимости введите текст-подсказку и текст по умолчанию.
- Валидация: выберите один из следующих параметров:
- Тип поля: выберите соответствующие параметры:
- Обязательное: сделайте обязательным ввод значения в поле перед отправкой формы.
- Только для чтения: настройте элемент только для отображения контента. Посетители не могут редактировать значения, но могут их копировать.
- Установить лимит символов: активируйте переключатель, чтобы ограничить отправку данных определенным количеством символов, затем введите максимальное количество символов.
- Добавить валидацию по шаблону: (только для поля ввода) активируйте переключатель и введите код regex, чтобы добавить собственный шаблон валидации к стандартной валидации браузера.
- Формат сообщения об ошибке: выберите, как будут отображаться сообщения об ошибках: В строке или Подсказка.
- Тип поля: выберите соответствующие параметры:
- Тип: (только для поля ввода) выберите тип информации, которую можно вводить в поле:
- Нажмите на иконку Макет
, чтобы изменить отступы, интервалы, направление и выравнивание текста. - Нажмите на иконку Дизайн
, чтобы выбрать готовый дизайн. Затем нажмите Настроить дизайн, чтобы отредактировать его.
Шаг 2 | Подключение текстового ввода к CMS
Подключите поле ввода текста к набору данных, который связан с коллекцией и полем, в котором вы хотите сохранять ответы. При необходимости настройте режим набора данных и разрешения коллекции. Затем добавьте кнопку «Отправить», на которую посетители должны нажать, чтобы отправить свои данные в коллекцию.
Редактор Wix
Редактор Studio
- В редакторе нажмите на соответствующее поле ввода текста.
- Нажмите на иконку Подключить к CMS
. - Нажмите на выпадающий список Выберите набор данных и выберите существующий набор данных, который подключается к вашей коллекции. Либо нажмите Добавить набор данных, затем выберите коллекцию, которую хотите подключить, дайте набору данных имя и нажмите Создать.
- Нажмите на выпадающий список Цена-качество подключается к и выберите поле коллекции, в котором вы хотите сохранять отправки формы.
Совет: выберите + Добавить, чтобы добавить новое поле коллекции для хранения ответов.
- Настройте режим набора данных и разрешения коллекции:
- Нажмите Настройки набора данных на панели справа.
- (Необязательно) Нажмите на тип разрешений рядом с пунктом Разрешения, чтобы определить, кто может просматривать, добавлять, обновлять или удалять контент коллекции.
- Нажмите на выпадающий список Режим набора данных и выберите подходящий параметр товара:
- Запись: подключенные поле ввода могут добавлять новые элементы в коллекцию, но не могут редактировать существующие.
- Чтение и запись: подключенные элементы могут обновлять существующие элементы в коллекции. Если вы подключите кнопку «Создать», посетители смогут использовать ее для обновления существующих элементов и добавления новых в коллекцию.
- Создайте кнопку «Отправить», которую посетители будут нажимать для отправки своих ответов.
Часто задаваемые вопросы
Нажмите на вопросы ниже, чтобы получить ответы на часто задаваемые вопросы об элементе текстового ввода.
Можно ли использовать элемент текстового ввода в качестве фильтра или строки поиска?
Почему поле ввода текста неактивно, когда посетители пытаются ввести в него текст?
Как устранить неполадки, если отправки формы не сохраняются в коллекции CMS?
на каждом элементе ввода и подтвердите, что он правильно подключен к соответствующим полям в наборе данных. Убедитесь, что типы полей соответствуют Можно ли автоматизировать действия при получении ответов через форму?
Можно ли отобразить ответы через форму в таблице, галерее или репитере?
Как разрешить пользователям обновлять свои собственные отправленные данные?
Как подключить несколько форм к одной коллекции CMS?