Plugin JetTricks For Elementor - 2.0.2

JetTricks ist ein kostenpflichtiges Plugin von Crocoblock, das WordPress um visuelle Effekte erweitert, die ohne Programmierung konfiguriert werden – Parallax, Hotspots, Tooltips, Particles, Sticky Column und Scroll-Animationen. Es funktioniert in Elementor und ab Version 2.0 auch im Gutenberg-Block-Editor und liefert Effekte, die Elementor selbst nicht oder nur eingeschränkt unterstützt.

Funktionen von JetTricks

JetTricks liefert ein Set aus visuellen und interaktiven Effekten: Hotspots, Tooltips, Parallax, Particles, Sticky Column, Satellite (Überlagerung von Elementen), Unfold sowie Read More, und ab Version 2.0 zusätzlich Scroll Reveal. Jeder Effekt wird visuell im Widget- oder Block-Panel konfiguriert, ohne Programmierung. Die einzelnen Effekte lassen sich separat ein- und ausschalten.

Das gezielte Deaktivieren nicht genutzter Elemente reduziert die Ladezeit des Editors. In den Einstellungen (Elementor > JetTricks Settings) bleiben nur die Effekte aktiv, die im Projekt tatsächlich verwendet werden – der Rest belastet das Panel nicht.

Interaktive Effekte: Hotspots und Tooltips

Hotspots und Tooltip bilden die Interaktionsebene von JetTricks. Hotspots platziert animierte Markierungen auf einem Bild, die per Klick oder Hover einen Tooltip mit Text, Bild oder Link anzeigen.

• Hotspots – beliebig viele Markierungen auf einem Bild mit Konfiguration von Position, Farbe, Form, Animation und Inhalt, mit Unterstützung für responsive Bilder.
• Tooltip – an ein beliebiges Widget anbindbar, nicht nur an ein Hintergrundbild wie bei Elementor Pro; steuert Animation (Fade, Perspektive, Transparenz), Position, Offset und z-index. In Version 2.0 kam die Kontrolle „Show Tooltip On“ hinzu, mit der sich der Tooltip separat auf Desktop, Tablet und Smartphone ein- und ausschalten lässt.

Visuelle Effekte: Parallax, Particles, Satellite

Parallax, Particles und Satellite bilden eine rein visuelle Ebene – Tiefe, Bewegung im Hintergrund und Überlagerung von Elementen. Der Parallax-Effekt von JetTricks wirkt nicht nur auf den Sektionshintergrund (wie bei Elementor Pro), sondern auch auf Spalten und einzelne Widgets.

• Parallax – ein Tiefeneffekt, der auf unterschiedlicher Verschiebungsgeschwindigkeit von Ebenen beim Scrollen basiert, anwendbar auf Spalten und Widgets, kombinierbar mit anderen Effekten (z. B. mit einem von Particles erzeugten Hintergrund).
• Particles – animierte Partikel im Sektionshintergrund (Schnee, Sterne, geometrische Formen) mit Konfiguration von Farbe, Form, Geschwindigkeit und Dichte, basierend auf fertigen Animationsvorlagen.
• Satellite – Überlagerung von Überschriften, Texten und Bildern mit Änderung von Transparenz, Größe, Position und Rotation, ohne manuelles Jonglieren mit z-index und Opacity.

Layout-Optimierung: Unfold, Read More, Sticky Column

Unfold, Read More und Sticky Column ordnen das Layout von Inhalten und Navigation. Unfold klappt einen längeren Abschnitt auf eine festgelegte Vorschauhöhe zusammen und lässt ihn per Button ausklappen, während Read More Inhalte nach einem Klick schrittweise offenlegt.

• Unfold – klappt Text, Medien oder eine fertige Vorlage auf die Höhe „Close Height“ zusammen, mit Konfiguration von Animation, Icons, Button-Text und Container-Stilen.
• Read More – schrittweises Offenlegen von Inhalten per Button, mit Anzeigemodi und der Option, den Button selbst auszublenden; erfordert eindeutige IDs für die Inhaltsabschnitte, nützlich bei Produktbeschreibungen und Spezifikationen.
• Sticky Column – fixiert eine Sektion, Spalte oder ein Widget beim Scrollen am Bildschirmrand; Elementor selbst unterstützt Sticky nur für Widget und Sektion, JetTricks erweitert das auch auf Spalten. In Version 2.0 kamen die Kontrollen „Sticky Visibility“, „Scroll Sensitivity“ und „Transition Duration“ hinzu.

Scroll Reveal — Animationen beim Scrollen (ab Version 2.0)

Scroll Reveal ist eine in Version 2.0 hinzugefügte Erweiterung, die Elemente animiert, sobald sie in den sichtbaren Bereich (Viewport) eintreten. Zur Auswahl stehen drei Effekte: Fade, Zoom und Flip. Sie funktionieren sowohl für Elementor-Widgets als auch für Gutenberg-Blöcke.

Elementor- und Gutenberg-Unterstützung in JetTricks

JetTricks funktioniert nativ in Elementor als Erweiterung des Widget-Panels und liefert ab Version 2.0 dieselben Effekte auch als Blöcke des Gutenberg-Editors. Hotspots, Parallax, Sticky Column oder Scroll Reveal lassen sich also unabhängig vom verwendeten Editor einsetzen – ohne für auf WordPress-Blöcken basierende Projekte eine separate Lösung zu benötigen.

Was sich mit Version 2.0 geändert hat

Version 2.0 ist die größte Änderung in der Geschichte des Produkts. Zuvor war JetTricks ausschließlich ein Add-on für Elementor. Nach dem Update funktionieren alle Effekte – Hotspots, Unfold, Read More, Particles, Tooltip, Parallax, Satellite, Sticky Column – als native Gutenberg-Blöcke.

Hinzu kamen die Erweiterung Scroll Reveal, Kontrollen für das Verhalten von Sticky Header sowie die Option „Show Tooltip On“, die die Sichtbarkeit des Tooltips pro Gerät steuert. Verbesserungen betrafen auch das Widget Unfold: Wortzählung, den Trigger „Scroll to Top“ und das Umschalten während der Animation.

Effekte, die die Möglichkeiten von Elementor erweitern

Ein Teil der JetTricks-Effekte hebt Einschränkungen auf, die in Elementor selbst bestehen. Parallax erfasst Spalten und Widgets, nicht nur den Sektionshintergrund. Sticky Column erfasst auch Spalten. Tooltips und Hotspots lassen sich an ein beliebiges Element anbinden, nicht nur an ein Hintergrundbild.

In der Praxis bedeutet das weniger Herumprobieren mit z-index und Opacity sowie weniger manuellen Code dort, wo der Standard-Editor Workarounds erfordern würde.

Einsatzbereiche von JetTricks

JetTricks bewährt sich beim Aufbau animierter Landingpages, interaktiver Produktpräsentationen auf Bildern (Hotspots mit Tooltips), beim Ordnen langer Beschreibungen (Unfold, Read More) sowie beim Sichtbarhalten von Navigation und CTA (Sticky Column). Die Kombination aus Parallax, Particles und Scroll Reveal ermöglicht den Aufbau dynamischer Angebotsseiten ohne Programmierung.

Animierte Landingpages und Angebotsseiten

Auf einer Angebotsseite in Elementor baut JetTricks eine Bewegungsebene auf, die den Blick lenkt. Particles belebt den Hintergrund der Hero-Sektion, Parallax verleiht wichtigen Grafiken und Spalten Tiefe, Scroll Reveal animiert nachfolgende Sektionen beim Scrollen, und Hotspots markieren Produktmerkmale, ohne das Layout mit Text zu überladen.

Interaktive Produktpräsentationen und E-Commerce

Das Widget Hotspots verwandelt ein statisches Bild in eine interaktive Präsentation – Markierungen zeigen bei Hover oder Klick einen Tooltip mit Beschreibung, Preis oder Link. Auf dem Foto eines Möbelstücks lassen sich Material, Maße und verfügbare Farben markieren, ohne die Komposition mit langen Bildunterschriften zu überladen.

In WooCommerce-Shops ist Read More nützlich: Es kürzt umfangreiche Produktbeschreibungen, Spezifikationen und Versandrichtlinien, sodass die Seite kompakt bleibt und sich bei Bedarf ausklappen lässt.

Lange Inhalte strukturieren und mitscrollende Navigation

Bei langen Beiträgen und Seiten klappen Unfold und Read More umfangreiche Textabschnitte zu einer Vorschau zusammen und verkürzen die Seite auf einen Bildschirm mit Ausklapp-Option. Sticky Column hält Menü oder Aktions-Button beim Scrollen im Blickfeld, und in Version 2.0 geschieht das mit Kontrolle über Sichtbarkeit und Scroll-Empfindlichkeit.

Für wen sich JetTricks eignet

JetTricks eignet sich am besten für Webdesigner, Landingpage-Ersteller und Agenturen, die visuell umfangreiche Websites in Elementor oder Gutenberg bauen und Effekte benötigen, die über den Standard-Editor hinausgehen. Es passt auch gut zu bestehenden JetPlugins-Nutzern, die bestehenden Projekten eine Animationsebene hinzufügen möchten.

Webdesigner, Agenturen und Landingpage-Ersteller

Für Ersteller von Angebotsseiten und Portfolios ist JetTricks ein Werkzeug für eindrucksvolle Kompositionen ohne Code. Parallax, Particles, Hotspots und Scroll Reveal bauen gemeinsam animierte Landingpages, und Satellite mit Parallax erzeugt mehrschichtige Szenen für Storytelling und „Über uns“-Sektionen.

Gutenberg-Nutzer und das Crocoblock-Ökosystem

Ab Version 2.0 nutzen auch Personen, die auf dem Block-Editor aufbauen, die Effekte von JetTricks, ohne auf ein separates Plugin zurückzugreifen. Ein naheliegendes Publikum sind zudem bestehende JetPlugins-Nutzer – JetTricks fügt Seiten, die auf JetEngine oder JetElements aufgebaut sind, eine Animationsebene hinzu, und im All-Inclusive-Paket ist es eines von 22 Plugins.

Für wen JetTricks keine gute Wahl ist

JetTricks passt nicht zu jedem Projekt. In manchen Fällen ist es Überfluss oder technisch unpassend.

• Websites, für die Elementor Pro ausreicht – wenn ein Projekt keinen Parallax auf Spalten, kein Sticky auf Spalten und keine Hotspots auf beliebigen Elementen benötigt, liefert bereits Elementor Pro grundlegende Animationen und Parallax für den Sektionshintergrund.
• Projekte, die auf Bricks oder Divi als Haupt-Effektwerkzeug setzen – JetTricks unterstützt nativ Elementor sowie (ab 2.0) Gutenberg und wird nicht als natives Widget-Set für Bricks oder Divi beschrieben.
• Websites mit extremem Fokus auf Performance und Minimalismus – visuelle Effekte kosten Ressourcen, sodass eine umfangreiche Animationsebene dort, wo ausschließlich Geschwindigkeit zählt, überflüssig sein kann.
• Nutzer, die eine kostenlose Lösung suchen – JetTricks gibt es nicht im WordPress.org-Repository, es ist ausschließlich als kostenpflichtiges Produkt oder im Paket erhältlich.

JetTricks-Integrationen im WordPress-Ökosystem

JetTricks integriert sich mit den übrigen Crocoblock-Plugins (JetEngine, JetElements, JetSmartFilters) und legt Effekte über Inhalte, die mit diesen Tools erstellt wurden, zum Beispiel Read More auf Archiven oder Produkten. Es funktioniert mit gängigen Elementor-Themes sowie, was in die Effekte eingegebene Texte betrifft, mit der Mehrsprachigkeitslösung WPML.

Zusammenarbeit mit den übrigen JetPlugins

JetTricks fungiert als Effektebene über Inhalten, die mit der übrigen JetPlugins-Familie erstellt wurden. Die Effekte werden auf Elemente gelegt, die von JetEngine, JetElements oder JetSmartFilters generiert werden – zum Beispiel Read More auf Archiven oder auf WooCommerce-Produkten. Im All-Inclusive-Paket bündelt Crocoblock 22 Plugins, und JetTricks ist eines davon.

Themes und Mehrsprachigkeit

JetTricks funktioniert mit den von Crocoblock für die JetPlugins-Familie empfohlenen Themes: Hello, Astra, OceanWP, GeneratePress, Kadence, Blocksy und Jupiter. WPML ist das im Crocoblock-Ökosystem unterstützte Mehrsprachigkeits-Tool. Bei JetTricks lassen sich vor allem die in die Effekte eingegebenen Texte übersetzen – Tooltips sowie die Inhalte von Unfold und Read More.

Technische Anforderungen und Kompatibilität

JetTricks benötigt eine Umgebung gemäß den Crocoblock-Richtlinien für JetPlugins: PHP 8.1 oder neuer, MySQL 5.6 oder neuer, ein WordPress-Speicherlimit von mindestens 768 MB sowie ein SSL-Zertifikat auf dem Server. Es funktioniert als Erweiterung von Elementor und ab Version 2.0 auch als native Blöcke des Gutenberg-Editors auf einer aktuellen WordPress-Version.

Serverumgebung und WordPress

Die Serveranforderungen gelten für die gesamte JetPlugins-Familie, da Crocoblock keine separate Tabelle nur für JetTricks veröffentlicht. Auch eine feste Mindestversion von WordPress wird nicht angegeben – in der Praxis wird die aktuelle Version empfohlen.

Editoren und Themes

Elementor bildet den Kern des Produkts, und ab Version 2.0 liefert JetTricks dieselben Effekte auch als native Gutenberg-Blöcke. Die meisten Effekte sind in der kostenlosen Version von Elementor selbst nicht verfügbar, und Elementor Pro bietet einen Teil davon mit Einschränkungen – JetTricks ergänzt unabhängig davon eigene Widgets und Erweiterungen.

Bei den Themes funktioniert JetTricks mit Hello, Astra, OceanWP, GeneratePress, Kadence, Blocksy und Jupiter – Themes, die Crocoblock für die gesamte JetPlugins-Familie nennt.

Häufig gestellte Fragen