Funkcje

Od statycznego obrazu do połączonego doświadczenia

WP InSpot dokłada warstwę interakcji do obrazów, których już używasz: klikalne obszary, które tłumaczą, okna, które podają kontekst, i połączone widoki, które prowadzą głębiej. Zobacz, co to daje w praktyce.

To nas wyróżnia

Jeden obraz prowadzi do kolejnego

Każdy klikalny obszar może otworzyć kolejny interaktywny obraz. Osobne grafiki układają się w jedną ścieżkę: od planu osiedla do budynku, z piętra do mieszkania, z maszyny do podzespołu.

Odbiorca wchodzi głębiej, gdy chce szczegółu, i cofa się, gdy potrzebuje szerszego obrazu — wbudowana nawigacja pilnuje, żeby po drodze się nie zgubił.

  • Podepnij dowolny obszar do innego obszaru roboczego
  • Buduj Å›cieżki tak głębokie, jak wymaga tego treść
  • Wbudowana nawigacja wstecz — strefa potrafi przenieść od razu do dowolnego wczeÅ›niejszego widoku
  • CaÅ‚a Å›cieżka mieÅ›ci siÄ™ w jednym osadzeniu
Placeholder image — replace with a real graphic: connected views path diagram
Placeholder image — replace with a real graphic: zone drawing on a floor plan

Precyzja

Klikalne obszary o rzeczywistych kształtach

Rysuj strefy wprost na obrazie: obrys budynku, pomieszczenie na rzucie, pojedynczy element maszyny. Strefy pokrywają się z tym, co widać — zamiast przybliżonych pinezek.

Podświetlenie po najechaniu i po wejściu klawiaturą jasno pokazuje, co jest klikalne, a kolory i motywy utrzymują strefy w spójności z Twoją marką.

  • Dowolne ksztaÅ‚ty, nie tylko znaczniki
  • PodÅ›wietlanie po najechaniu i fokusie
  • Efekty przyciÄ…gajÄ…ce uwagÄ™ — delikatne powiÄ™kszenie lub pulsowanie kieruje wzrok na kluczowe strefy
  • WÅ‚asne kolory i motywy stref
  • DziaÅ‚a na zdjÄ™ciach, planach, schematach i renderach

Kontekst na miejscu

Odpowiedź pojawia się tam, gdzie rodzi się pytanie

Kliknięcie otwiera okno wprost na obrazie: nazwa, opis, zdjęcie, odnośnik po więcej. Odbiorca dostaje kontekst, nie odchodząc od grafiki.

Karty treści prowadzą prosto do materiałów z WordPressa, więc okno jest przejściem dalej, a nie ślepym zaułkiem.

  • Tekst, obrazy i odnoÅ›niki w oknach
  • Łącz obszary z wpisami i stronami
  • OdnoÅ›niki do dowolnego typu treÅ›ci w planie Pro
  • DziaÅ‚a myszÄ…, dotykiem i klawiaturÄ…
Placeholder image — replace with a real graphic: popup card over an interactive image
Placeholder image — replace with a real graphic: WP InSpot editor inside wp-admin

WordPress-native

ZarzÄ…dzasz w panelu, publikujesz gdziekolwiek na stronie

Obszary robocze mieszkają w panelu WordPressa jak każda inna treść. Tworzysz, edytujesz i publikujesz bez zewnętrznej platformy i bez zakładania konta.

Osadzasz shortcode’em albo blokiem Gutenberga — a jeśli budujesz w Elementorze, masz dedykowaną integrację.

  • Osadzanie shortcode’em i blokiem Gutenberga
  • Integracja z Elementorem
  • Import i eksport miÄ™dzy stronami
  • Analityka gotowa pod GA4 — klikniÄ™cia stref same trafiajÄ… do Google Analytics
  • Twoje treÅ›ci zostajÄ… w Twojej bazie
  • Å»adnej plakietki “Powered by” — WP InSpot nie dokÅ‚ada do Twojej strony wÅ‚asnych linków ani podpisów

Dostępne dla każdego

Interaktywne nie musi znaczyć niedostępne

WP InSpot powstawał z myślą o dostępności: osadzenia mają linki pomijające, obsługa działa z klawiatury, a każdy obszar na obrazie może nieść opis tekstowy.

Dlatego dobrze odnajduje się w muzeach, edukacji i projektach publicznych, gdzie wdrożenie zgodne z WCAG ma realne znaczenie.

  • ObsÅ‚uga z klawiatury
  • Linki pomijajÄ…ce w każdym osadzeniu
  • Opis tekstowy dla obszarów na obrazie
  • Wspiera wdrożenia pod kÄ…tem WCAG
Placeholder image — replace with a real graphic: keyboard navigation through an interactive image

I cała reszta

Drobiazgi, które oszczędzają czas

Motywy, animacje i przejścia

Ustaw wygląd stref i sposób zmiany widoków — bez pisania CSS.

Szablony

Zaprojektuj kartę treści raz — tytuł, obraz, zajawka, cena — i używaj jej w kolejnych strefach i obszarach roboczych.

Znaczniki i ikony

Wybierz spośród 160 wbudowanych ikon albo wgraj własny SVG, żeby oznaczyć ważne punkty.

Osadzenia responsywne

Jedno doświadczenie dopasowane do desktopu, tabletu i dotyku — na telefonie obraz zmienia się w listę z numerowanymi pinezkami na zdjęciu.

Gotowe na wiele języków

Współpracuje z Polylang i WPML na stronach wielojęzycznych.

Import i eksport

Zbuduj na środowisku testowym, przenieś na produkcję — albo wykorzystaj tę samą pracę na innej stronie.

Część powyższych funkcji należy do planu Pro — zobacz cennik , żeby poznać dokładny podział.

Zobacz, jak to działa razem

Demo łączy połączone widoki, strefy i okna w jednym prawdziwym osadzeniu — sprawdź je, a potem zbuduj własne.