Улучшенный конструктор подсказок

Улучшенный Конструктор Подсказок

Создавайте адаптивные подсказки с гибкими настройками триггеров и оптимизированной производительностью

Создание подсказки

Настройки триггеров

Рекомендуется: hover
Наведение - для десктопов, клик - для мобильных
Рекомендуется: mouseout
Для мобильных - click-outside или close-button

Список подсказок

Предпросмотр

Протестируйте подсказки с выбранными настройками триггеров:

Наведи на меня
Наведи на меня
Наведи на меня
Наведи на меня

Код для вставки

Инструкция по использованию

  1. Создайте подсказку с уникальным именем и настройками
  2. Настройте триггеры:
    • Показывать при: наведении курсора или клике
    • Закрывать при: отведении курсора, клике вне области или по крестику
  3. Протестируйте в разделе предпросмотра
  4. Сгенерируйте код и добавьте его на ваш сайт перед </body>
  5. Добавьте классы вида hint-имя к нужным элементам
  6. Для Craftum: Добавьте дополнительный код:
    <style>
    .page-wrapper {
        overflow: visible !important;
        transform: none !important;
        contain: unset !important;
    }
    </style>

Оптимизация: Конструктор использует единый контейнер для всех подсказок и делегирование событий для максимальной производительности.

Код успешно скопирован!
Ваш заказ
  • image alt
    POWER Full 14
    POWER Full 14
    1000
  • image alt
    POWER Full 14
    POWER Full 14
    2000
3000
Выберите вариант доставки

Оставляя заявку, вы соглашаетесь на обработку персональных данных

2
В закладки
Добавить сайт в закладки
Craftum Сайт создан на Craftum