Область интерактивных изображений — отличный способ поднять ваш сайт на новый уровень. Их можно использовать по-разному, о многих вариантах применения из которых вы, возможно, даже и не думали. Давайте посмотрим на некоторые тематические исследования.
Если вы занимаетесь продажей продуктов, вы можете использовать интерактивные изображения для выделения частей вашего продукта, чтобы дать более подробную информацию о функциях каждой области. Вы также можете продемонстрировать свою продукцию в действии. Подумайте о строительных системах: вы можете показать, как ваши продукты могут взаимодействовать со зданиями, и предоставить дополнительные данные потенциальным клиентам.
На сайтах недвижимости часто представлены планы интерьеров. С помощью интерактивных изображений вы можете позволить пользователю наводить курсор на отдельные комнаты для доступа к дополнительной информации, такой как площадь и использование.
Направляйте своих гостей с помощью интерактивных карт, чтобы помочь им добраться до места назначения.
Преподаёте язык? Почему бы не показать изображения, открывающие слово на иностранном языке, когда вы наводите на них курсор?
Плагины интерактивных изображений и карт улучшают пользовательский интерфейс для ваших посетителей. В этой статье я рассмотрю лучшие плагины для WordPress.
Draw Attention — плагин №1 WordPress для создания интерактивных изображений и карт с более чем 10 000 активных установок и средним обзором 5 звезд.
Плагин идеально подходит для всех случаев использования, в том числе:
Плагин позволяет выделять области на ваших изображениях, превращая их в интерактивные, предоставляя больше информации вашим читателям. Версия PRO также поставляется с цветовыми схемами и дополнительными параметрами макета, которые вы можете использовать, чтобы оживить ваши изображения.
Draw Attention невероятно прост в использовании, отзывчив и доступен. В дополнение к этому, он поставляется со сверхбыстрой и дружелюбной службой поддержки.
Плагин поставляется с 3 вариантами ценообразования:
Имея в своем арсенале плагин Simply Schedule Appointments, команда разработчиков плагина Draw Attention создала отличное дополнение к любому веб-сайту.
Как плагин WordPress номер один для создания интерактивных изображений и карт изображений, WP Draw Attention включает в себя набор уникальных функций и возможностей, которые вы не обязательно получите с другими плагинами. Давайте взглянем на некоторые из самых важных функций.
WP Draw Attention прост в использовании даже для начинающих мастеров WordPress. Он позволяет рисовать сложные красочные формы и добавлять широкий спектр элементов контента, в том числе:
Функция перетаскивания позволяет легко размещать, перемещать и настраивать точки на интерактивных изображениях и картах. Как только вы их создадите, они автоматически станут адаптивными и оптимизированными для SEO.
Вы также можете использовать интерактивный редактор изображений для добавления горячих точек, выделения и ссылок. Например, с помощью функций лайтбокса и всплывающих подсказок ваши посетители могут кликнуть, чтобы отобразить дополнительную информацию, когда они наводят курсор на определенную область карты. Вы также можете настроить его так, чтобы определенные точки на карте были выделены другим цветом, когда посетитель наводит курсор на область с помощью мыши.
Пользователи WP Draw Attention имеют возможность добавлять ссылки на выделенные фигуры. Вы можете ссылаться на другие страницы, сообщения и продукты на своем сайте, а также добавлять внешние ссылки, указывающие на другие веб-сайты, которые могут открываться в том же или новом окне.
Этот плагин интерактивных изображений поставляется с более чем 20 предопределенными цветовыми схемами, что упрощает создание цветовой палитры, которая соответствует вашей текущей теме WordPress или бренду. У вас также есть возможность создать свою собственную цветовую схему или палитру. WP Draw Attention также предоставляет множество функций для управления настройкой и стилизацией ваших интерактивных изображений и карт изображений.
Вы можете настроить цвет текста, заголовка и фона изображения, определить прозрачность, а также настроить стиль и параметры макета.
После того, как вы загрузите и активируете плагин WP Draw Attention на своем веб-сайте, он добавит пункт меню Draw Attention на вашу панель инструментов. После выбора «Редактировать изображение» вы можете использовать редактор изображений, чтобы загрузить изображения и настроить параметры стиля и функциональности.
Когда вы будете готовы добавить интерактивное изображение на страницу или в публикацию, вы можете сделать это быстро, скопировав шорткод.
Чтобы воспользоваться преимуществами длинного списка функций и возможностей, предлагаемых плагином WP Draw, мы рекомендуем перейти на премиум-версию. Он включает в себя больше вариантов макета и предварительных цветовых схем и шаблонов, а также возможность создавать неограниченное количество изображений и использовать их на неограниченном количестве веб-сайтов.
Для начала вы можете поэкспериментировать с некоторыми демонстрациями интерактивных изображений на веб-сайте плагина.
Плагин премиум-класса также включает год поддержки и обновления. Однако, если вам нужна помощь в установке или использовании, вы также можете обратиться к документации WP Draw Attention.
При цене 33,80 долларов в год, включая 12 месяцев поддержки, WooMapper ориентирован в основном на приложения WooCommerce. Плагин позволяет добавлять пользовательские пины к изображениям, которые ссылаются на продукты WooCommerce.
Этот плагин — отличный способ показать ваш продукт WooCommerce, цену, изображение и описание вашим потенциальным клиентам относительно новым и инновационным способом. WooMapper прост в использовании и позволяет настраивать изображения, чтобы они легко интегрировались в дизайн вашего интернет-магазина.
iMapper работает аналогично WooMapper, позволяя размещать пины на любом изображении на вашем веб-сайте WordPress. Он поставляется с семью различными предустановленными стилями вывода, включая область, выделение и тень, а также позволяет загружать свой собственный пин.
Когда вы наводите курсор на контакты, iMapper может показывать ваш контент несколькими различными способами и позволяет вам определить позицию, в которой ваш контент будет отображаться. Плагин дополнительно позволяет вам организовывать ваши пины по категориям, а также включать вкладки в контент пинов.
iMapper прост в реализации и включает в себя более 600 шрифтов Google. Он полностью адаптивен и стоит 32 доллара, это отличное дополнение к любому интернет-магазину или картографической системе.
Adverty — это плагин WordPress, который в основном ориентирован на рекламу. Он стоит 36 долларов и позволяет размещать рекламные блоки прямо на ваших изображениях. Это может быть отличным инструментом для интернет-магазинов для демонстрации своих товаров в использовании. Все, что вам нужно сделать, это пометить любую часть вашего изображения и ввести свой контент, партнеров или рекламу.
Кроме того, этот плагин также можно использовать для создания баннеров вверху или внизу ваших изображений для показа вашей рекламы.
Image Map Pro — один из самых продвинутых плагинов в нашем списке. Этот плагин может помочь вам создавать интерактивные изображения благодаря простому в использовании интерфейсу и полезным инструментам.
Плагин поставляется в двух вариантах цены:
Image Map Pro поставляется с собственным редактором, который вы можете попробовать перед покупкой. Интерфейс интуитивно понятен и позволяет создавать собственные формы, чтобы ваши изображения выделялись. Плагин содержит более 600 высококачественных значков FontAwesome SVG, а также позволяет загружать собственные значки для создания изображений, которые легко интегрируются с дизайном вашего веб-сайта.
Отличная особенность этого плагина — возможность создавать несколько этажей. Это может быть очень полезно при изображении таких вещей, как свойства и планы этажей. Благодаря бесконечным комбинациям стилей и анимации этот плагин является очень хорошим адаптивным решением для ваших изображений.
Ещё один плагин в нашем списке — Image Map HotSpot по цене 22 доллара. Он помогает отображать всплывающие подсказки или аннотации к изображениям на вашем веб-сайте WordPress. Вы можете выбрать отображение содержимого, щелкнув значок или наведя указатель мыши.
Плагин имеет простой в использовании рабочий предварительный просмотр в реальном времени прямо в серверной части, который помогает вам создать желаемый вид, прежде чем запускать его вживую. Image Map HotSpot поддерживает Lightbox, что означает, что ваши изображения, карты и видео с YouTube или Vimeo можно открывать сразу после активации значка.
Если вы хотите улучшить свои изображения, чтобы отобразить дополнительную информацию о ваших продуктах, планах этажей, зданиях, картах и почти любом графическом приложении, которое вы только можете придумать, интерактивные изображения определенно вам следует рассмотреть.
В этом посте мы рассмотрели 6 лучших плагинов WordPress:
Если вам нужен современный функциональный сайт, обращайтесь ко мне.