Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.3/mods.min.js"></script>

Создайте кастомную карточку с тултипом внутри Zero-блока
Объедините элементы тултипа в группу с типом Object и присвойте ей класс .uc-tooltip

Если вы планируете использовать несколько тултипов на странице, задайте им разные названия классов, например, .uc-tooltip1, .uc-tooltip2 и т.д.
Добавьте в нужное место иконку открытия тултипа и укажите ей ссылку (например, #tooltip)

Если вы хотите задать иконку закрытия внутри объекта с тултипом, пропишите ей ссылку #close
Задайте в настройках модификации класс тултипа, ссылку на его открытие и параметры поведения
Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<script>tooltip.init(".uc-tooltip1", { link: "#tooltip1" })</script>
<script>tooltip.init(".uc-tooltip2", { hover: false, link: "#tooltip2" })</script>

Открыть пример

Настройки модификации

Класс тултипа:

Только по клику:

Скорость и тип переходов:

Ссылка для открытия:

<script>tooltip.init(".uc-tooltip")</script>

Скопировать код

Особенности

Можно переключать по ховеру

Поведение тултипа можно гибко настроить под свой запрос
Работает с автоскейлом

Мод работает с масштабированием так же корректно, как и без него
Создан специально для Тильды

Модификация учитывает особенности Тильды и легко встраивается в неё