Расширение подсказки Elementor - добавляйте подсказки ко всему
Советы по подсказкам - это расширение Pro. Оно добавляет панель подсказок к каждому виджету, контейнеру, столбцу и разделу Elementor. выберите что-то, что уже есть на вашей странице, напишите сообщение, выберите размещение и стиль, чтобы соответствовать вашему сайту. Если вы хотите новый подсказка на пустом месте вместо этого, используйте автономный Виджет подсказки, который поставляется с бесплатным плагином.
Что можно сделать с расширением Tooltips
Позиционирование и интерактивное поведение
Поместите пузырь сверху, снизу, слева или справа от любого элемента. Запустите наведение или щелкните. Добавьте входную анимацию (затухание, масштаб), продолжительность и задержку. Или включите "Следовать за курсором", чтобы подсказка перемещалась с помощью мыши, что хорошо работает для карт, диаграмм и диаграмм.
- Прикрепите всплывающие подсказки к любой стороне, чтобы они никогда не охватывали контент, который объясняют.
- Следуйте курсору, превращающему изображения и диаграммы в исследуемые, меченые поверхности.
- Управление анимацией и синхронизацией делает каждую подсказку родной для интерфейса.
Визуальная настройка
Замените настройки браузера по умолчанию всплывающими подсказками, которые вы разрабатываете самостоятельно: цвета текста и фона, заполнение, границы, радиус границы, стиль и цвет стрелки, тень коробки и полный контроль типографики.
- Точные цвета бренда для фона, текста и стрелок.
- Границы, радиус и тени, соответствующие остальной части вашей системы проектирования.
- Семейство шрифтов, размер и контроль веса для читаемой микрокопии.
Советы по любому элементу с динамическим содержанием
Он работает на кнопках, значки, изображения, заголовки, контейнеры, столбцы, разделы и все остальное, что вы можете выбрать в редакторе. текстовое поле всплывающей подсказки принимает динамические теги Elementor, поэтому подсказка может втягивать живые данные, такие как цена или дата публикации.
- Включите расширение один раз, и каждый элемент получит панель всплывающей подсказки Вы никогда не добавляете отдельный виджет для каждого подсказки.
- Каждый элемент имеет свою подсказку, поэтому каждая из трех карт подряд может говорить что-то свое.
- Динамические теги поддерживают актуальность подсказок, например, актуальных деталей продукта.
Расширение или Элемент: какой вам нужен?
Эта страница (Расширение подсказок, Pro): контент уже существует, и вы хотите прикрепить к нему подсказку. Он работает на любом виджете, столбце, разделе или контейнере.
Элемент подсказки (бесплатно): вам нужен новый подсказка на странице, и виджет предоставляет свой собственный текст триггера, значок или изображение.
Обычные случаи использования
- Значки и кнопки: объясните, что делает кнопка только для значков перед щелчком мыши.
- Изображения и диаграммы: Следуйте меткам курсора на картах, планах этажей, технических чертежах.
- Заголовки и термины: определите жаргон в ряд без сносок.
- Разделы: Бета или “new” значки и подсказки по вызову функций на целых блоках.
- ВуКоммерция: доставка, запас или вариант банкнот, прикрепленных к кнопке покупки.
Как добавить всплывающую подсказку в любой виджет Elementor
- Выберите что угодно. щелкните виджет, столбец, контейнер или раздел в Elementor и откройте вкладку "Дополнительно", чтобы найти раздел "Подсказки".
- Написать и разместить. введите сообщение, затем установите размещение, триггер (наведите указатель мыши, щелкните или настроить), анимацию, продолжительность и следуйте курсору, если вам это нужно.
- Стиль это. Установите цвета, типографику, заполнение, радиус, стрелку и тень, затем обновите страницу.
- Прохождение со скриншотами читайте как добавить всплывающую подсказку в Elementor.
Часто задаваемые вопросы для подсказок
Чем это отличается от виджета Tooltip?
Оба имеют предустановки размещения, триггеры наведения или щелчка, анимации и Follow Cursor.Разница в том, где подсказка живет. расширение прикрепляет один к контенту, который уже находится на вашей странице и нуждается в Pro. The Элемент подсказки является бесплатным автономным виджетом с собственным текстом триггера, значком или изображением.Существующая кнопка, значок или раздел: использовать расширение. пустое место, которому нужна подсказка: использовать элемент.
Как подсказки ведут себя на мобильных устройствах?
На сенсорных экранах наведения не существует, поэтому нажатие действует как триггер, а второе нажатие в другом месте устраняет пузырь. Держите текст подсказки для мобильных инструментов коротким и предпочитайте триггер для критических подсказок.
Подсказки хороши для SEO и доступности?
Текст подсказки находится в HTML, поэтому его можно сканировать. Но никогда не помещайте важную информацию только внутрь подсказки, поскольку некоторые потоки чтения с экрана и клавиатуры могут пропустить ее. Используйте подсказки для дополнительной помощи и тестируйте с помощью инструментов специальных возможностей.
Многие всплывающие подсказки замедлят мою страницу?
Каждая всплывающая подсказка добавляет небольшое количество HTML и CSS. Типичное использование, около 5-10 на странице, не оказывает заметного влияния. десятки тяжелых анимированных всплывающих подсказок на одной странице могут складываться, поэтому сохраняйте их краткость.
Чем хорош Follow Cursor?
Исследуемые визуальные эффекты: карты, точки доступа к продуктам, диаграммы, технические диаграммы. пузырь следует за указателем, поэтому каждая область под курсором получает свое собственное живое объяснение.
Могу ли я использовать динамический контент внутри подсказки?
Да. Объединяйте с динамическими тегами, чтобы внедрить живые данные, такие как цены, имена или даты, чтобы подсказки оставались актуальными без ручного редактирования.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
