Woodmart – создаем изображения с маркерами. Повышаем конверсию в интернет-магазине

Как в премиум теме Woodmart сделать изображение с маркерами (точками)?

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

Если у вас возник вопрос, не стоит теряться в догадках. Задайте его в комментариях. Задать вопрос

Я покажу как создать изображение с маркерами с помощью конструктора WPBakery и Elementor. В теме Woodmart эта функция реализована по умолчанию. В др. темах возможно придется ставить дополнительные плагины WordPress (см. ссылки в конце статьи).

Практическое применение

Изображения с маркерами позволяют продавать дополнительные товары, различные аксессуары, запчасти и т.д. Вы можете демонстрировать комплект одежды или комплект оборудования. Также, изображения с маркерами можно использовать для указания местоположения офисов компании, расположение туристических мест на схеме-карте и т.д.

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

Пример
Изображение с маркерами (создано с помощью WPBakery)
Создание изображения с маркерами с помощью Elementor

Смотреть видео

  • Что такое изображение с маркером? Как это можно использовать и для чего?
  • WPBakery – создаем изображение с маркером, добавляем сами маркеры (товары и произвольный текст).
  • Elementor – создаем изображение с маркером, добавляем сами маркеры (товары и произвольный текст).
  • Как создать изображение с маркером, если у нас установлена др. тема WordPress? Быстрый обзор бесплатных и платных плагинов WordPress для создания изображения с маркерами.

Ссылки

Дополнительные ссылки


 

Понравилась статья? Поделиться с друзьями:
ОБ АВТОРЕ
Николай Пекарский
Автор сайта. Фрилансер. Занимаюсь созданием сайтов на WordPress, локализацией шаблонов и плагинов WordPress.
Добавить комментарий

Используйте теги <code>Здесь ваш код</code>, чтобы вставить код в свой комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: