Comment activer les notifications de fondu « Ajouter à la liste de souhaits »

Votre boutique vous semble-t-elle trop « perturbante » chaque fois qu'un client enregistre un article ? Bien que les redirections et les fenêtres contextuelles fonctionnent pour certains, de nombreux acheteurs modernes préfèrent une expérience plus fluide qui n'interrompt pas leur flux de navigation.

La fonctionnalité Notification par fondu dans SaveTo Wishlist est le juste milieu parfait. Au lieu d'un changement d'écran brutal, elle fournit une confirmation instantanée en faisant brièvement disparaître le bouton et en affichant un message élégant et automatisé « Ajout en cours... » là où le client regarde. Cela maintient l'élan de navigation et modernise votre interface utilisateur avec une sensation réactive, ne nécessitant aucun clic supplémentaire de votre part.

À la fin de ce guide, vous saurez comment activer ce style de notification professionnel pour que vos clients restent engagés et continuent leurs achats plus longtemps.

Prérequis

• SaveTo Wishlist installé et activé (dernière version requise).
• Accès administrateur à votre tableau de bord WordPress.
• Remarque : Cette fonctionnalité est entièrement compatible avec la page Boutique et les pages Produits individuelles.

Étape 1 : Accéder aux paramètres généraux de la liste de souhaits

Vos préférences de notification se trouvent dans les paramètres principaux du plugin.

1. Accédez à SaveTo Wishlist → Paramètres.
2. Cliquez sur l'onglet Général.

Étape 2 : Sélectionner l'action du bouton « Fondu »

1. Localisez le menu déroulant du paramètre Bouton Ajouter à la liste de souhaits.
2. Recherchez l'option Fondu à côté de Redirection et Fenêtre contextuelle.
3. Sélectionnez Fondu dans la liste.
4. Cliquez sur Enregistrer les modifications en bas de la page.

Étape 3 : Vérifier l'expérience professionnelle sur le frontend

Pour voir la fonctionnalité en action, rendez-vous sur votre page boutique :

1. Cliquez sur le bouton : Le bouton disparaît brièvement puis réapparaît pour montrer que le clic a été enregistré.
2. Vérifiez le message : Une notification apparaît en fondu disant « Ajout en cours... ».
3. Observez la transition : Pas besoin de cliquer sur quoi que ce soit ; le message disparaît automatiquement et se transforme en texte « Supprimer de la liste de souhaits » après environ 2 secondes.

Dépannage des problèmes de conception et d'animation

⚠︎ L’option Fondu n’apparaît pas dans le menu déroulant :
Votre boutique utilise probablement une ancienne version du plugin. Mettez-la à jour vers la dernière version via Plugins → Plugins installés.

⚠︎ L’animation ne se lance pas (le bouton « saute » à la place) :
Cela signifie généralement que jQuery ne se charge pas correctement. Certains plugins de performance reportent le chargement de jQuery trop tard. Vérifiez la console de votre navigateur pour les erreurs et assurez-vous que jQuery se charge avant les scripts de la liste de souhaits.

⚠︎ La notification n’apparaît pas après avoir cliqué :
Un plugin de mise en cache (comme WP Rocket, Autoptimize ou LiteSpeed) peut être en train de minifier ou de reporter le chargement de savetowishlist-frontend-scripts.js. Videz le cache de votre site et assurez-vous que ce script n’est pas combiné.

⚠︎ Le texte déborde ou semble cassé :
La notification par fondu ne permet pas le retour à la ligne pour les textes longs. Si vous avez personnalisé les noms de vos listes de souhaits pour qu’ils soient très longs, la bannière « Ajouté à [Nom] » risque de dépasser du conteneur du bouton.

---

FAQ

➤ Est-ce adapté aux mobiles ?
Absolument. En fait, la notification par fondu est souvent préférée par les utilisateurs mobiles car elle n’occupe pas tout le petit écran comme le ferait un pop-up traditionnel.

➤ Puis-je changer la couleur de la notification par fondu ?
Actuellement, la notification par fondu utilise un style de texte gris subtil lorsqu’elle affiche l’état « Ajout en cours… », puis passe à la couleur de texte standard lorsqu’elle change pour « Retirer de la liste de souhaits ». Ce comportement est conçu pour créer une transition visuelle fluide et discrète. Pour le moment, il n’y a pas d’option pour personnaliser la couleur de cette notification.

➤ Comment puis-je personnaliser le libellé « Retirer de la liste de souhaits » ?
Vous pouvez personnaliser le texte affiché après qu’un article a été ajouté à la liste de souhaits en allant dans : Paramètres → Placement et styles des boutons. De là, recherchez l’option Libellé du bouton Liste de souhaits sélectionnée et entrez le texte que vous souhaitez afficher lorsque le produit est déjà dans la liste de souhaits.

Créez un flux de liste de souhaits fluide pour vos clients

Vous avez mis à niveau avec succès votre boutique avec le système de retour le plus moderne disponible dans SaveTo Wishlist. En fournissant une confirmation claire et spécifique sans interrompre l’acheteur, vous créez un environnement beaucoup plus professionnel pour vos clients.

Maintenant que votre action « Ajouter » est subtile, assurez-vous que votre page de liste de souhaits est tout aussi belle ! Consultez notre guide sur la personnalisation des styles de la page de liste de souhaits pour faire correspondre parfaitement vos couleurs.