Расширение подсказки Elementor - добавляйте подсказки ко всему

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

Советы по подсказкам - это расширение Pro. Оно добавляет панель подсказок к каждому виджету, контейнеру, столбцу и разделу Elementor. выберите что-то, что уже есть на вашей странице, напишите сообщение, выберите размещение и стиль, чтобы соответствовать вашему сайту. Если вы хотите новый подсказка на пустом месте вместо этого, используйте автономный Виджет подсказки, который поставляется с бесплатным плагином.

Что можно сделать с расширением Tooltips

Умное позиционирование и интерактивное поведение

Позиционирование и интерактивное поведение

Поместите пузырь сверху, снизу, слева или справа от любого элемента. Запустите наведение или щелкните. Добавьте входную анимацию (затухание, масштаб), продолжительность и задержку. Или включите "Следовать за курсором", чтобы подсказка перемещалась с помощью мыши, что хорошо работает для карт, диаграмм и диаграмм.

  • Прикрепите всплывающие подсказки к любой стороне, чтобы они никогда не охватывали контент, который объясняют.
  • Следуйте курсору, превращающему изображения и диаграммы в исследуемые, меченые поверхности.
  • Управление анимацией и синхронизацией делает каждую подсказку родной для интерфейса.

Визуальная настройка

Замените настройки браузера по умолчанию всплывающими подсказками, которые вы разрабатываете самостоятельно: цвета текста и фона, заполнение, границы, радиус границы, стиль и цвет стрелки, тень коробки и полный контроль типографики.

  • Точные цвета бренда для фона, текста и стрелок.
  • Границы, радиус и тени, соответствующие остальной части вашей системы проектирования.
  • Семейство шрифтов, размер и контроль веса для читаемой микрокопии.
Полная визуальная настройка
Добавляйте подсказки где угодно

Советы по любому элементу с динамическим содержанием

Он работает на кнопках, значки, изображения, заголовки, контейнеры, столбцы, разделы и все остальное, что вы можете выбрать в редакторе. текстовое поле всплывающей подсказки принимает динамические теги Elementor, поэтому подсказка может втягивать живые данные, такие как цена или дата публикации.

  • Включите расширение один раз, и каждый элемент получит панель всплывающей подсказки Вы никогда не добавляете отдельный виджет для каждого подсказки.
  • Каждый элемент имеет свою подсказку, поэтому каждая из трех карт подряд может говорить что-то свое.
  • Динамические теги поддерживают актуальность подсказок, например, актуальных деталей продукта.

Расширение или Элемент: какой вам нужен?

Эта страница (Расширение подсказок, Pro): контент уже существует, и вы хотите прикрепить к нему подсказку. Он работает на любом виджете, столбце, разделе или контейнере.

Элемент подсказки (бесплатно): вам нужен новый подсказка на странице, и виджет предоставляет свой собственный текст триггера, значок или изображение.

Обычные случаи использования

  • Значки и кнопки: объясните, что делает кнопка только для значков перед щелчком мыши.
  • Изображения и диаграммы: Следуйте меткам курсора на картах, планах этажей, технических чертежах.
  • Заголовки и термины: определите жаргон в ряд без сносок.
  • Разделы: Бета или “new” значки и подсказки по вызову функций на целых блоках.
  • ВуКоммерция: доставка, запас или вариант банкнот, прикрепленных к кнопке покупки.
Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Советы по инструментам
Советы по инструментам

Как добавить всплывающую подсказку в любой виджет Elementor

  • Выберите что угодно. щелкните виджет, столбец, контейнер или раздел в Elementor и откройте вкладку "Дополнительно", чтобы найти раздел "Подсказки".
  • Написать и разместить. введите сообщение, затем установите размещение, триггер (наведите указатель мыши, щелкните или настроить), анимацию, продолжительность и следуйте курсору, если вам это нужно.
  • Стиль это. Установите цвета, типографику, заполнение, радиус, стрелку и тень, затем обновите страницу.
  • Прохождение со скриншотами читайте как добавить всплывающую подсказку в Elementor.

Часто задаваемые вопросы для подсказок

Узнайте о самых востребованных пользователями запросах о всплывающих подсказках и найдите ответы в одном месте.
Чем это отличается от виджета Tooltip?

Оба имеют предустановки размещения, триггеры наведения или щелчка, анимации и Follow Cursor.Разница в том, где подсказка живет. расширение прикрепляет один к контенту, который уже находится на вашей странице и нуждается в Pro. The Элемент подсказки является бесплатным автономным виджетом с собственным текстом триггера, значком или изображением.Существующая кнопка, значок или раздел: использовать расширение. пустое место, которому нужна подсказка: использовать элемент.

На сенсорных экранах наведения не существует, поэтому нажатие действует как триггер, а второе нажатие в другом месте устраняет пузырь. Держите текст подсказки для мобильных инструментов коротким и предпочитайте триггер для критических подсказок.

Текст подсказки находится в HTML, поэтому его можно сканировать. Но никогда не помещайте важную информацию только внутрь подсказки, поскольку некоторые потоки чтения с экрана и клавиатуры могут пропустить ее. Используйте подсказки для дополнительной помощи и тестируйте с помощью инструментов специальных возможностей.

 

Многие всплывающие подсказки замедлят мою страницу?

Каждая всплывающая подсказка добавляет небольшое количество HTML и CSS. Типичное использование, около 5-10 на странице, не оказывает заметного влияния. десятки тяжелых анимированных всплывающих подсказок на одной странице могут складываться, поэтому сохраняйте их краткость.

 

Исследуемые визуальные эффекты: карты, точки доступа к продуктам, диаграммы, технические диаграммы. пузырь следует за указателем, поэтому каждая область под курсором получает свое собственное живое объяснение.

Да. Объединяйте с динамическими тегами, чтобы внедрить живые данные, такие как цены, имена или даты, чтобы подсказки оставались актуальными без ручного редактирования.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали