Przyciągnij uwagę | Najlepsza wtyczka WordPress do mapowania obrazów

Jeśli chodzi o przyciąganie konsumentów online, nie można zaprzeczyć, że obraz jest wart tysiąca słów . Treści wizualne oraz przyciągające wzrok i interaktywne obrazy mogą być pomocnymi i angażującymi dodatkami do Twojej witryny. Jak więc dodać te interaktywne elementy wizualne? Odpowiedź jest jedna – najlepsza wtyczka WordPress do map graficznych WP Draw Attention .

Co jest wspaniałego we wtyczce WP Draw Attention? Nie musisz być ekspertem w projektowaniu stron internetowych, aby tworzyć wciągające wizualizacje. Kilka prostych kroków i gotowe, tworząc imponującą i interaktywną mapę obrazu.

Ale nie kradnijmy marszu i nie przechodźmy przez niego krok po kroku.

Co to jest mapa obrazu WordPress?

W uproszczeniu, interaktywna mapa obrazu to wizualizacja, zdjęcie lub grafika z klikalnymi obszarami, które zawierają krótkie wyjaśnienia lub dalsze uwagi.

Dzięki interaktywnym mapom graficznym możesz określić zalety swojego produktu bez nadmiernego obciążania odwiedzających długimi tekstami. Jeden interaktywny obraz może zawierać znacznie więcej informacji niż tekst. Dzięki mapie obrazu możesz udostępniać te same informacje w bardziej atrakcyjny i ekspresyjny sposób, dodając obrazy, teksty, skróty, filmy, dźwięk i inne elementy do obrazu.

Biorąc pod uwagę ich wszechstronność, mapy graficzne są częstym widokiem podczas przeglądania sieci. Jedno z powszechnych zastosowań map obrazów jest szeroko rozpowszechnione wśród pośredników w handlu nieruchomościami, właścicieli i architektów w celu zaprezentowania planów budynków lub pięter nieruchomości. Na przykład firma Architectural Metal Solutions zapewnia odwiedzającym interaktywny obraz planu piętra, który ilustruje zabiegi elewacji i pokryć dachowych zaprojektowane i wykonane przez firmę.

Istnieje jednak więcej zastosowań map obrazów. On the Wings of LCR wykorzystuje interaktywną mapę obrazów na stronie internetowej, aby pokazać odwiedzającym ptaki z dolnego biegu rzeki Kolorado. Mapa obrazkowa informuje nie tylko o każdym ptaku, ale także podaje informacje o jego gorących punktach i pozwala słyszeć jego wołania.

Niezależnie od celów Twojej witryny, zawsze możesz znaleźć kreatywne sposoby na włączenie map obrazów do swojej witryny. Wszystko zależy od twojej wyobraźni!

Zwróć uwagę: Wtyczka WordPress z interaktywną mapą obrazów

WP Draw Attention to jedna z najpopularniejszych interaktywnych wtyczek do map graficznych WordPress wszechczasów. Ta w pełni funkcjonalna i łatwa w użyciu wtyczka sprawia, że ​​tworzenie interaktywnych map obrazów jest bardzo proste, bez żadnych „dzwonków i gwizdków”. Mapy obrazów utworzone za pomocą tego narzędzia są responsywne, przyjazne dla SEO i można je dostosowywać.

Sukces wtyczki polega na jej przyjazności dla początkujących. Narzędzia do rysowania zawarte we wtyczce umożliwiają rysowanie złożonych kształtów poprzez przeciąganie i organizowanie punktów aktywnych na obrazie.

Wtyczka oferuje również elastyczność dostosowywania koloru tła, koloru tekstu, wyświetlania obrazu i tak dalej. Co więcej, edytor umożliwia dodawanie nieograniczonej liczby formatów wideo, audio, obrazów i innych do każdego wyróżnionego kształtu na obrazie.

WP Draw Attention to najwyżej oceniana i wysoce polecana wtyczka, ma ponad 10.000 aktywnych instalacji i pozytywne referencje ponad 80 5-gwiazdkowych ocen w katalogu wtyczek WP. Co ważne, wtyczka jest zgodna z najnowszą wersją WordPressa, motywami i kreatorami stron.

Kluczowe cechy

Przejdźmy teraz do głównych funkcji w bardziej szczegółowy sposób i zobaczmy, co sprawia, że ​​WP Draw Attention jest tak atrakcyjny dla wielu użytkowników WordPressa.

• Rozbudowane narzędzie do rysowania: Narzędzie do rysowania umożliwia rysowanie złożonych kształtów. Jednym kliknięciem dodajesz punkt do obrazu, a przeciągając istniejące punkty, tworzysz żądany kształt. Narzędzie zawiera możliwość powiększania i przesuwania obrazu podczas rysowania pożądanego kształtu punktu aktywnego. Umożliwia użytkownikom precyzyjne rysowanie idealnych okręgów, prostokątów i skomplikowanych kształtów.
• Kolorowe wyróżnienia: stwórz kompletny niestandardowy schemat kolorów pasujący do Twojej witryny. Możesz zdefiniować kolor podświetlenia, krycie, szerokość obramowania i kolor, aby kształty były widoczne przez cały czas lub tylko w przypadku interakcji użytkowników z obrazem.
• Nieograniczone hotspoty: Twórz tyle klikalnych obszarów i hotspotów, ile chcesz na mapie obrazu.
• Więcej informacji po kliknięciu: udostępniaj więcej informacji (tekst, obraz, wideo, dźwięk i inne) o wyróżnionym obszarze, gdy użytkownik najedzie na niego kursorem lub kliknie.
• Adres URL do innych stron: Oprócz dodawania dodatkowych informacji możesz także połączyć zaznaczony obszar z inną stroną, postem, produktem lub plikiem do pobrania. Możesz wybrać, aby otworzyć adres URL w nowym oknie lub w tym samym oknie.
• Responsywny i przystępny projekt: wtyczka jest kompatybilna ze wszystkimi typami ekranów, a jej wysoce responsywny interfejs dostosowuje obrazy do rozmiaru ekranu i motywów. Dzięki temu, niezależnie od urządzenia i możliwości, Twoja mapa obrazu jest widoczna dla każdego odwiedzającego Twoją witrynę.
• Łatwy do wyświetlenia: dzięki wtyczce WordPress Draw Attention mapka możesz umieścić interaktywny obraz w dowolnym poście lub na stronie za pomocą skrótów lub bloku edytora Draw Attention WordPress.

Funkcje profesjonalne

Wraz ze wszystkimi wymienionymi powyżej funkcjami, możesz zaktualizować Draw Attention Pro, aby uzyskać więcej funkcji i opcji dostosowywania.

• Mapy wielu obrazów: dodawaj nieograniczone obszary do wyróżnienia na nieograniczonej liczbie interaktywnych obrazów.
• Opcje układu: wprowadź dodatkowe informacje w różnych układach, np. lightbox lub podpowiedź.
• Zmieniaj styl punktu aktywnego : Stylizuj punkty aktywne za pomocą różnych obramowań, kolorów wypełnienia i przezroczystości. I uzyskaj dostęp do funkcji "Zawsze pokazuj hotspoty".
• 20 palet kolorów: Wersja premium oferuje ponad 20 gotowych schematów kolorów, aby łatwo i szybko stylizować interaktywny obraz.

WP Przyciągaj uwagę cen

Wersja premium wtyczki zawiera 2 plany Unlimited (149 USD) i Single (99 USD). Oba plany oferują nieograniczoną liczbę interaktywnych obrazów, nieograniczoną liczbę klikalnych obszarów, ponad 20 gotowych schematów motywów, kilka opcji układu i rok priorytetowego wsparcia.

Różnica między tymi dwoma planami polega przede wszystkim na liczbie stron internetowych, z których chcesz korzystać z wtyczką. Jeśli posiadasz tylko jedną witrynę, plan Single jest właśnie dla Ciebie. Ale jeśli jesteś programistą, który chciałby korzystać z tego w wielu witrynach klienckich, zalecamy plan Unlimited.

Jak zacząć z WP zwrócić uwagę

Znając główne funkcje wtyczki, nadszedł czas, aby przejść do przewodnika po wtyczce WordPress z mapą obrazu krok po kroku, aby zobaczyć, jak uruchomić ją od instalacji do umieszczenia mapy obrazu w witrynie.

Krok 1: Instalacja wtyczki

Pierwszym krokiem jest instalacja. Aby zainstalować WP Draw Attention, przejdź do pulpitu nawigacyjnego z zaplecza swojej witryny. Przejdź do „Wtyczki” > „Dodaj nowy”. Wyszukaj „WP przyciąga uwagę”. Kliknij „Zainstaluj” > „Aktywuj”.

W witrynie WordPress działa WP Draw Attention.

Krok 2: Prześlij obraz i dodaj obszary Hotspot

Pierwszą rzeczą, którą musisz zrobić, aby rozpocząć tworzenie mapy obrazu, jest przesłanie obrazu. Może to być na przykład zdjęcie produktu, mapa, plan piętra lub dowolny rodzaj zdjęcia.

Po wejściu na stronę „Dodaj nowy obraz” najpierw wpisz tytuł nowej interaktywnej mapy obrazu. Tytuł będzie widoczny na Twojej stronie, więc przy podejmowaniu decyzji postaraj się być przyjazny dla SEO.

Przejdź do okna „Upuść obraz tutaj” po prawej stronie, aby przesłać obraz, na którym będzie oparta Twoja mapa. Przykładem może być przesłanie planu piętra domu.

Po przesłaniu obrazu opublikuj go, aby rozpocząć rysowanie klikalnych obszarów obrazu w sekcji „hotspot”. Pamiętaj, że opublikowanie obrazu nie spowoduje umieszczenia go na żadnych publicznych stronach w Twojej witrynie. Aby wyświetlić mapę obrazu w Twojej witrynie, przejdź do kroku 5, aby uzyskać więcej informacji.

Aby narysować klikalne obszary obrazu, najpierw wybierz, czy chcesz utworzyć wielokąt, okrąg czy prostokąt. Po wybraniu utwórz kontur żądanego kształtu na obrazie, klikając lub przeciągając kursor myszy za pomocą wbudowanego narzędzia do rysowania.

Po utworzeniu początkowego kształtu możesz wrócić i edytować punkty lub usunąć kształt, aby zacząć od nowa.

Krok 3: Dodaj więcej informacji

Następnym krokiem jest dodanie bardziej szczegółowego opisu podświetlonego obszaru. Możesz napisać szczegółowy opis i dołączyć obraz, który pojawi się, gdy ktoś kliknie lub najedzie kursorem na klikalne obszary mapy obrazu.

Zamiast dodawać dodatkowe informacje, możesz również dodać adres URL i przekierować odwiedzających do innej witryny.

To wszystko – stworzyłeś klikalny obszar na swoim podstawowym obrazie!

Możesz kontynuować dodawanie nowych hotspotów mapy z klikalnym obrazem, postępując zgodnie z tą samą procedurą opisaną powyżej, aż osiągniesz pożądany cel.

Na koniec po prostu zapisz mapę obrazu w prawym górnym rogu lub wyświetl podgląd mapy obrazu.

Krok 4: Dostosowywanie stylu mapy obrazu

Jak już wspomnieliśmy, wtyczka ma rozbudowaną opcję dostosowywania stylu. Możesz na przykład wybrać kolor podświetlenia, kolor tła obrazu, poziom krycia, kolor tekstu itp. Dzięki temu możesz w pełni dostosować styl mapy obrazu, aby pasował do Twojej witryny.

Co więcej, wersja premium zawiera duży wybór gotowych motywów do szybkiej stylizacji i różnych układów do wyboru, na przykład wyskakujących okienek lightbox i podpowiedzi, aby pokazać opisy hotspotów.

Krok 5: Dodaj mapę obrazu do swojej witryny

Skrócony kod interaktywnej mapy obrazu pojawi się po prawej stronie ekranu. Musisz po prostu skopiować krótki kod i wstawić go do nowego bloku strony.

Otóż ​​to! Mapa obrazu jest teraz widoczna w Twojej witrynie WordPress.

Oprócz naszego przewodnika krok po kroku możesz również skorzystać z obszernej dokumentacji WP Draw Attention, aby dowiedzieć się więcej o narzędziach i funkcjach oferowanych przez tę niesamowitą wtyczkę oraz znaleźć więcej wskazówek dotyczących wprowadzania aktualizacji i zmian w interaktywnych mapach obrazów .

Zawijanie

Podsumowując, możemy z pewnością stwierdzić, że WP Draw Attention zasługuje na miano najlepszej interaktywnej wtyczki do mapowania obrazów w WordPressie. Ta wtyczka mapy obrazów WordPress jest wyjątkowo przystępna cenowo i oferuje wiele funkcji.

Tworzenie mapy obrazu za pomocą WP Draw Attention można wykonać szybko i bez wysiłku. Jak tylko zainstalujesz i aktywujesz WP Draw Attention, możesz uzyskać dostęp do zupełnie nowego świata, w którym Twoja wyobraźnia nie ma granic. Możesz tworzyć nieograniczoną liczbę klikalnych punktów aktywnych na swoich obrazach oraz dostosowywać i stylizować wszystko na mapie obrazu: od koloru podświetlonego obszaru po kolor czcionki tekstu i rozmiar czcionki.

Interaktywna mapa WordPress może być atrakcyjnym i kreatywnym sposobem komunikowania pomysłów z odwiedzającymi Twoją witrynę. Bez względu na to, czy po prostu udostępniasz informacje wizualnie, czy prezentujesz cechy produktu/usługi, w każdym przypadku interaktywne obrazy sprawiają, że ogólny wygląd Twojej witryny jest znacznie bardziej zaawansowany i atrakcyjny.

Jak zamierzasz wykorzystać mapy obrazów na swojej stronie? Podziel się swoimi pomysłami w sekcji komentarzy. Ponadto, jeśli podobał Ci się ten artykuł, nie zapomnij zajrzeć na nasz blog, aby znaleźć najnowsze artykuły na temat świata WordPressa i wtyczek.