L’upsell sur mobile : ce qui fait fermer la fenêtre
La plupart des visites d’une boutique Shopify typique viennent de téléphones, et c’est sur téléphone que les offres d’upsell tournent mal. Une fenêtre soignée sur un ordinateur devient, sur un petit écran, une boîte qui cache le bouton de paiement, une croix trop petite pour être touchée, et une image qui repousse le prix hors de vue. Le client ne la lit pas. Il cherche la sortie.
Ce qui cloche sur un petit écran
- Le bouton de fermeture est une minuscule croix dans un coin, facile à rater et difficile à toucher avec le pouce.
- La fenêtre est plus haute que l’écran : les boutons passent sous la ligne de flottaison, et le client doit faire défiler l’intérieur d’une fenêtre.
- La page derrière continue de défiler, et le client perd le fil.
- La fenêtre met une seconde à apparaître, et le client a déjà touché autre chose.
- L’offre arrive par-dessus les fenêtres du thème : newsletter, cookies, chat.
Ce qui marche
- Un panneau qui monte du bas de l’écran, là où se trouve déjà le pouce, plutôt qu’une boîte au milieu.
- Tout visible sans défiler : une petite image, le nom du produit, le prix, deux boutons.
- Un bouton de refus écrit en toutes lettres — « Non merci, continuer vers le paiement » — aussi grand et facile à toucher qu’un bouton normal.
- Les bases du clavier et de l’accessibilité : l’offre se ferme avec Échap, et elle respecte les clients qui ont désactivé les animations.
- L’allure de votre boutique. Une fenêtre dans une autre police et une autre couleur que le reste du site se lit comme une publicité, et les publicités se ferment.
Un test de cinq minutes sur votre propre téléphone
- Ouvrez votre boutique sur votre téléphone, pas sur un ordinateur dont vous avez réduit la fenêtre.
- Ajoutez au panier le produit qui déclenche l’offre et touchez « Paiement ».
- Vérifiez que vous voyez le prix et les deux boutons sans faire défiler.
- Refusez avec le pouce, d’une seule main. Puis recommencez et acceptez.
- Refaites-le sur un second téléphone si possible, idéalement petit ou ancien.
Essayez aussi avec le bandeau de cookies encore ouvert, et avec votre fenêtre de newsletter active. Deux fenêtres à la fois, c’est la façon la plus courante de faire fermer une bonne offre sans qu’elle soit lue.
Après le paiement, vous avez moins la main
La page post-achat est dessinée par Shopify, pas par votre thème ni par l’application, et elle est déjà pensée pour les téléphones. Ce que vous y maîtrisez, ce sont les mots et le produit : les règles ci-dessus valent donc pour ce que vous écrivez. Un titre clair, un prix visible, un moyen évident de refuser.
Dans FlatUpsell
Sur téléphone, l’offre panier de FlatUpsell devient un panneau qui monte du bas de l’écran, avec le prix et les deux boutons en vue. Elle reprend la police de votre thème, la couleur et l’arrondi de votre propre bouton de paiement, se ferme avec Échap, et renonce à son animation pour les clients qui ont désactivé les animations. Vous pouvez la prévisualiser sur votre vraie page panier depuis l’application, avant qu’un client ne la voie.