Page du tableau de bord du compte

Ce que vous apprendrez

  • Comment styliser le tableau de bord client en utilisant les comptes hérités

  • Où trouver et personnaliser le client/compte et client/adresses pages

  • Conseils pour prévisualiser le contenu du compte dans l'éditeur de thème Shopify


🧭 Accéder à la page de compte dans l'éditeur de thème

Pour personnaliser le tableau de bord du compte (ce que les clients voient après s'être connectés), vous devrez :

  1. Ouvrir votre boutique dans le Éditeur de thème Shopify

  2. Aller à Connexion ou Inscription modèles de page

  3. Se connecter avec un compte client via la prévisualisation

  4. Une fois connecté, vous serez redirigé vers le tableau de bord du compte

💡 Astuce : Vous devez vous connecter via la prévisualisation de l'éditeur de thème — taper /account dans la barre d'URL de l'éditeur rechargera simplement la page de connexion.


🧑‍💼 Section Détails du compte (client/compte)

Cette section affiche le nom du client, l'e-mail et la liste des commandes.

Options de personnalisation

Image d'en-tête

  • Téléchargez une image d'en-tête pour marquer visuellement la page

  • Option de suppression ou d'arrondi de l'image d'en-tête

Paramètres de texte

  • Texte de bienvenue (par ex. « Bienvenue »)

  • Libellé de l'e-mail (par ex. « E-mail : »)

  • Texte du lien Voir les adresses

  • Texte du bouton Déconnexion

Paramètres de couleur

  • Couleur du texte pour le message de bienvenue, l'e-mail, la déconnexion et le lien

  • Couleur de fond du tableau et couleur du texte du tableau

  • Couleur du message « Aucune commande » si aucun achat n'existe

💡 Utilisez un gris neutre ou la couleur d'accent de votre marque pour le texte afin d'harmoniser avec votre thème global.


🏠 Section Adresses du compte (client/adresses)

Cette section permet aux clients de voir, ajouter ou modifier leurs adresses enregistrées.

Options de personnalisation

Image d'en-tête

  • Image d'en-tête facultative, avec bascule pour la supprimer ou l'arrondir

Champs de texte

  • En-tête de section (par ex. « Gérer les adresses »)

  • Texte du bouton pour « Ajouter une nouvelle adresse »

  • Libellés pour modifier, supprimer et navigation de retour

Couleurs

  • Personnalisez chaque élément de texte : en-têtes, boutons, liens

  • Définissez les couleurs des séparateurs et des bordures pour les champs

  • Couleur de fond et couleur du texte du bouton du formulaire de modification

💡 Astuce : Gardez les couleurs des boutons et des liens cohérentes avec le reste de vos pages de compte pour une expérience fluide.

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