Comment personnaliser la page Mon compte WooCommerce (Guide complet 2022)

Si vous connaissez WooCommerce et le commerce électronique en général, vous saurez que la page "Mon compte" est l'une des pages Web les plus importantes. En effet, il contient de nombreuses informations essentielles sur les clients, telles que leurs commandes, adresses de facturation, modes de paiement, détails de compte, pour n'en nommer que quelques-uns.

Essentiellement, la page « Mon compte » est une plaque tournante intégrale de l'information. Il n'est donc pas rare que les propriétaires de magasins WooCommerce souhaitent ajouter des points de terminaison personnalisés pour présenter des informations pertinentes pour leur entreprise. Ils peuvent également souhaiter personnaliser l'esthétique de leur page "Mon compte" pour qu'elle corresponde davantage à leur marque.

Bien que WooCommerce inclue toutes les informations de base dont les clients ont besoin pour gérer leurs commandes et modifier les paramètres de leur compte, ni WooCommerce ni WordPress n'offrent de fonctionnalités de personnalisation intégrées pour ajuster l'apparence de cette page WordPress ni ajouter des points de terminaison supplémentaires.

Heureusement, si vous souhaitez aller au-delà des points de terminaison par défaut et des restrictions de personnalisation de WooCommerce, des solutions de contournement sont disponibles. Nous couvrons donc les moyens les plus simples de personnaliser votre page "Mon compte" sur WooCommerce sans aucun savoir-faire technique.

L'importance de la page Mon compte WooCommerce

Comme nous l'avons déjà indiqué dans l'introduction, la page "Mon compte" de toute boutique de commerce électronique est un élément clé du site. Le tableau de bord Mon compte de votre client est l'endroit où il se sent le plus en contrôle. À partir de là, ils peuvent revoir les commandes, modifier les adresses, apporter des modifications aux détails de leur compte, et modifier leurs paramètres de sécurité. De plus, il gère un grand nombre d'informations sensibles telles que leur adresse e-mail, leur adresse postale et même les informations de mot de passe.

À la lumière de tout cela, il est impératif que votre page "Mon compte" soit facile à naviguer pour garantir aux visiteurs une expérience utilisateur exceptionnelle. C'est là que la personnalisation peut faire toute la différence. Par exemple, vous pouvez augmenter les conversions en ajoutant des sections promotionnelles telles que des codes de réduction, des récompenses de fidélité et des recommandations de pages de produits. Mais vous pouvez également utiliser votre page Mon compte pour réduire les frictions avec les clients. Par exemple, recueillir les commentaires des consommateurs ou fournir un lien simple pour entrer en contact avec vous.

L'utilisation d'un module complémentaire est le moyen le plus sûr et le plus simple de démarrer les personnalisations de votre page "Mon compte".

Les avantages d'utiliser un plugin (au lieu d'adopter l'approche DIY)

Bien sûr, les plugins ne sont pas le seul moyen de personnaliser votre page "Mon compte" sur WooCommerce. Avec n'importe quelle partie de WordPress et de sa solution de commerce électronique, vous pouvez vous attaquer au code vous-même et réaliser n'importe quelle personnalisation avec un effort de bricolage. Cependant, cela nécessite des compétences en développement que vous ne possédez peut-être pas.

En revanche, un plugin fiable présente une solution sans code qui ne nécessite aucun savoir-faire technique (HTML, CSS personnalisé, AJAX, PHP, etc.). En plus de cela, il contiendra divers paramètres pour vous aider à créer une page Mon compte personnalisée en toute simplicité. Par exemple, vous pouvez :

• Créer et regrouper de nouveaux points de terminaison
• Changer leur position sur la page
• Ajouter du contenu personnalisé
• Configurez des champs personnalisés que les clients doivent remplir pour fournir des informations supplémentaires.

Remarque : Un point de terminaison est un contenu supplémentaire affiché lorsque certaines conditions sont remplies. Par exemple, après avoir créé un compte utilisateur ou passé une commande, les points de terminaison résultants peuvent être des informations sur le mot de passe et le nom d'utilisateur ou un lien vers des récapitulatifs de commande.

En supposant que le plug-in de la page Mon compte que vous avez choisi soit activement maintenu et régulièrement mis à jour, vous devriez pouvoir vous y fier. Enfin, la plupart des plugins sont fournis avec le support de leur développeur, donc si vous êtes bloqué, de l'aide devrait être à portée de main.

Conseil de pro : ce n'est pas toujours le cas. Parfois, lorsque vous achetez un plugin, le développeur n'offre une assistance que pendant six ou douze mois. Une fois cela fait, vous devrez alors payer un supplément pour le support continu.

AVIS DE NON -RESPONSABILITÉ : Codeable n'est affilié à aucune des recommandations de plug-in répertoriées dans cet article.

Les meilleurs plugins pour personnaliser votre page Mon compte WooCommerce

Si vous avez décidé qu'un plugin est la bonne voie à suivre, vous avez le choix entre plusieurs options. Pour vous aider à affiner votre choix, nous avons répertorié ici quelques-uns des plus populaires :

Personnaliser mon compte pour WooCommerce

Ce plugin vous permet facilement de créer de nouveaux points de terminaison et de personnaliser la conception via un éditeur frontal en direct, ce qui signifie que vous pouvez immédiatement revoir vos modifications.

Vous pouvez ajouter n'importe quel nombre de points de terminaison et de contenu personnalisés. Vous pouvez également trier les onglets Mon compte en fonction de leur priorité. Vous pouvez même décider comment ces terminaux apparaissent aux utilisateurs, y compris la couleur et le style de :

• Onglets du tableau de bord
• Boutons
• Liens
• Polices
• Avatars

…et plus encore, le tout pour correspondre au style de votre site.

Vous n'avez besoin d'aucune connaissance CSS pour personnaliser ces éléments. Au lieu de cela, vous pouvez compter sur un assistant similaire au personnalisateur WordPress, vous permettant d'apporter des modifications en direct à votre site.

Le plugin vous permet également d'attribuer un accès au point de terminaison à des rôles d'utilisateur spécifiques, et vous pouvez masquer et désactiver les onglets en un seul clic. Par exemple, cela est utile lors de la livraison de contenu spécifique à certains clients. Par exemple, présenter des sondages explicitement conçus pour les clients réguliers ou offrir des codes de réduction aux nouveaux titulaires de compte. Il convient également de noter que ce plugin est également compatible avec les réservations, abonnements et adhésions WooCommerce (par SkyVerge) et inclut une année complète de support.

Éditeur de la page Mon compte

Le plugin "My Account Page Editor" est similaire au plugin ci-dessus, bien qu'un peu plus simple à certains égards. L'"Éditeur de la page Mon compte" vous permet d'effectuer des personnalisations de base, telles que la création et le regroupement de nouveaux points de terminaison et la désignation de leurs divers attributs, notamment :

• Titre
• L'icône associée
• Les rôles d'utilisateur pour lesquels les terminaux doivent apparaître
• Le type de point de terminaison

En termes de personnalisation visuelle, ce plugin est plus limité. Le type d'affichage du point de terminaison est automatiquement hérité du style par défaut du thème. Cependant, vous pouvez modifier le texte, la couleur d'arrière-plan et les couleurs de survol de vos barres latérales et de vos onglets personnalisés. Vous pouvez également activer ou désactiver une photo de profil.

YITH WooCommerce Personnaliser la page Mon compte

Comme les plugins WooCommerce déjà évoqués, celui-ci vous permet d'ajouter un nombre illimité d'éléments de menu à votre page "Mon compte". Cependant, le plugin se concentre davantage sur le contenu promotionnel pour enrichir votre stratégie de vente.

Il vous encourage à ajouter des instructions, des coupons, des sondages, des téléchargements, des didacticiels vidéo, des actualités, des notifications, à promouvoir les produits WooCommerce et bien plus encore sur votre page "Mon compte".

Vous pouvez également décider quels rôles d'utilisateur voient quels types de contenu. Par exemple, les nouveaux utilisateurs peuvent se voir présenter une section de procédures leur indiquant comment naviguer sur la page de leur compte.

Vous pouvez choisir parmi plusieurs positions et dispositions différentes du menu Mon compte, y compris les menus horizontaux et verticaux. De plus, vous pouvez personnaliser les couleurs, l'espacement et les icônes pour répondre à vos exigences de conception. Vous pouvez même fournir des avatars par défaut aux utilisateurs ou les laisser télécharger les leurs.

Les autres fonctionnalités incluent :

• Pouvoir ajouter Recaptcha aux formulaires d'inscription.
• Blocage de domaines de messagerie spécifiques pour créer votre propre liste de blocage pour contrôler les comptes créés dans votre boutique WooCommerce.
• Demander aux clients de vérifier leurs comptes avec un e-mail de vérification, comprenant un lien de confirmation.

Enfin, le personnalisateur de page Mon compte de YITH est également compatible avec le générateur de page par glisser-déposer d'Elementor.

Pages de compte IconicWP WooCommerce

Le personnalisateur de page Mon compte d'IconicWP a déjà été utilisé par plus de 16 000 entreprises WooCommerce. Il vous permet d'ajouter un nombre illimité de points de terminaison à votre page et de les personnaliser avec votre propre contenu et paramètres, y compris une section FAQ, des guides d'utilisation, des formulaires de contact, des coupons, etc. Vous pouvez également créer des sous-pages illimitées à partir de votre page Mon compte et classer ces pages par priorité. De plus, chaque nouvelle page ou nouvel onglet est entièrement et automatiquement lié, vous n'avez donc pas à vous soucier de pointer chaque lien au bon endroit sur la page Mon compte.

Il est conçu pour la vitesse, la traduction et est accompagné d'un support expert du développeur. Le plugin est également entièrement compatible avec Gutenberg pour faciliter la création de mises en page personnalisées de la page Mon compte. De plus, il est compatible avec les shortcodes, ce qui signifie que vous pouvez utiliser n'importe quel constructeur de page, et les liens seront toujours parfaitement rendus. Sans oublier que ce plugin fonctionne également avec n'importe quel thème bien codé.

Enfin, ce développeur n'offre pas seulement une licence de plug-in unique, mais plutôt un ensemble d'accès complet, comprenant 30 licences de site et plus de 15 plug-ins conçus pour vous aider à augmenter vos ventes. Cela dit, les marques créatives peuvent se sentir un peu restreintes, car les options de personnalisation concernant la conception de votre page Mon compte sont quelque peu limitées.

Widget Mon compte WooCommerce de PowerPack

Dernier point mais non le moindre, il y a le widget Mon compte WooCommerce de PowerPack. Il est déjà utilisé par plus de 100 000 propriétaires de magasins. Il vous permet d'apporter des modifications à la conception globale et aux fonctionnalités de votre page MyAccount à l'aide du générateur de page d'Elementor.

Vous pouvez facilement embellir votre page Mon compte à partir de l'onglet Style en ajustant la couleur, la typographie, les polices et les conceptions de vos formulaires, boutons et même tableaux. Les onglets peuvent également être organisés verticalement ou horizontalement, ce qui rend ce plugin l'une des options les plus flexibles en matière de conception.

Les options de style de tableau sont également plus étendues que l'éditeur autonome d'Elementor. Avec PowerPack, vous pouvez facilement modifier des formulaires et des tableaux à partir de votre page Mon compte en mettant à jour la conception et l'espacement des champs de saisie, des étiquettes, etc. De plus, vous pouvez styliser chaque ligne, colonne ou cellule individuelle avec des styles et des couleurs de bordure.

Comme les plugins mentionnés ci-dessus, vous pouvez masquer et désactiver les onglets à tout moment et décider quels utilisateurs ont accès à certaines zones. Vous pouvez même styliser les messages d'erreur et les notifications pour créer une expérience plus personnalisée. Par exemple, ceux-ci peuvent apparaître sur la page Mon compte de vos clients pour les informer qu'un formulaire nécessite plus de détails, que des modifications ont été apportées avec succès ou qu'une commande n'a pas abouti.

Comment utiliser un plugin pour personnaliser votre page Mon compte WooCommerce

Bien que les étapes exactes diffèrent en fonction du plugin choisi, l'installation et l'activation du plugin sont essentiellement les mêmes.

Accédez à « Plugins » dans votre tableau de bord WordPress et cliquez sur « Ajouter un nouveau ». Ensuite, recherchez le nom du plugin que vous souhaitez utiliser dans le répertoire. Lorsque vous l'avez trouvé, cliquez sur « Installer maintenant » puis sur « Activer maintenant ». » Ou, si vous avez téléchargé le fichier .zip du plugin, accédez à Plugins > Ajouter un nouveau et télécharger le plugin. Le plugin devrait maintenant apparaître dans votre panneau d'administration.

Avec le plug-in opérationnel, vous devriez maintenant disposer de diverses options pour ajouter, regrouper et réorganiser les points de terminaison. Vous devriez également être en mesure de personnaliser la conception de votre page Mon compte, d'attribuer un accès au point de terminaison à des rôles d'utilisateur spécifiques, etc. Cependant, comme nous l'avons déjà dit, l'étendue de ces fonctionnalités dépend du plugin que vous avez choisi. D'autres fonctionnalités peuvent inclure :

• Choisir différentes mises en page et options de couleur
• Créer des sections visibles uniquement pour des utilisateurs spécifiques, alors qu'elles restent restreintes aux autres
• Création de mises en page dynamiques à l'aide de galeries d'images, de vidéos, etc.
• Permettre aux utilisateurs de télécharger des images de profil en tant qu'avatar pour leur page de comptes
• Mise à jour de la fonctionnalité des formulaires de registre
• Y compris les bannières promotionnelles et les offres de produits

Meilleures pratiques pour personnaliser votre page Mon compte WooCommerce

Avant de se lancer dans un projet, il est toujours bon de connaître les pièges à éviter. Cela dit, voici quelques bonnes pratiques à garder à l'esprit lorsque vous vous lancez dans la personnalisation de votre page "Mon compte".

• Optez pour une mise en page épurée qui permet aux utilisateurs de naviguer facilement sur la page « Mon compte ». N'oubliez pas que la convivialité est essentielle - jusqu'à 40% des utilisateurs peuvent cesser de s'engager avec un site si son contenu ou sa mise en page est minable.
• Autorisez les utilisateurs à télécharger un avatar personnalisé. Ceci est particulièrement important pour les sites Web avec un élément social. Après tout, une photo de profil est une forme d'expression de soi qui implique que l'utilisateur se soucie de la façon dont il est perçu sur votre site. Plus ils se sentiront chez eux sur votre site Web, plus ils seront susceptibles de s'engager avec votre marque. Conseil de pro : associez-le à des programmes de fidélité et à d'autres contenus sociaux pour un engagement maximal de la page "Mon compte".
• Encouragez l'engagement des clients et encouragez les achats répétés. Voici quelques façons d'y parvenir :
  • Recueillir leurs adresses e-mail pour les campagnes de marketing par e-mail
  • Ajoutez une courte section d'enquête pour en savoir plus sur leur expérience client.
  • Offrez des codes de réduction à durée limitée.
• Permettez aux clients de vous contacter facilement s'ils ont une question concernant leur commande. Ceci, par exemple, peut être fait en créant un nouveau point de terminaison de page de support client.

Prêt à personnaliser votre page Mon compte WooCommerce ?

L'utilisation d'un plugin est le moyen le plus simple de développer votre page Mon compte WooCommerce, d'améliorer l'expérience utilisateur et de renforcer la cohérence de la marque.

Cependant, un plugin peut ne vous mener que jusqu'à présent, en fonction de vos besoins. Par exemple, certains utilisateurs peuvent trouver que les plugins ne leur permettent pas d'obtenir l'apparence et les fonctionnalités exactes qu'ils avaient en tête pour leur page WooCommerce Mon compte. Si votre entreprise nécessite une approche plus personnalisée, vous aurez peut-être besoin d'extraits de code pour personnaliser entièrement votre page Mon compte WooCommerce. Cela peut être fait via les webhooks WooCommerce ou en modifiant les fichiers de modèle WooCommerce trouvés dans le dossier / myAccount.

Cette approche nécessitera certainement des connaissances en codage et vous devrez créer une sauvegarde de site Web. Ceci est impératif car vous devrez remplacer les fichiers de modèle pour exécuter ce projet. Si cela semble trop intimidant, vous pouvez jeter un œil à Codeable et envisager d'engager un développeur WordPress.

Codeable élimine les tracas et l'incertitude des projets plus complexes. Heureusement, vous n'avez pas à passer du temps à chercher des développeurs WordPress fiables - Codeable a regroupé pour vous un réseau de développeurs expérimentés. Avec un système de paiement sécurisé et une garantie de 28 jours, soyez assuré que vous obtiendrez les résultats souhaités. Tous les frais sont transparents, alors pourquoi ne pas découvrir si la personnalisation de votre page Mon compte WooCommece avec l'aide de l'un de nos développeurs est dans votre budget ?

Publiez votre projet sur Codeable gratuitement dès aujourd'hui pour commencer à obtenir des estimations sans engagement.