магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Поиск по FAQ и ссылки на ответы в Tilda

Как помочь посетителю найти вопрос в аккордеоне и открыть конкретный ответ по ссылке.
Подробнее о модеСвернуть описание

Что умеет мод

  • Ищет по заголовкам вопросов или по вопросам вместе с ответами и подсвечивает совпадения.
  • Работает со стандартными аккордеонами T668, T585, T849, T1118 и T1119.
  • Размещает поиск над аккордеоном или в отдельном шейпе Zero Block.
  • Добавляет прямые ссылки на ответы и позволяет задать постоянные ключи вопросов.

Как подключить

Стандартные аккордеоныПоиск по вопросам и ответамКод в T123
  1. Подготовьте аккордеон

    Используйте поддерживаемый стандартный блок и задайте его ID или общий CSS-класс, например uc-faq-search. Для собственной разметки нужны атрибуты data-accordion-item, data-accordion-trigger, data-accordion-title и data-accordion-content.

  2. Разместите поиск

    Выберите поиск над аккордеоном либо режим «В шейпе Zero Block». Во втором случае добавьте шейпу класс faq-search. Для нескольких аккордеонов подготовьте по шейпу на каждый и расположите их в том же порядке.

  3. Настройте ответы и ссылки

    Выберите поиск только по вопросам или также по ответам. При необходимости включите раскрытие найденных ответов. Для адресов, которые должны сохраняться при переименовании вопроса, задайте постоянный data-faq-key или класс с префиксом faq--.

  4. Проверьте опубликованную страницу

    Вставьте код в T123 после нужных блоков. Найдите вопрос, очистите поиск, скопируйте прямую ссылку и откройте её в новой вкладке. Проверьте длинную подпись кнопки и поиск на телефоне.

Что учитывать. Без постоянного ключа адрес ответа формируется из заголовка: переименование вопроса может изменить ссылку. Режим «После ответа» показывает кнопку ссылки только у раскрытого ответа. На touch-экранах кнопки с показом по наведению остаются видимыми.

Вопросы и ограничения

Ссылка сохранится после изменения вопроса?

Для этого задайте вопросу постоянный data-faq-key или CSS-класс с префиксом faq-- и не меняйте его. Без явного ключа ссылка зависит от заголовка.

Можно искать не только по заголовкам?

Да. Выберите поиск по вопросам и ответам. При включённом раскрытии совпадений мод может открыть несколько найденных ответов одновременно.

Можно вынести поиск в Zero Block?

Да, в отдельный шейп с настроенным классом. Это размещение поисковой панели; сам аккордеон должен быть поддерживаемым стандартным блоком или иметь необходимые атрибуты собственной разметки.

Что произойдёт после очистки поиска?

Мод восстанавливает состояние ответов, которое было до поиска. Обычное раскрытие вопросов по нажатию продолжает работать штатно.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Может пригодиться вместе

Made on
Tilda