Page de gestion des adresses

Ce que vous apprendrez

  • Comment personnaliser la page de gestion des adresses client dans le système de compte hérité

  • Où ajuster les libellés, les couleurs et les paramètres d'image


La page de gestion des adresses permet aux clients connectés de voir, ajouter ou mettre à jour leurs adresses de livraison enregistrées. Cette page fait partie du flux de compte client hérité et est accessible après la connexion.

💡 Astuce : Vous devez vous connecter à l'aperçu de votre boutique via l'Éditeur de thème pour accéder à cette page et la modifier. Saisir /account/addresses directement dans l'URL de l'aperçu peut ne pas fonctionner à moins que vous ne soyez déjà connecté depuis le personnalisateur.


Personnalisation de la page de gestion des adresses

Dans l'Éditeur de thème Shopify, naviguez vers :

Éditeur de thème → Pages de compte client → Adresses client

Vous trouverez les options modifiables suivantes :

📸 Image principale

  • Image latérale d'inscription – Téléchargez une image de bannière qui apparaît en haut de la page.

  • Supprimer l'image principale du compte – Basculer pour masquer l'image si elle n'est pas nécessaire.

  • Image principale arrondie – Ajoute des coins arrondis à la bannière principale.

💡 Astuce : Gardez votre image légère (moins de 1 Mo) pour des temps de chargement rapides.


📝 Texte de l'en-tête et des boutons

Personnalisez ces champs pour correspondre à votre ton et votre voix :

  • Texte de l'en-tête – Exemple : « Gérer vos adresses »

  • Texte du bouton Ajouter une nouvelle adresse – Libellé du bouton affiché au-dessus du formulaire d'adresse


🎨 Paramètres de couleur

Toutes les couleurs de texte et de boutons sont entièrement personnalisables :

  • Couleur de la flèche de retour – Affichée dans l'en-tête pour revenir en arrière

  • Couleur du titre de l'en-tête – Texte du titre principal

  • Couleurs des liens et des boutons – Modifier les couleurs pour :

    • Liens Ajouter, Modifier et Supprimer une adresse

    • Lignes de séparation

    • Champs de saisie

    • Boutons de soumission (arrière-plan et texte)


🖍️ Exemple de paramètres

  • Couleur du bouton du formulaire: #9F9F9F

  • Couleur du texte du bouton du formulaire: #FFFFFF

  • Couleur du séparateur de ligne d'adresse: #9F9F9F

  • Couleur du texte de saisie: #777777

⚠️ Avertissement : L'utilisation de combinaisons de couleurs à faible contraste peut nuire à l'accessibilité. Assurez-vous que le texte se détache du fond.


Une fois enregistré, les clients pourront :

  • Voir les adresses de livraison existantes

  • En ajouter de nouvelles en utilisant les libellés personnalisés et le texte des boutons

  • Modifier ou supprimer les emplacements enregistrés avec votre interface stylisée

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

Mis à jour