Aller au contenu
Aide
Sections et blocs du créateur

Comment ajouter un bouton de retour en haut à ma boutique ?

Ajoutez la section Retour en haut : un bouton rond avec une flèche dans un coin en bas, qui apparaît au défilement et ramène les clients en haut. Réglez son coin, sa taille, l'anneau de progression et le schéma de couleurs, et affichez-le sur toutes les pages.

3 min de lecture

La section Retour en haut ajoute un bouton rond avec une flèche dans un coin en bas de l'écran. Quand les clients appuient dessus, la page remonte tout en haut. C'est utile sur les pages longues, comme une page produit avec beaucoup de photos et d'avis.

L'ajouter

  1. Ouvrez le constructeur et allez sur la page voulue.
  2. Dans l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Retour en haut dans le groupe Disposition.
  3. Réglez son coin, sa taille et ses couleurs, puis cliquez sur Publier.

Vous pouvez en ajouter un par page, sur n'importe quelle page. Sa place dans la liste des Sections n'a pas d'importance, car le bouton flotte toujours dans le coin.

Quand il s'affiche

Le bouton est caché en haut de la page. Il apparaît une fois que le client a fait défiler environ un écran, et se cache de nouveau quand il revient près du haut. Dans le constructeur, il s'affiche tant que la section est sélectionnée, pour que vous puissiez le styliser sans faire défiler.

Les clients qui ont activé la réduction des animations sur leur appareil remontent d'un coup au lieu de glisser.

Réglages

Disposition

  • Position : coin Début ou Fin en bas de l'écran. Ils suivent la langue de votre boutique : dans une langue de gauche à droite comme le français, Début est le coin gauche et Fin le coin droit. Dans une langue de droite à gauche comme l'arabe, ils s'inversent. La valeur par défaut est Fin.
  • Taille : la taille du bouton, de 44 à 80 pixels (48 par défaut). Même la plus petite taille reste facile à toucher sur un téléphone.

Apparence

  • Progression du défilement : affiche un anneau autour de la flèche qui se remplit à mesure que le client descend dans la page. Activé par défaut. Désactivez-le pour un bouton simple.
  • Schéma de couleurs : le bouton utilise les couleurs du bouton principal du schéma choisi (fond, flèche et couleurs au survol). Pour les changer, modifiez ce schéma dans Schémas de couleurs.

L'afficher sur toutes les pages

Chaque page a ses propres sections : ajoutez donc le bouton une fois et utilisez Appliquer à toutes les pages. Cela ne met à jour que les pages qui ont déjà une section Retour en haut : ajoutez-la d'abord aux autres pages. Voir Sections et blocs.

Bon à savoir

  • Le bouton n'apparaît pas : la page est peut-être trop courte pour défiler d'un écran complet. Essayez sur une page plus longue.
  • Il est plus haut que prévu : sur les pages avec une barre d'achat fixe en bas, le bouton remonte pour qu'ils ne se cachent pas l'un l'autre.
  • Autres éléments flottants : un bouton d'infolettre fixe utilise le coin inférieur gauche. Si vous utilisez les deux, placez Retour en haut de l'autre côté pour qu'ils ne se chevauchent pas.
  • Difficile à voir : choisissez un schéma de couleurs dont la couleur du bouton principal ressort sur le fond de votre page.
  • Le masquer un moment : utilisez l'icône en forme d'œil sur la section. Ses réglages sont conservés. Le masquer ou le supprimer ne change que la page où vous êtes.

Besoin d'aide supplémentaire ?

Écrivez-nous et nous vous répondrons.

Contactez-nous