Comment personnaliser la page Mon compte de WooCommerce

Lorsque les clients achètent dans votre boutique, ils s’attendent à pouvoir gérer leurs commandes et leurs paramètres via une page « Mon compte » intuitive. WooCommerce le permet d’emblée. Mais que faire si vous devez personnaliser la page Mon compte ? Nous vous montrons comment.

Qu’est-ce que la page Mon compte ?

Une page Mon compte WooCommerce classique liste les commandes et les informations personnelles comme l’adresse de facturation ou de livraison. Les moyens de paiement ont aussi leur propre page. Et si vous vendez des produits numériques, vos clients y voient leurs téléchargements disponibles.

Même basique, la page Mon compte standard fournit à vos clients toutes les informations nécessaires pour suivre leurs achats. Mais une page Mon compte personnalisée pour WooCommerce peut ajouter des fonctions utiles pour vous et vos clients.

Pourquoi des onglets Mon compte personnalisés sont utiles

Les fonctions de base suffisent pour commencer, mais un jour vous voudrez créer vos propres onglets et pages dans Mon compte. Ou modifier le texte du tableau de bord, qui est assez sommaire.

Quelques exemples de pages Mon compte personnalisées : si vous personnalisez la page Mon compte, vos clients vous feront davantage confiance. Ils se connecteront peut-être plus souvent pour utiliser l’un de vos services. Cela peut entraîner :

• Plus de ventes
• Confiance dans la boutique
• Bouche-à-oreille (par exemple sur un service exceptionnel)

Comment personnaliser la page Mon compte de WooCommerce

Il existe deux façons de créer une page Mon compte personnalisée pour WooCommerce. La première, souvent préférée par ceux qui savent coder, consiste à personnaliser les pages manuellement avec du code PHP.

Pour cela, vous devez ajouter du code dans le fichier functions.php de votre thème enfant. Voici un exemple dans lequel nous ajoutons une page Support personnalisée.

Enregistrer un nouvel endpoint pour la page Mon compte

Vous devez d’abord enregistrer un nouvel endpoint pour la page Mon compte. Après avoir ajouté le code, enregistrez à nouveau les permaliens, sinon vous obtiendrez une erreur 404.

add_action( 'init', 'add_support_endpoint' );
function add_support_endpoint() {
    add_rewrite_endpoint( 'support', EP_ROOT | EP_PAGES );
}

Créer une nouvelle variable de requête

Vous devez créer une nouvelle variable de requête pour la page Support, sinon le contenu ne sera pas chargé à l’étape 4.

add_filter( 'query_vars', 'custom_support_query_vars', 0 );
function custom_support_query_vars( $vars ) {
    $vars[] = 'support';
    return $vars;
}

Ajouter l’élément au menu Mon compte

Insérez le nouvel endpoint dans le menu Mon compte comme élément à part entière.

add_filter( 'woocommerce_account_menu_items', 'custom_add_support_link_my_account' );
function custom_add_support_link_my_account( $items ) {
    $items = 'Support';
    return $items;
}

Enfin, ajouter le contenu

Ajoutez le contenu de la nouvelle page Support. Le add_action doit respecter le format « woocommerce_account_{your-endpoint-slug}_endpoint » !

add_action( 'woocommerce_account_support_endpoint', 'custom_support_content' );
function custom_support_content() {
	echo '<h2>Support Center</h2><p>Hey, if you need support contact us at [email protected]</p>';
}

Nous avons maintenant un nouvel onglet Support dans le menu Mon compte. Il faudra peut-être aussi réordonner les éléments, créer d’autres onglets… et à un moment cela devient trop compliqué. Et si le code dépasse vos compétences, pourquoi ne pas acheter un plugin ? C’est une façon bien plus simple de personnaliser la page Mon compte.

Plugin de personnalisation « Mon compte » pour WooCommerce

Pour les utilisateurs de WooCommerce sans compétences techniques, le plus simple pour créer des pages Mon compte personnalisées est d’utiliser un plugin qui automatise le processus. Le plus complet actuellement est le plugin WooCommerce Custom My Account Pages de weLaunch.

Avec notre plugin de personnalisation Mon compte, les commerçants WooCommerce créent des pages Mon compte personnalisées en quelques secondes. C’est aussi bien plus sûr que de modifier WooCommerce en profondeur.

• Créez des pages Mon compte personnalisées sans risquer de casser votre boutique WooCommerce.
• Améliorez l’expérience client et augmentez vos ventes en ajoutant des onglets et des zones de contenu personnalisés.
• Personnalisation facile par
  • réordonner les onglets
  • renommer les pages
  • créer vos propres pages
• Réordonner et renommer les onglets par défaut
• Modifier le texte de l’onglet Tableau de bord

Plugin de personnalisation ou code ?

Utiliser des plugins comme Custom My Account Pages est de loin le moyen le plus simple d’adapter WooCommerce pour vous et les utilisateurs de votre boutique. En codant les personnalisations à la main, vous risquez toujours de casser d’autres fonctions de la boutique, surtout si vous n’avez pas l’habitude de modifier du code PHP.

Personnalisez dès maintenant vos pages Mon compte facilement et en toute sécurité avec le plugin Custom My Account Pages de weLaunch.Obtenez dès aujourd’hui le plugin de personnalisation Mon compte pour WooCommerce