Comment modifier et personnaliser la page Mon compte WooCommerce (Guide étape par étape)

Publié: 2022-07-07

La « page Mon compte » est un élément crucial sur un site eCommerce. Cette page est responsable de la conclusion de la transaction et de la création d'une clientèle fidèle. Si vous essayez d'augmenter les conversions de votre boutique WooCommerce, vous devez savoir comment modifier la page Mon compte WooCommerce. Cela peut être fait en éditant le code ou en utilisant un plugin.

Dans cet article, nous allons principalement vous montrer comment modifier la page Mon compte avec " Mon éditeur de page de compte " et suggérer quelques plugins de personnalisation populaires pour la page Mon compte de WooCommerce.

Pourquoi vous pourriez avoir besoin de modifier la page Mon compte de WooCommerce

Il existe plusieurs raisons pour lesquelles vous devrez peut-être modifier la page du compte WooCommerce. Par exemple, vous pouvez ajouter des champs personnalisés au formulaire d'inscription ou modifier l'ordre par défaut des champs.

De plus, vous pouvez ajouter du contenu personnalisé à la page Mon compte, comme un message de bienvenue ou des instructions pour utiliser votre site.

Comment modifier et personnaliser la page Mon compte WooCommerce (2 méthodes simples)

modifier la page du compte WooCommerce

Aujourd'hui, nous allons vous montrer 2 façons différentes de modifier votre page Mon compte WooCommerce -

  • Méthode 1 : Modification de la page Mon compte avec le plugin
  • Méthode 2 : Personnalisation de la page Mon compte avec un code

Méthode 1 : Modification de la page Mon compte avec le plugin

Il existe plusieurs façons de modifier et de personnaliser votre page Mon compte WooCommerce. Le moyen le plus simple consiste à le modifier avec l'éditeur de page Mon compte pour WooCommerce. Nous allons vous montrer le processus complet étape par étape pour le faire ici avec un plugin.

Avant de poursuivre le processus, vous devez savoir que cet éditeur pour la page Mon compte WooCommerce permet à l'utilisateur de personnaliser le compte et d'ajouter de nouveaux points de terminaison personnalisés pour afficher toute information ajoutée sur la page Mon compte WooCommerce.

Commençons à zéro-

Étape 1 : Installation du plug-in "Éditeur de la page de mon compte"

Connectez-vous à votre compte WooCommerce et téléchargez le fichier .zip. Ensuite, accédez à votre administrateur WordPress > Plugins > Ajouter un nouveau. Téléchargez le fichier de plug-in que vous venez de télécharger et cliquez sur Installer maintenant . Enfin, activez l'extension.

Étape 2 : Configuration des paramètres de la page Mon compte

Mon éditeur de page de compte pour WooCommerce

Dès que vous activez le plugin, tout de suite un nouveau menu apparaîtra dans le panneau d'administration de WordPress avec la balise ' My Account Page Editor '

En cliquant sur l'onglet Tous les points de terminaison, vous accéderez à la page où vous pourrez afficher tous les points de terminaison personnalisés que vous avez créés à l'aide de ce plugin.

Étape 3 : Ajouter de nouveaux points de terminaison

ajouter des points de terminaison dans WooCommerece

Pour votre page Mon compte, créez un nouvel élément de menu/onglet en cliquant sur Ajouter un nouveau point de terminaison. Vous pouvez spécifier les détails suivants lors de la création d'un point de terminaison :

  • Attribuer un titre Endpoint
  • Inclure un slug de menu unique
  • Sélectionnez parmi l'icône disponible
  • Restreindre par rôles d'utilisateur (laisser vide pour s'appliquer à tous les clients)
  • Choisissez le type de point de terminaison
  • Définir un contenu personnalisé à l'aide de l'éditeur
ajouter des points de terminaison de page de compte woocommerce

Étape 4 : Ajouter un point de terminaison dans le formulaire de groupe

Une fois que vous avez choisi l'option de point de terminaison groupé, deux champs supplémentaires apparaîtront :

  • Sélectionnez les points de terminaison personnalisés à afficher comme fiables
  • Sélectionnez les points de terminaison par défaut à afficher comme fiables

Le point de terminaison fiable est répertorié sous ce point de terminaison de groupe après avoir été automatiquement supprimé du menu de mon compte.

Que pouvez-vous personnaliser à partir des paramètres généraux

Vous pourrez personnaliser :

  • Type d'affichage du point de terminaison
    • Style de thème (hérite du style par défaut du thème. Les points de terminaison de groupe ne sont pas compatibles)
    • Barre latérale gauche (remplace le menu par le style personnalisé du plugin)
    • Barre latérale droite (remplace le menu par le style personnalisé du plugin)
    • Onglets (remplace le menu par le style personnalisé du plugin)
  • Ajouter du texte, un arrière-plan et une couleur de survol
  • Option pour masquer les points de terminaison par défaut
  • Activer/désactiver la photo de profil
  • Réorganiser les terminaux

Méthode 2 : Personnaliser la page Mon compte avec un code

La page Mes comptes est construite avec un shortcode, ce qui signifie qu'elle peut être personnalisée à l'aide de code. Pour ce faire, vous devrez éditer le fichier functions.php de votre thème. Si vous n'êtes pas à l'aise pour modifier le code, nous vous recommandons de sauvegarder votre site avant de continuer.

Une fois que vous avez sauvegardé votre site, ouvrez le fichier functions.php de votre thème dans un éditeur de texte comme Notepad ou TextEdit. Ensuite, ajoutez le code suivant en bas du fichier :

add_filter( 'woocommerce_my_account_menu_items', 'bbloomer_remove_my_account_links' ); function bbloomer_remove_my_account_links( $menu_links ){ unset( $menu_links['dashboard'] ); // Supprimer le lien du tableau de bord unset( $menu_links['payment-methods'] );

Plugins alternatifs pour modifier et personnaliser la page Mon compte WooCommerce

page mon compte woocommerce

Vous n'aimez peut-être pas coder ou vous n'êtes probablement pas trop technique. C'est à ce moment-là que vous apprécierez d'utiliser les plugins WooCommerce mentionnés ci-dessous qui ouvrent la porte à une personnalisation complète de votre page Mon compte WooCommerce sans avoir besoin de la personnaliser par programmation.

1. WooCommerce - Personnalisez mon compte pour WooCommerce

WooCommerce Personnaliser mon compte pour WooCommerce

Dites adieu aux tracas liés à la création de pages WordPress personnalisées ou à l'ajout de points de terminaison de manière désordonnée. Ce plugin vous permet d'ajouter des points de terminaison Mon compte personnalisés (onglets) via un personnalisateur en direct avec un puissant panneau de personnalisation. L'une des meilleures fonctionnalités de ce plugin est la possibilité de regrouper les points de terminaison pour créer un onglet, puis d'ajouter des onglets en tant que sous-pages destinées à la page parent. Ajouter un CSS personnalisé est aussi simple qu'ABC.

Prix ​​: 49 $ (facturé annuellement)

2. Codecanyon – Pages personnalisées de mon compte WooCommerce

Codecanyon WooCommerce Pages personnalisées de mon compte

Ce plugin rentable vous permet de créer facilement et rapidement une page de mon compte belle, propre et confortable sur WooCommerce. La possibilité de personnaliser entièrement l'apparence des pages de votre propre compte, en ajoutant des fonctionnalités intéressantes telles que trois mises en page différentes, une couleur d'arrière-plan et un texte personnalisé, rend ce plugin adapté à n'importe quel thème. Ce plugin vous permet de créer une seule page pour Mon compte. Vous pouvez choisir entre trois mises en page différentes et reconstruire complètement votre page Mon compte WooCommerce avec les options CSS personnalisées fournies dans le plugin.

Prix ​​: 34 $ (licence régulière)

3. IconicWP – Pages de compte WooCommerce

Pages de compte IconicWP WooCommerce

Le plugin agit plus comme une fonctionnalité ajoutée que comme un plugin installé dans WooCommerce. Inutile de vous soucier d'ajouter un lien à onglets à la page Mon compte car le plug-in IconicWP s'intègre de manière transparente à WooCommerce et ajoute un nombre illimité d'onglets à la page Mon compte de WooCommerce permettant à toute page que vous ajoutez d'être affichée sous forme de lien à onglets. Vous allez adorer si vous souhaitez ajouter plusieurs pages "Mon compte" à votre site. Aussi, pour les clients qui ont besoin de différents onglets et liens pour leur page de compte. Il a tout ce dont vous avez besoin pour créer toutes les pages Mon compte dont vous avez besoin.

Prix ​​: 49 $ par an pour un seul site

4. YITH – WooCommerce Personnaliser la page de mon compte

YITH WooCommerce Personnaliser la page Mon compte

YITH WooCommerce Customize My Account Page vous permet de modifier le contenu par défaut et d'afficher ce dont vos clients ont besoin sur leur page WooCommerce My Account. C'est un excellent moyen de personnaliser la page de votre compte sans avoir à modifier de fichiers ni même de code. Grâce à cette extension, vous pouvez facilement personnaliser ce qui est affiché sur les comptes de vos clients, selon leur rôle, ou simplement masquer certaines sections que vous ne souhaitez pas afficher. Vous pouvez également modifier l'e-mail qui sera envoyé après la connexion.

Prix : 59,99 $/an

Lisez également : Comment personnaliser la page produit WooCommerce en 3 étapes faciles

Avantages de la personnalisation de la page Mon compte WooCommerce

Guide de soumission de produits frontaux WooCommerce

Aujourd'hui, beaucoup de sites Web personnels ne suffisent plus. Les gens veulent quelque chose de plus et c'est là que la personnalisation est utile pour les sites personnels. La personnalisation est importante pour vous aider à mettre en évidence ce qui rend votre entreprise ou votre site Web spécial et cela ne se limite pas uniquement au schéma de couleurs du logo ou du texte. Bien qu'il existe des moyens simples de configurer un profil de compte personnalisé, il peut parfois devenir incontrôlable, surtout si vous avez besoin de plus que ce que la plupart des solutions simples fournissent.

Vous voudrez peut-être vérifier s'il vaut la peine de prendre plus de temps pour ajouter quelques lignes de code qui offrent plus de fonctionnalités et permettent aux utilisateurs de choisir exactement comment ils veulent que leur présence en ligne s'affiche au lieu d'être limités par d'autres restrictions de plate-forme avant de choisir. une solution prête à l'emploi.

Voici quelques-uns des principaux avantages dont vous bénéficiez en personnalisant votre page Mon compte de WooCommerce :

  • Retours de produits minimisés : L'ajout de matériel pédagogique et/ou de spécifications sur vos listes de produits pour accroître la confiance des acheteurs se traduira par une meilleure expérience client et moins de retours.
  • Fidélisation accrue des clients : la personnalisation de la page Mon compte peut être d'une grande aide pour faciliter la vie d'un client en mettant toutes ses informations dans un emplacement facile à trouver, sans avoir besoin de demander au service client. La page leur fournit également un endroit où ils peuvent trouver des remises exclusives pour être leurs clients fidèles.
  • Fidélisation maximale de la clientèle : vous pouvez offrir des coupons et des remises sur votre page Mon compte, ce qui incitera les clients à revenir sur le site pour voir de nouvelles ventes et offres. Ils vérifieront également périodiquement les nouvelles ventes et offres.
  • Réduction des plaintes/demandes des clients : près de 67 % des personnes préfèrent les options de libre-service plutôt que d'appeler le service client. Pour encourager l'utilisation du libre-service, fournissez des guides d'utilisation à la demande et un accès à une grande variété de produits avec des questions et des réponses à davantage de requêtes.

Maintenant que vous savez à quel point la personnalisation de la page Mon compte peut améliorer considérablement votre expérience et celle de vos clients, voici les plugins que vous pouvez installer pour faire passer votre boutique au niveau supérieur.

En relation: Avantages et guide de l'ajout d'une table de produits WooCommerce

Modifiez et personnalisez la page Mon compte WooCommerce de la manière dont elle convient le mieux à votre entreprise

Si vous cherchiez des moyens d'améliorer votre page Mon compte WooCommerce, nous espérons que vous avez apprécié cet article. Ici, nous avons essayé de montrer aux utilisateurs de WooCommerce comment ils peuvent facilement personnaliser leur page de compte à l'aide d'un plugin.

Comme vous pouvez l'imaginer maintenant, avant de décider de modifier ou de personnaliser quoi que ce soit, la première chose que vous devez faire est de comprendre la page par défaut Mon compte WooCommerce.

Vous savez maintenant qu'il existe essentiellement deux façons de personnaliser la page de compte de WooCommerce. La première consiste à utiliser un plugin et la seconde consiste à modifier le code.

Si vous n'êtes pas développeur, nous vous recommandons d'utiliser un plugin pour modifier ou personnaliser la page du compte. Il existe un certain nombre de plugins disponibles qui vous permettent de personnaliser la page du compte. Nous avons déjà mentionné quelques-uns des plus populaires dans cet article pour votre commodité.

L'un des plugins les plus populaires est le plugin WooCommerce Custom My Account Page . Il vous permet de personnaliser facilement la page de votre compte sans avoir besoin de connaissances en codage.

Si vous êtes développeur, vous pouvez personnaliser la page Mon compte WooCommerce en modifiant vous-même le code. Cependant, nous ne le recommandons qu'aux développeurs qui sont à l'aise avec le code.

C'est tout ce qu'on peut en dire! Nous espérons que cet article vous a aidé à apprendre à modifier et à personnaliser la page Mon compte WooCommerce en fonction des besoins de votre entreprise.

Si vous aimez lire, vous voudrez peut-être vous abonner à nos newsletters pour obtenir du contenu tendance et intéressant directement dans votre boîte de réception.