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 voient les clients après s'être connectés), vous devrez :

  1. Ouvrez votre boutique dans le éditeur de thème Shopify

  2. Accédez à la Connexion ou Inscription modèles de page

  3. Connectez-vous avec un compte client via l'aperçu

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

💡 Astuce : Vous devez vous connecter via l'aperçu 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 pour supprimer ou arrondir l'image d'en-tête

Paramètres de texte

  • Texte d'accueil (par ex. « Bienvenue »)

  • Étiquette 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 la marque pour le texte afin de correspondre à 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 un interrupteur 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 »

  • Étiquettes pour modifier, supprimer et navigation de retour

Couleurs

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

  • Définissez les couleurs de séparateur et de bordure pour les champs

  • Couleur d'arrière-plan et du texte du bouton du formulaire d'édition

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

Besoin d’aide ?

Mis à jour