JetTricks to płatna wtyczka Crocoblock, która dokłada do WordPressa efekty wizualne konfigurowane bez kodowania – parallax, hotspoty, tooltipy, particles, sticky column i animacje przy przewijaniu. Działa w Elementorze, a od wersji 2.0 również w edytorze blokowym Gutenberg, i daje efekty, których sam Elementor nie obsługuje lub obsługuje z ograniczeniami.
Możliwości JetTricks
JetTricks dostarcza zestaw efektów wizualnych i interaktywnych: hotspoty, tooltipy, parallax, particles, sticky column, satellite (nakładanie elementów), unfold oraz read more, a od wersji 2.0 także scroll reveal. Każdy efekt konfiguruje się wizualnie w panelu widgetów lub bloków, bez kodowania. Poszczególne efekty włącza się i wyłącza pojedynczo.
Selektywne wyłączenie nieużywanych elementów ogranicza narzut na ładowanie edytora. W ustawieniach (Elementor > JetTricks Settings) zostają tylko te efekty, które faktycznie są w projekcie – reszta nie obciąża panelu.
Efekty interaktywne: hotspoty i tooltipy
Hotspots i Tooltip odpowiadają za warstwę interakcji w JetTricks. Hotspots umieszcza na obrazie animowane markery, które po kliknięciu lub najechaniu wyświetlają tooltip z tekstem, obrazem albo linkiem.
- Hotspots – dowolna liczba markerów na obrazie z konfiguracją pozycji, koloru, kształtu, animacji i treści, z obsługą obrazów responsywnych.
- Tooltip – podpięty do dowolnego widgetu, nie tylko do obrazu tła jak w Elementorze Pro; steruje animacją (fade, perspektywa, przezroczystość), umiejscowieniem, offsetem i z-index. W wersji 2.0 doszła kontrolka „Show Tooltip On”, która włącza lub wyłącza tooltip osobno na desktopie, tablecie i telefonie.
Efekty wizualne: parallax, particles, satellite
Parallax, Particles i Satellite tworzą warstwę czysto wizualną – głębię, ruch w tle i nakładanie elementów. Parallax JetTricks działa nie tylko na tle sekcji (jak w Elementorze Pro), lecz także na kolumnach i pojedynczych widgetach.
- Parallax – efekt głębi oparty na różnej prędkości przesuwu warstw przy przewijaniu, stosowany do kolumn i widgetów, łączony z innymi efektami (np. z tłem generowanym przez Particles).
- Particles – animowane cząsteczki w tle sekcji (śnieg, gwiazdy, figury geometryczne) z konfiguracją koloru, kształtu, prędkości i gęstości, budowane na gotowych szablonach animacji.
- Satellite – nakładanie nagłówków, tekstów i obrazów na siebie ze zmianą przezroczystości, rozmiaru, pozycji i rotacji, bez ręcznego żonglowania z-index i opacity.
Optymalizacja układu: unfold, read more, sticky column
Unfold, Read More i Sticky Column porządkują układ treści i nawigację. Unfold zwija dłuższy fragment do ustawionej wysokości podglądu i pozwala go rozwinąć przyciskiem, a Read More ujawnia treść stopniowo po kliknięciu.
- Unfold – zwija tekst, media lub gotowy szablon do wysokości „Close Height”, z konfiguracją animacji, ikon, tekstu przycisku i stylów kontenera.
- Read More – stopniowe odsłanianie treści przyciskiem, z trybami wyświetlania i opcją ukrycia samego przycisku; wymaga ustawienia unikalnych ID sekcji treści, przydatne na opisach produktów i specyfikacjach.
- Sticky Column – przyklejanie sekcji, kolumny lub widgetu do krawędzi ekranu przy przewijaniu; sam Elementor obsługuje sticky tylko dla widgetu i sekcji, JetTricks rozszerza to również na kolumny. W wersji 2.0 doszły kontrolki „Sticky Visibility”, „Scroll Sensitivity” i „Transition Duration”.
Scroll reveal — animacje przy przewijaniu (od wersji 2.0)
Scroll Reveal to rozszerzenie dodane w wersji 2.0, które animuje elementy w momencie wejścia w obszar widoczny (viewport). Do wyboru są trzy efekty: Fade, Zoom i Flip. Działają zarówno dla widgetów Elementora, jak i dla bloków Gutenberga.
Obsługa Elementora i Gutenberga w JetTricks
JetTricks działa natywnie w Elementorze jako rozszerzenie panelu widgetów, a od wersji 2.0 dostarcza te same efekty również jako bloki edytora Gutenberg. Hotspoty, parallax, sticky column czy scroll reveal dodaje się więc niezależnie od używanego edytora – bez sięgania po osobne rozwiązanie dla projektów budowanych na blokach WordPressa.
Co zmieniła wersja 2.0
Wersja 2.0 to największa zmiana w historii produktu. Wcześniej JetTricks był dodatkiem wyłącznie do Elementora. Po aktualizacji wszystkie efekty – Hotspots, Unfold, Read More, Particles, Tooltip, Parallax, Satellite, Sticky Column – działają jako natywne bloki Gutenberga.
Do tego doszło rozszerzenie Scroll Reveal, kontrolki zachowania Sticky Header oraz opcja „Show Tooltip On” sterująca widocznością tooltipa per urządzenie. Poprawki objęły też widget Unfold: liczenie słów, trigger „Scroll to Top” i przełączanie w trakcie animacji.
Efekty rozszerzające możliwości Elementora
Część efektów JetTricks zdejmuje ograniczenia obecne w samym Elementorze. Parallax obejmuje kolumny i widgety, nie tylko tło sekcji. Sticky column obejmuje także kolumny. Tooltipy i hotspoty podpina się do dowolnego elementu, nie wyłącznie do obrazu tła.
W praktyce to mniej kombinowania z z-index i opacity oraz mniej ręcznego kodu tam, gdzie standardowy edytor wymagałby obejść.
Zastosowania JetTricks
JetTricks sprawdza się przy budowie animowanych landing page’y, interaktywnych prezentacji produktu na zdjęciach (hotspoty z tooltipami), porządkowaniu długich opisów (unfold, read more) oraz utrzymywaniu nawigacji i CTA w zasięgu wzroku (sticky column). Zestaw parallax, particles i scroll reveal pozwala budować dynamiczne strony ofertowe bez pisania kodu.
Animowane landing page i strony ofertowe
Na stronie ofertowej w Elementorze JetTricks buduje warstwę ruchu, która prowadzi wzrok. Particles ożywia tło sekcji hero, parallax dodaje głębi ważnym grafikom i kolumnom, scroll reveal animuje kolejne sekcje przy przewijaniu, a hotspoty oznaczają cechy produktu bez zaśmiecania układu tekstem.
Interaktywne prezentacje produktu i e-commerce
Widget Hotspots zamienia statyczne zdjęcie w interaktywną prezentację – markery po najechaniu lub kliknięciu pokazują tooltip z opisem, ceną albo linkiem. Na zdjęciu mebla można oznaczyć materiał, wymiary i dostępne kolory bez rozbijania kompozycji długimi podpisami.
W sklepach na WooCommerce przydaje się Read More: skraca rozbudowane opisy produktów, specyfikacje i polityki wysyłki, a strona zostaje zwarta i rozwijana na żądanie.
Porządkowanie długich treści i lepka nawigacja
Na długich wpisach i stronach Unfold oraz Read More zwijają obszerne sekcje tekstu do podglądu, skracając stronę do jednego ekranu z opcją rozwinięcia. Sticky Column trzyma menu lub przycisk akcji w zasięgu wzroku podczas przewijania, a w wersji 2.0 robi to z kontrolą widoczności i czułości przewijania.
Dla kogo sprawdza się JetTricks
JetTricks sprawdza się najlepiej u projektantów stron, twórców landing page’y i agencji, które budują wizualnie rozbudowane witryny w Elementorze lub Gutenbergu i potrzebują efektów wykraczających poza standardowy edytor. Dobrze pasuje też do obecnych użytkowników JetPlugins, którzy chcą dołożyć warstwę animacji do istniejących projektów.
Projektanci, agencje i twórcy landing page’y
Dla osób tworzących strony ofertowe i portfolio JetTricks jest narzędziem do efektownej kompozycji bez kodu. Parallax, particles, hotspoty i scroll reveal razem budują animowane landing page, a satellite z parallaxem tworzy wielowarstwowe sceny do storytellingu i sekcji „o nas”.
Użytkownicy Gutenberga i ekosystemu Crocoblock
Od wersji 2.0 z efektów JetTricks korzystają również osoby budujące na edytorze blokowym, bez sięgania po osobną wtyczkę. Naturalnym odbiorcą są też obecni użytkownicy JetPlugins – JetTricks dokłada warstwę animacji do stron zbudowanych na JetEngine czy JetElements, a w pakiecie All-Inclusive wchodzi jako jeden z 22 pluginów.
Dla kogo JetTricks nie jest najlepszym wyborem
JetTricks nie pasuje do każdego projektu. W części przypadków będzie nadmiarem albo niedopasowaniem technicznym.
- Strony, którym wystarcza Elementor Pro – jeśli projekt nie potrzebuje parallax na kolumnach, sticky na kolumnach ani hotspotów na dowolnych elementach, podstawowe animacje i parallax tła sekcji daje sam Elementor Pro.
- Projekty oparte na Bricks lub Divi jako głównym narzędziu efektów – JetTricks obsługuje natywnie Elementor oraz (od 2.0) Gutenberg i nie jest opisywany jako natywny zestaw widgetów dla Bricks ani Divi.
- Witryny skrajnie nastawione na wydajność i minimalizm – efekty wizualne dokładają zasobów, więc tam, gdzie liczy się wyłącznie szybkość, rozbudowana warstwa animacji bywa zbędna.
- Osoby szukające darmowego rozwiązania – JetTricks nie ma wersji w repozytorium WordPress.org i dostępny jest wyłącznie jako produkt płatny lub w pakiecie.
Integracje JetTricks z ekosystemem WordPress
JetTricks integruje się z pozostałymi wtyczkami Crocoblock (JetEngine, JetElements, JetSmartFilters) i nakłada efekty na treści budowane tymi narzędziami, na przykład read more na archiwach lub produktach. Współpracuje z popularnymi motywami Elementora oraz, w zakresie tekstów wpisanych w efekty, z wielojęzycznością WPML.
Współpraca z pozostałymi JetPlugins
JetTricks działa jako warstwa efektów nad treścią budowaną resztą rodziny JetPlugins. Efekty nakłada się na elementy generowane przez JetEngine, JetElements czy JetSmartFilters – przykładowo Read More na archiwach lub na produktach WooCommerce. W pakiecie All-Inclusive Crocoblock łączy 22 pluginy, a JetTricks jest jednym z nich.
Motywy i wielojęzyczność
JetTricks współpracuje z motywami rekomendowanymi przez Crocoblock dla rodziny JetPlugins: Hello, Astra, OceanWP, GeneratePress, Kadence, Blocksy oraz Jupiter. WPML jest wspieranym narzędziem wielojęzycznym w ekosystemie Crocoblock. W przypadku JetTricks tłumaczeniu podlegają przede wszystkim teksty wpisane w efekty – tooltipy oraz treści Unfold i Read More.
Wymagania techniczne i kompatybilność
JetTricks wymaga środowiska zgodnego z wytycznymi Crocoblock dla JetPluginów: PHP 8.1 lub nowszego, MySQL 5.6 lub nowszego, limitu pamięci WordPress co najmniej 768 MB oraz certyfikatu SSL na serwerze. Działa jako rozszerzenie Elementora, a od wersji 2.0 również jako natywne bloki edytora Gutenberg na aktualnej wersji WordPressa.
Środowisko serwerowe i WordPress
Wymagania serwerowe są wspólne dla całej rodziny JetPlugins, bo Crocoblock nie publikuje osobnej tabeli wyłącznie dla JetTricks. Nie podaje też sztywnej minimalnej wersji WordPressa – w praktyce zaleca aktualne wydanie.
| Parametr | Wartość |
|---|---|
| Wersja | 2.0.1 |
| Wersja WordPress | aktualna wersja (Crocoblock nie podaje sztywnego minimum) |
| Wersja PHP | 8.1 lub nowsza |
| Wersja MySQL | 5.6 lub nowsza |
| Limit pamięci WordPress | 768 MB lub więcej |
| Certyfikat SSL | wymagany na serwerze |
| Protokoły TLS | 1.0, 1.1, 1.2, 1.3 |
| Edytory | Elementor (natywnie), Gutenberg (natywnie od wersji 2.0) |
| Kompatybilne motywy | Hello, Astra, OceanWP, GeneratePress, Kadence, Blocksy, Jupiter |
Edytory i motywy
Elementor jest rdzeniem produktu, a od wersji 2.0 JetTricks dostarcza te same efekty jako natywne bloki Gutenberga. Większość efektów jest niedostępna w samym Elementorze w wersji darmowej, a Elementor Pro daje część z nich z ograniczeniami – JetTricks dokłada własne widgety i rozszerzenia niezależnie od tego.
Po stronie motywów JetTricks współpracuje z Hello, Astra, OceanWP, GeneratePress, Kadence, Blocksy i Jupiterem – motywami wymienianymi przez Crocoblock dla całej rodziny JetPlugins.
Najczęściej zadawane pytania
Czy JetTricks 2.0 działa bez Elementora?
Tak, JetTricks 2.0 działa bez Elementora. Od tej wersji wszystkie efekty są dostępne jako natywne bloki edytora Gutenberg, więc projekty budowane na blokach WordPressa nie wymagają już Elementora do korzystania z hotspotów, parallaxu, sticky column czy scroll reveal. Historycznie JetTricks był dodatkiem wyłącznie do Elementora. Wersja 2.0 to zmieniła, dodając pełną obsługę edytora blokowego.
Czy potrzebuję Elementor Pro żeby używać Crocoblock?
Elementor Pro nie jest wymagany do działania JetTricks. Wtyczka dokłada własne widgety i rozszerzenia do panelu Elementora niezależnie od tego, czy używana jest darmowa, czy płatna edycja edytora. Elementor Pro daje część efektów (na przykład parallax tła sekcji) z ograniczeniami, a JetTricks udostępnia je szerzej – między innymi parallax i sticky na kolumnach oraz widgetach. Od wersji 2.0 efekty działają też w Gutenbergu, więc całkowicie bez Elementora.
Czy mogę wyłączyć sticky column tylko na telefonie albo tablecie?
Sterowanie zachowaniem Sticky Column rozbudowano w JetTricks 2.0 o kontrolki „Sticky Visibility”, „Scroll Sensitivity” i „Transition Duration”, które precyzyjniej określają, kiedy i jak element się przykleja. Wersja 2.0 wprowadziła też sterowanie widocznością efektów per urządzenie – między innymi opcję „Show Tooltip On” dla tooltipów na desktopie, tablecie i telefonie. Dzięki temu efekty łatwiej dopasować do układu mobilnego.
Czym różni się parallax od scroll reveal w JetTricks?
Parallax i Scroll Reveal to w JetTricks dwa różne efekty związane z przewijaniem. Parallax to warstwowy efekt głębi – elementy przesuwają się z różną prędkością podczas scrollowania, tworzą iluzję 3D i działają ciągle w trakcie przewijania. Scroll Reveal to animacja wejścia elementu w obszar widoczny: pojawia się on z efektem Fade, Zoom lub Flip w momencie, gdy trafia do kadru. Scroll Reveal dodano w wersji 2.0.
Czym jest scroll reveal w JetTricks?
Scroll Reveal to rozszerzenie JetTricks dodane w wersji 2.0, które animuje elementy w chwili wejścia w obszar widoczny przeglądarki (viewport). Dostępne efekty wejścia to Fade, Zoom i Flip. Scroll Reveal działa zarówno dla widgetów w Elementorze, jak i dla bloków w edytorze Gutenberg, więc animacje pojawiania się sekcji można stosować niezależnie od używanego edytora.
Opinie
Na razie nie ma opinii o produkcie.