header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Использование элемента ввода «Теги выбора» для фильтрации контента на опубликованном сайте
  • Использование элемента ввода «Теги выбора» для сбора контента от посетителей сайта
  • Управление тегами в коллекции CMS
  1. Главная
  2. Создание сайта
  3. Продвинутые функции
  4. CMS (в прошлом Менеджер контента)
  5. Пользовательский ввод
  6. CMS: Настройка элемента ввода «Теги выбора» и управление тегами

CMS: Настройка элемента ввода «Теги выбора» и управление тегами

15 мин.
Предоставьте посетителям возможность фильтровать элементы, которые появляются на опубликованном сайте, или позвольте им отправлять свои варианты в коллекцию с помощью элемента «Теги выбора». В коллекции CMS (системы управления контентом) вы добавляете поле «Теги» и управляете значениями, связанными с каждым элементом. Если вам нужно внести изменения в значение тега, они автоматически применяются к каждому элементу, использующему этот тег, поэтому вам не придется редактировать их вручную во всей коллекции.
Скриншот двух элементов «Теги выбора», каждый из которых используется для разных целей.

Использование элемента ввода «Теги выбора» для фильтрации контента на опубликованном сайте

Подключите элемент ввода «Теги выбора» к тому же набору данных, который подключен к репитеру или галерее. Затем настройте элемент на фильтрацию контента и выберите значения какого поля коллекции вы хотите показывать в качестве вариантов фильтра в элементе «Теги выбора». Когда посетители нажимают на эти варианты фильтра в элементе, репитер или галерея отображают только те пункты, которые имеют соответствующее значение поля.

Вы также можете применить расширенные условия фильтрации, чтобы выбрать оператор, определяющий способ применения фильтра (например, Любой из, Равно любому из, Включает любой). Любые фильтры или сортировки, которые вы применяете к набору данных, также применяются к подключенным элементам. Это означает, что вы можете добавить фильтры в набор данных, чтобы исключить появление определенных пунктов, и добавить сортировку для управления их порядком.
  1. Перейдите в редактор.
  2. Добавьте элемент ввода «Теги выбора»: 
    1. Перейдите на страницу или в раздел, где посетители должны будут фильтровать контент по тегам. 
    2. Нажмите Добавить элементы  слева в редакторе.
    3. Нажмите Ввод.
    4. Нажмите Теги выбора. 
    5. Нажмите и перетащите нужный элемент тегов выбора на страницу. 
Скриншот добавления элемента ввода «Теги выбора» в редакторе Wix.
  1. Подключите элемент «Теги выбора» к CMS:
    1. Нажмите на иконку Подключить к CMS на элементе «Теги выбора».
    2. Выберите Фильтровать контент в панели Подключить теги выбора справа.
    3. Нажмите на выпадающий список Выберите набор данных и выберите тот же набор данных, который подключен к элементам (например, репитеру, галерее, таблице), которые посетители должны фильтровать.
    4. Нажмите на выпадающий список Фильтровать контент по и выберите поле, которое посетители будут использовать для фильтрации контента.
      Совет: Чтобы добавить новое поле в коллекцию и использовать его для фильтрации контента, выберите + Добавить, затем введите имя поля и выберите тип поля: Текст, Число, Теги или Связь. Вы сможете добавить контент в это поле в коллекции CMS позже.
    5. (Необязательно) Нажмите на выпадающий список Условие и выберите оператор, который определяет, как применяется фильтр (например, Любой из, Равно любому из, Включает любой).
      Примечание: Условия меняются в зависимости от типа подключенного поля.
Скриншот панели «Подключить теги выбора», где выполняется подключение к CMS.
  1. Настройте элемент ввода тегов выбора: 
    • Нажмите на иконку Настройки , чтобы изменить Название поля. 
    • Нажмите на иконку Макет , чтобы установить отступ текста, поля, интервалы и выравнивание. 
    • Нажмите на иконку Дизайн , чтобы выбрать готовый дизайн и настроить его. 
    • Нажмите на иконку Анимация , чтобы выбрать и настроить эффект анимации. 
    • Нажмите на иконку Растянуть , чтобы растянуть элемент на всю ширину. 
Скриншот параметров настройки тегов выбора в редакторе Wix.
  1. Нажмите Превью, чтобы протестировать элемент тегов выбора.
  2. Нажмите Опубликовать, если вы готовы применить изменения на сайте. 

Использование элемента ввода «Теги выбора» для сбора контента от посетителей сайта

Используйте элемент ввода тегов выбора для сбора ответов посетителей. Вы можете использовать поле коллекции для вариантов или управлять ассортиментом в самом элементе. Когда посетители выбирают вариант в элементе тегов выбора и нажимают кнопку «Отправить», их ответ сохраняется в соответствующем поле выбранной вами коллекции.
  1. Перейдите в редактор.
  2. Добавьте элемент ввода «Теги выбора»: 
    1. Перейдите на страницу или в раздел, где посетители должны будут отправлять выбранные варианты. 
    2. Нажмите Добавить элементы  слева в редакторе.
    3. Нажмите Ввод.
    4. Нажмите Теги выбора. 
    5. Нажмите и перетащите нужный элемент тегов выбора на страницу. 
Скриншот добавления элемента ввода «Теги выбора» в редакторе Wix.
  1. Подключите элемент тегов выбора к коллекции CMS, в которой вы будете хранить ответы:
    1. Нажмите на иконку Подключить к CMS на элементе тегов выбора. 
    2. Нажмите Сбор контента. 
    3. Нажмите на выпадающий список Выберите набор данных и выберите соответствующий набор данных. Либо нажмите Добавить набор данных , чтобы создать новый, затем выберите коллекцию для подключения, введите имя набора данных и нажмите Создать (title).
    4. Нажмите на выпадающий список Значения тегов подключаются к и выберите поле «Теги», в котором вы будете хранить ответы.
      Совет: чтобы добавить новое поле для хранения ответов, выберите + Добавить, затем введите название поля и нажмите Добавить (кнопка). 
    5. Настройте режим набора данных и разрешения коллекции: 
      1. Нажмите Настройки набора данных в панели справа.
      2. (Необязательно) Нажмите на тип разрешения рядом с Разрешения, чтобы определить, кто может просматривать, добавлять, обновлять или удалять контент коллекции.
      3. Нажмите на выпадающий список Режим набора данных и выберите подходящий параметр:  
        • Запись: подключенные элементы ввода могут добавлять новые позиции в коллекцию, но не могут редактировать существующие. 
        • Чтение и запись: подключенные элементы могут обновлять существующие позиции в коллекции. Если вы подключите кнопку «Создать», посетители смогут использовать ее для обновления существующих позиций и добавления новых в коллекцию. 
      4. Нажмите Назад к тегам выбора в верхней части панели Настройки набора данных . 
  1. Нажмите на переключатель Показать варианты из коллекции, чтобы выбрать, где управлять ассортиментом, который отображается в элементе тегов выбора:
    • Включено: используйте поле из другой коллекции CMS для вариантов. Выберите набор данных, который подключается к коллекции с полем, которое вы хотите использовать в качестве вариантов. Затем нажмите на выпадающий список Ярлыки и значения подключаются к и выберите поле Текст или Число , которое вы хотите использовать, или выберите + Добавить , чтобы создать новое поле для вариантов. 
    • Выключено: нажмите Управлять ассортиментом в элементе тегов выбора, чтобы создавать варианты и управлять ими в самом элементе, а не в коллекции CMS. 
  2. Настройте элемент ввода тегов выбора: 
    • Нажмите на иконку Настройки , чтобы изменить Название поля или потребовать от посетителей выбрать тег при отправке формы. 
    • Нажмите на иконку Макет , чтобы установить отступ текста, поля, интервалы и выравнивание. 
    • Нажмите на иконку Дизайн , чтобы выбрать готовый дизайн и настроить его. 
    • Нажмите на иконку Анимация , чтобы выбрать и настроить эффект анимации. 
    • Нажмите на иконку Растянуть , чтобы растянуть элемент на всю ширину. 
  3. Добавьте кнопку «Отправить», чтобы посетители могли нажать ее после выбора в элементе тегов выбора. 
Скриншот кнопки «Отправить», подключенной к набору данных, в котором хранятся отправки формы.
  1. Нажмите Превью, чтобы протестировать элемент тегов выбора.
  2. Нажмите Опубликовать, если вы готовы применить изменения на сайте. 

Управление тегами в коллекции CMS

После добавления типа поля «Теги» в коллекцию вы можете добавить значения тегов для каждого пункта. При добавлении значений тегов к пункту появляется список, в котором можно выбрать значения из существующего списка. Если вам нужно переименовать, объединить или удалить теги, внесенные изменения применяются ко всем пунктам и элементам на сайте, где используются эти теги. Это позволяет эффективно управлять тегами без необходимости вручную изменять их в каждом пункте, где они появляются.

Чтобы добавить теги в коллекцию и управлять ими:

  1. Перейдите в CMS в панели управления сайта. Кроме того, вы можете нажать CMS в редакторе, а затем выбрать Ваши коллекции. 
  2. Нажмите на нужную коллекцию.
  3. Нажмите Управление полями. 
  4. Нажмите + Добавить поле. 
  5. Выберите Теги и нажмите Выбрать тип поля.  
  1. Введите имя поля в пункте Имя поля.
  2. (Только Velo) При необходимости обновите ID поля, который используется в коде сайта. Вы не сможете обновить этот ID позже.
  3. (Необязательно) Введите текст подсказки, чтобы включить тултип в коллекции рядом с именем поля.
  4. Нажмите Сохранить.
  5. Нажмите на поле «Теги» соответствующего пункта и выберите нужное действие:
Далее
Узнайте, как добавить валидацию полей, чтобы сделать поле обязательным для заполнения в коллекции.

Была ли статья полезна?

|

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.