Блог Тильды

Разбираем элемент Tooltip в Zero block

🔴 Tooltip — это интерактивный элемент, при наведении на который появляется подсказка с текстом или изображением. С помощью тултипа можно добавить дополнительную информацию о конкретной детали на сайте, не перегружая дизайн.

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

Рассказываем, как настроить тултип на Тильде:

Добавьте элемент Tooltip в Zero block и разместите его в нужном месте. Затем настройте внешний вид: можно изменить цвет и размер, добавить тень или загрузить иконку, которая будет отображаться внутри кружка. Во всплывающей подсказке разместите текст или изображение. Готово!

Размещать тултип можно у любого элемента в Zero block: например, вы можете добавить всплывающую подсказку рядом с полем в форме. Но убедитесь, что пользователю понятно, что при наведении на тултип что-то произойдёт. Например, можно использовать иконку в виде знака вопроса.

📌 Не забудьте проверить расположение всплывающей подсказки на всех разрешениях экранов, чтобы плашка с текстом или изображением не обрезалась по краям блока.
Made on
Tilda