Pourquoi rendre un bouton animé ?
L’ajout d’une animation à votre bouton « Ajouter au panier » est un moyen efficace d’attirer l’attention sur celui-ci, en veillant à ce que votre appel à l’action (CTA) se démarque sur la page. Cette technique peut améliorer l'engagement des utilisateurs augmenter le taux de clic, ce qui augmente la probabilité que les utilisateurs effectuent l’action souhaitée.
L’un des effets d’animation les plus efficaces et les plus couramment utilisés est l’effet « shake », qui ajoute un mouvement dynamique au bouton, ce qui le rend difficile à manquer pour les utilisateurs.
Regardez cet exemple:
Créez un bouton d'ajout au panier animé avec GemPages
Créer une animation de secousse pour votre bouton dans GemPages est simple et personnalisable. Suivez ces étapes pour implémenter et affiner l'effet :
Étape 1 : Activer l’animation dans les paramètres du bouton
Une fois situé dans l'éditeur GemPages, sélectionnez le Ajouter au panier bouton sur votre page pour ouvrir ses paramètres.
Dans la barre latérale gauche, accédez à la Avancé languette. Faites défiler jusqu'à Animation option et activez-la.
Étape 2 : appliquer l'animation Shake
Sélectionnez le Shake Effet depuis les options d'animation. Vous pouvez configurer le bouton pour qu'il tremble uniquement au survol, ou lorsqu'il apparaît, selon vos préférences.
Ensuite, ajustez le Paramètres d'animation pour contrôler le comportement de l'effet de secousse.
- Intensité: Définissez la force du mouvement de secousse.
- La vitesse: Définissez la vitesse à laquelle l'effet de tremblement se produit.
- Retard: Spécifiez un délai (en secondes) avant le début de l'animation.
- Assouplissement : Choisissez la manière dont l'animation progresse au fil du temps :
- Linéaire: Une vitesse constante tout au long du parcours.
- Facilité d'insertion : Commence lentement et accélère.
- Sortie en douceur : Démarre rapidement et ralentit.
- Entrée/sortie en douceur : Une combinaison de démarrage lent et de fin lente.
- Boucle: Décidez si l’animation de tremblement doit se répéter en continu ou se produire une seule fois.
Pour en apprendre plus sur Paramètres d'animation, tu peux lire cet article.
Étape 3 : Enregistrer et publier
Dans la barre supérieure, enregistrez les mises à jour et cliquez sur Publier pour rendre vos modifications en direct sur la vitrine.
Merci pour vos commentaires