Czy zastanawiałeś się kiedyś, jak sprawić , by Twoje obrazy były bardziej opisowe i interaktywne?
Wtyczki Image Hotspot pomagają wyróżnić lokalizację obrazu, opis lub dowolny rodzaj treści za pomocą animowanych podpowiedzi i nie tylko. Musisz tylko znaleźć idealne rozwiązanie na początek. Nie martw się!
Image Hotspot jest niezbędny, aby Twoje wizualizacje były bardziej interesujące w oczach klientów. Pomaga zdefiniować cel każdego obrazu, cenę, historię lub wszelkie pomysły, którymi możesz interaktywnie dzielić się ze swoimi klientami za pomocą hotspotu obrazu.
Na tym blogu poznasz jedne z najlepszych wtyczek WordPress Image Hotspot dla Gutenberga, WPBakery & Elementor. Zacznijmy od ’.
1. Mapa obrazu HotSpot z Lightboxem
HotSpot mapy obrazu dla WordPress pomaga wyświetlać podpowiedź lub adnotację obrazu z płynnym przejściem CSS3. Możesz wybrać wyświetlanie wyskakującego okienka, gdy użytkownik kliknie lub najedzie myszką, i łatwo przeciągnij ikonę, aby zaktualizować pozycję HotSpot’s w zapleczu. Działający podgląd na żywo jest dostępny w backendzie, coś w rodzaju WYSIWYG (What You See Is What You Get).
Każda ikona hotspotu obsługuje opcjonalną animację pulsu .
Ikony hotspotów mogą być wyświetlane w liczbach, po wersji 1.3.3 hotspot obsługuje również Lightbox , możesz kliknąć ikonę, aby otworzyć YouTube lub Vimeo Lightbox , obsługuje także obraz lub mapę google Lightbox .
Kluczowe cechy
- Łatwy w instalacji i konfiguracji z WordPress
- Przeciągane ikony w zapleczu
- Czuły
- Instancje MultipleHotSpot na tej samej stronie
- Obsługa przejścia CSS3
- Opcjonalny pokaz slajdów z automatycznym opóźnieniem
2. Hotspot obrazu z podpowiedzią dla Elementora
Pomóż dodać ikonę hotspotu z etykietą narzędzia do obrazu w Elementor Page Builder, hotspot może być ikoną, liczbą lub pojedynczą kropką.
Uwaga: ten pakiet widżetów jest przeznaczony dla Elementor Page Builder .
Możesz pobrać ten widżet z wtyczki All In One Widget for Elementor Page Builder WordPress. It’s zaleca zakup pakietu All In One, który będzie zawierał inne widżety/dodatki w przyszłej aktualizacji.
Możesz zobaczyć screencast z YouTube i jak wygląda montaż.
Kluczowe cechy
- Obsługa hotspotów Ikona, liczba lub pojedyncza kropka
- Podpowiedź obsługuje bogate treści, takie jak wideo YouTube/Vimeo, obraz
- Podpowiedź można wywołać, klikając lub najeżdżając kursorem
- Kolejkuj js i CSS tylko wtedy, gdy jest to potrzebne
- Wbudowany styl ikon i obsługa niestandardowych kolorów
- Opcjonalne obramowanie animacji pulsu dla punktu aktywnego, opcjonalny styl podpowiedzi
- Podpowiedź może być ustawiona tak, aby była wyświetlana domyślnie.
- Kompatybilny z najnowszym Elementorem i najnowszym WordPressem.
3. WPBakery Page Builder Dodatek Hotspot obrazu z podpowiedzią i Lightboxem
Pomóż dodać ikonę hotspotu z podpowiedzią i lightboxem do obrazu dla WPBakery Page Builder.
Uwaga: możesz pobrać ten dodatek z All In One Addons for WPBakery Page Builder . It’s zaleca zakup pakietu All In One, który zawiera również inne dodatki w przyszłej aktualizacji.
Ta wtyczka jest dodatkiem do WPBakery Page Builder , wymaga zainstalowania i aktywacji WPBakery Page Builder w Twojej witrynie. Edytor Front Editor jest również wymagany do przeciągania w celu zaktualizowania pozycji ikony.
Jeśli chcesz użyć tego dodatku w Kreatorze stron Elementor: don’ nie zapomnij rzucić okiem na widżet Wszystko w jednym dla Elementora , który zawiera ten Hotspot obrazu z podpowiedzią. Szybka demonstracja wideo, jak działa ten dodatek (po wersji 1.2 możesz przeciągnąć ikonę, aby zaktualizować jej pozycję w edytorze frontendowym):
Kluczowe cechy
- Lightbox obsługujący Hotspot
- Ikony Hotspot obsługują dowolny kolor
- Opcjonalny styl podpowiedzi: cień, światło, noir, punk
- Możesz łatwo dostosować pozycję każdego hotspotu icon’s w edytorze WPBakery Page Builder Frontend
- Responsywny i gotowy na siatkówkę
- Podpowiedź obsługuje wszelkiego rodzaju treści, takie jak obraz lub wideo
- Opcjonalna animacja podpowiedzi: powiększanie, przesuwanie, zanikanie, opadanie
- Rozszerz program budujący strony WPBakery
4. GutenSpot — Galeria obrazów Hotspoty dla Gutenberga
Twórz niestandardowe punkty aktywne , aby Twoje obrazy były bardziej informacyjne i interaktywne za pomocą bloków Gutenberga .
Gutenspot pomaga wyświetlać produkty WooCommerce, produkty amazon, funkcje produktów, przewodniki wizualne, mapy obrazów, interaktywne wykresy lub wykresy obrazów oraz posty na blogach w łatwy i interaktywny sposób.
Dodatkowo istnieje możliwość i zdefiniowanie pozycji podpowiedzi, aby nie zasłaniały się nawzajem, jeśli są umieszczone zbyt blisko i wyświetlały się po najechaniu myszką, kliknięciu lub przez cały czas.
Najważniejsze jest to, że możesz go edytować wizualnie za pomocą Gutenberg Visual Builder bez żadnego doświadczenia w kodowaniu.
Kluczowe cechy
- Bardzo łatwy w instalacji i obsłudze
- Dodaj dowolną liczbę punktów aktywnych na obrazie
- Każdą treść podpowiedzi można dostosować osobno
- Wyświetlaj 4 rodzaje treści w Tooltip – Prosty tekst, Produkty WooCommerce, Produkty Amazon & Posty na blogu
- Możesz dodać pojedynczy obraz lub galerię, aby wyświetlić hotspoty
- Dostępne są 3 rodzaje szpilek – kwadratowe, zaokrąglone lub ikona niestandardowa
- Zmień/zarządzaj punktami aktywnymi lub usuwaj obrazy
- Ładny pulsujący efekt na hotpointach
5. Getwid – Bloki Gutenberga dla WordPress
Getwid jest dostarczany z blokami 40+ Gutenberg, a zwłaszcza z tym blokiem WordPress Image Hotspot. Jest dostępny zarówno w wersji bezpłatnej, jak i płatnej, aby Twoje wrażenia były jeszcze lepsze. A element hotspot obrazu jest bezpłatny dla użytkowników WordPress Gutenberg.
Jeśli chodzi o styl podpowiedzi, ten blok umożliwia używanie ikon Font Awesome jako wskaźników, dostosowywanie kolorów i rozmiarów oraz zmianę domyślnego projektu podpowiedzi.
Możesz dostosować wygląd i interaktywność podpowiedzi oraz łatwo przenosić je między obrazami.
Ikony hotspotów można opcjonalnie uczynić dynamicznymi, stosując animację pulsacyjną i dodając animację wyglądu i po najechaniu kursorem.
Tak więc za pomocą kilku kliknięć możesz od razu uczynić swój obraz informacyjnym i interaktywnym.
Kluczowe cechy
- Blok sekcji
- Fontawesome Ikony Dla Wskaźników
- Blok suwaka obrazu
- Dostosuj kolor podpowiedzi
6. Panorama 360°
iPanorama 360 Virtual Tour Builder to wtyczka WordPress, która umożliwia tworzenie niesamowitych wirtualnych wycieczek dla klientów bez zaawansowanej wiedzy programistycznej. Korzystając z wbudowanego kreatora, możesz łatwo przesyłać zdjęcia panoramiczne, dodawać hotspoty, które pozwalają użytkownikowi nawigować z jednej sceny do drugiej, oraz dodawać wyskakujące okienka, aby wskazać ważne informacje o dowolnej części sceny. Hotspot lub okno popover można wzbogacić o tekst, obrazy, wideo i inne media online.
Ogólnie rzecz biorąc, jest to świetna wtyczka do promowania lokalizacji turystycznych (np. parków narodowych i pokoi hotelowych) w sposób, który większość podróżnych chciałaby zobaczyć.
Kluczowe cechy
- Kompatybilny ze wszystkimi najnowszymi przeglądarkami
- Wycieczka wizualna
- System Popover
- Popover Pokaż & Ukryj animacje
- Markery
- System podpowiedzi
- Podpowiedzi Pokaż & Ukryj animacje
- Efekty przejścia sceny
7. Podpowiedzi WordPress Najlepszy hotspot obrazu &
Ta wtyczka hotspotu obrazu oferuje pełne dostosowanie podpowiedzi. W rzeczywistości jest to jedna z najbardziej różnorodnych i uniwersalnych wtyczek WordPress z podpowiedziami.
Dzięki tej wtyczce możesz nawet dodawać hotspoty, które uruchamiają podpowiedzi dla własnych obrazów. Po prostu utwórz obraz hotspotu i wklej krótki kod na swojej stronie.
Oprócz standardowych modalnych okien podpowiedzi, wtyczka nadaje się do dodawania filmów z YouTube lub Vimeo do podpowiedzi, używania niesamowitych stylów map na mapie Google i dodawania niestandardowego tekstu HTML.
Kluczowe cechy
- Opcje stylizacji podpowiedzi
- Opcje zakotwiczenia podpowiedzi
- Opcje animacji
- Wiele opcji pozycji podpowiedzi
- Opcje strzałek podpowiedzi
- Opcje interakcji
- Czcionki Google
- Podpowiedzi wideo
8. Obraz HotSpot od DevVN
Za pomocą wtyczki WordPress Image Hotspot by DevVN dla twojego bloku Gutenberg możesz łatwo dodawać do niego obrazy i hotspot bez żadnych kłopotów. Nie musisz dodawać żadnego kodu i sprawić, by Twoje obrazy były oszałamiające i pouczające w oczach odwiedzających Twoją witrynę. Jest całkowicie darmowy i zawiera zaawansowane funkcje jQuery PowerTip.
Jedną z oczywistych zalet tej wtyczki jest to, że możesz dodawać sformatowany tekst za pomocą domyślnego edytora tekstu, który obsługuje podstawowe ustawienia typografii, obrazy, linki itp. Wszystkie te ustawienia pozwalają uczynić pinezkę naprawdę pouczającą i dostosowaną do potrzeb.
9. Straum (Hotspot obrazu dla Elementora)
Jest to widżet Elementor image hotspot firmy Stratum, który zapewnia pełną kontrolę nad wszystkim, w tym jego rozmiarem, kolorem i ikoną. Dodatkowo może wyświetlać efekty animacji oraz wyświetlać interaktywne ikony.
Dzięki Stratum możesz uzyskać dostęp do wielu funkcji wtyczek Elementor, które zwykle znajdują się w rozszerzeniach Elementor innych firm, bez dodatkowych opłat.
Wtyczka umożliwia również integrację biblioteki niestandardowych ikon do użycia w różnych hotspotach. Podpowiedzi mogą być uruchamiane po kliknięciu i najechaniu kursorem.
Kluczowe cechy
- Niestandardowe ikony
- Uzyskaj dostęp do wtyczek Elementora
- Efekty animacji
- Wyświetlaj interaktywne ikony
10. Hotspot obrazu – Adnotacja obrazu mapy
Image Hotspot ma kilka opcji do dostosowania. Istnieją setki ikon w różnych kolorach i rozmiarach, a także możesz dostosować te ikony. Istnieje wiele czcionek, oprócz dostępnych ikon w różnych kolorach.
Hotspot mapy obrazu obsługuje dowolny post, stronę, widżety, wszystkie najnowsze motywy i narzędzia do tworzenia stron. Obsługuje również najnowszą wersję WordPress. Otrzymasz również nieograniczoną liczbę skrótów z niestandardowym CSS.
Kluczowe cechy
- Wskaźniki są dostępne w trzech stylach
- Dostępne adnotacje do obrazów
- 1600+ wbudowanych czcionek - niesamowite ikony
- Zawiera opcje tekstu wskaźnika
Wniosek
Podpowiedź, którą zdecydujesz się wybrać, zależy od typu posiadanej strony internetowej lub typu elementu i treści, czy to mapy, produktu czy domu. Wszystkie nasze dziesięć najlepszych wtyczek hotspotów obrazu, które zostały wymienione powyżej, zapewnią Ci różnorodność do wyboru.
Do Ciebie należy wybór tego, którego chcesz użyć w następnym projekcie.
