Qu’est-ce que JetTricks ?
JetTricks est le plugin d’effets visuels et d’animations de Crocoblock pour Elementor. Il ajoute des comportements interactifs absents nativement d’Elementor Pro : parallaxe multi-couches, effets au scroll, colonnes sticky, hotspots sur images, satellite elements, particles backgrounds. Tous configurables visuellement depuis l’éditeur Elementor — sans JavaScript.
Les effets JetTricks les plus utilisés
Parallax (Scrolling Effects) : crée une illusion de profondeur en déplaçant les éléments à des vitesses différentes pendant le scroll. L’image de fond se déplace lentement, le titre plus vite, un élément décoratif en sens opposé. Résultat : une hero section avec une vraie profondeur.
Sticky Column : rend une colonne fixe dans la fenêtre pendant que l’autre défile. Cas d’usage typique : formulaire de contact ou résumé de commande qui reste visible pendant la lecture des détails. Très utile pour les pages longues avec sidebar de navigation.
Hotspots : points d’information interactifs placés sur une image. Au clic ou hover, un tooltip ou popup apparaît avec contenu riche (titre, description, image, lien). Parfait pour les plans de salle, cartes géographiques, photos produit avec caractéristiques cliquables, diagrammes techniques.
Satellite Elements : éléments décoratifs positionnés librement autour d’un widget, avec mouvements autonomes (flottement, rotation). Pour créer des compositions visuelles avec formes géométriques ou icônes qui « orbitent » autour du sujet principal — très populaires dans les designs modernes.
Particles Background : fond animé avec particules en mouvement. Utilisé sur les hero sections de sites tech et startups. À utiliser avec modération — les particules consomment des ressources et nuisent aux performances mobile.
JetTricks et les performances : les précautions
Les effets visuels ont un coût en performances, particulièrement sur mobile. Règles d’or : désactivez parallaxe et particles sur mobile via les contrôles responsive Elementor, limitez les animations aux sections clés, testez systématiquement le score INP dans PageSpeed Insights après activation. Un INP > 200ms sur mobile est souvent causé par des animations JavaScript non optimisées.
→ Retour au guide Crocoblock pour Elementor
FAQ — JetTricks effets et animations Elementor
JetTricks est-il compatible avec les Motion Effects natifs d’Elementor Pro ? Oui, les deux systèmes coexistent. Elementor Pro propose ses propres Motion Effects (Scrolling Effects, Mouse Effects) dans l’onglet Avancé de chaque élément. JetTricks apporte des effets complémentaires non disponibles nativement (Hotspots, Satellite, Particles, Sticky Column). Vous pouvez combiner les deux, mais évitez de superposer des effets parallaxe Elementor et JetTricks sur le même élément — les deux systèmes peuvent entrer en conflit.
Comment désactiver les effets JetTricks sur mobile sans les supprimer ? Dans l’éditeur Elementor, les paramètres JetTricks (Scrolling Effects, Parallax) sont accessibles dans l’onglet Avancé de chaque élément. Certains effets proposent un toggle « Activer sur mobile » — désactivez-le. Pour les effets sans cette option, utilisez les contrôles de visibilité responsive Elementor pour masquer l’élément avec l’effet sur mobile et afficher une version statique à la place.
Le widget Hotspots JetTricks fonctionne-t-il sur mobile ? Oui, mais le comportement change. Sur desktop, les tooltips s’activent au hover. Sur mobile, sans hover natif, les hotspots s’activent au tap. Les popups des hotspots sont entièrement tactiles. Attention au dimensionnement sur mobile : les zones cliquables des hotspots doivent être suffisamment grandes (min. 44x44px) pour être confortablement tapables selon les recommandations d’accessibilité mobile.
JetTricks peut-il créer des effets de reveal au scroll type « apparition progressive » ? Oui, via les Scroll Effects (Opacity, Scale, Rotate) qui déclenchent une animation quand l’élément entre dans la zone visible. C’est différent des animations d’entrée natives d’Elementor (Entrance Animations) qui se déclenchent une seule fois. Avec JetTricks, l’animation peut être bidirectionnelle : l’élément apparaît en scrollant vers le bas et disparaît en remontant.
JetTricks est-il nécessaire si j’ai déjà Elementor Pro ? Non, il est complémentaire. Elementor Pro 3.x a intégré beaucoup d’animations et d’effets au fil des versions. Pour la majorité des projets, Elementor Pro seul suffit. JetTricks est justifié quand vous avez besoin spécifiquement de Sticky Column, Hotspots, Satellite Elements, ou d’un contrôle très fin sur les effets parallaxe multi-couches. Si vous êtes déjà sur l’abonnement Crocoblock, il est inclus et vaut la peine d’être exploré.