Les effets de mouvement sont un excellent moyen de rendre vos pages web plus faciles à naviguer, plus vivantes et plus efficaces pour stimuler l’engagement des utilisateurs et les conversions. Malheureusement, l’ajout de ces effets d’animation peut être difficile et chronophage. L’IA d’Elementor peut grandement simplifier ce processus.
Ajouter des effets d’animation
Note
Nous recommandons d’utiliser Elementor Pro pour profiter de toute la gamme d’effets de mouvement.
L’IA d’Elementor vous permet de décrire, en français simple, quels effets d’animation vous souhaitez tandis que l’IA d’Elementor se charge de configurer les bonnes options pour vous.
Pour ajouter des effets d’animation avec l’IA d’Elementor :
Note
Dans cet exemple, nous allons ajouter une image qui bougera lorsque les visiteurs survoleront le curseur dessus.
- Faites glisser un widget Image sur le canevas. Pour plus de détails, voir Ajouter des éléments à une page.
- Ajoutez du contenu au widget Image. Pour plus de détails, voir Widget Image.
- Cliquez sur l’onglet Avancé.
- Dans le panneau, ouvrez la section Effets de mouvement.
- Cliquez sur l’icône Animer avec l’IA.NoteVous pouvez également utiliser Animer avec l’IA pour les effets de survol en ouvrant la section Transformer, en sélectionnant Survol et en cliquant sur l’icône animer avec l’IA.
La fenêtre de l’IA apparaît.
- Dans la fenêtre de l’IA, dans la zone de texte, saisissez Bouger au survol.TipL’invite doit contenir un effet spécifique que vous souhaitez voir se produire. Par exemple, si vous demandez un effet de défilement, l’IA choisira un effet de défilement alors que si vous dites que vous voulez qu’une image disparaisse en fondu lorsque l’utilisateur fait défiler, l’IA appliquera l’effet de fondu sortant.
- Cliquez sur Générer l’animation.
Cela générera les options nécessaires pour créer l’effet.
- Cliquez sur Utiliser l’animation.
Dans le panneau, vous pouvez voir que les options nécessaires sont sélectionnées.
L’élément contient l’effet de mouvement souhaité.
Note
L’IA d’animation ne fonctionne pas avec les effets collants et ne peut pas appliquer de réglages adaptatifs.
Note
Animer avec l’IA crée des effets en utilisant les paramètres de l’éditeur Elementor. Elle ne peut pas créer d’effets non pris en charge par ces paramètres.
