{"id":1052,"date":"2020-01-22T15:00:51","date_gmt":"2020-01-22T14:00:51","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?p=1052"},"modified":"2024-05-15T11:38:43","modified_gmt":"2024-05-15T09:38:43","slug":"personnaliser-woocommerce-mon-compte-page","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/fr\/2020\/01\/personnaliser-woocommerce-mon-compte-page\/","title":{"rendered":"Comment personnaliser la page Mon compte de WooCommerce"},"content":{"rendered":"<p>Lorsque les clients ach\u00e8tent des produits dans votre magasin, ils s&#8217;attendent \u00e0 pouvoir g\u00e9rer leurs commandes et leurs param\u00e8tres \u00e0 partir d&#8217;une page intuitive &#8220;mon compte&#8221;. D\u00e8s le d\u00e9part, WooCommerce permet \u00e0 vos clients de faire cela. Mais qu&#8217;en est-il si vous devez personnaliser la page &#8220;Mon compte&#8221; ? Nous vous montrons comment.<\/p>\n<h2>Qu&#8217;est-ce que la page Mon compte ?<\/h2>\n<p>Une page typique de WooCommerce &#8220;Mon compte&#8221; r\u00e9pertorie les commandes et les informations personnelles telles que l&#8217;adresse de facturation ou de livraison. Les m\u00e9thodes de paiement sont \u00e9galement affich\u00e9es sur une page distincte. En outre, si vous travaillez avec des produits num\u00e9riques, vos clients peuvent voir les t\u00e9l\u00e9chargements disponibles.Bien que basique, une page standard &#8220;Mon compte&#8221; fournit \u00e0 vos clients toutes les informations dont ils ont besoin pour suivre et interroger leurs achats. Cependant, la cr\u00e9ation d&#8217;une page personnalis\u00e9e de mon compte pour WooCommerce peut ajouter des fonctionnalit\u00e9s suppl\u00e9mentaires pour votre b\u00e9n\u00e9fice et celui de vos clients.<\/p>\n<h2>Pourquoi vous auriez d\u00fb personnaliser mes onglets de compte<\/h2>\n<p>Bien que les fonctions de base soient utiles pour commencer, vous souhaiterez un jour cr\u00e9er des onglets et des pages personnalis\u00e9es pour votre compte. Ou bien vous voulez modifier le texte du tableau de bord qui est assez basique.Quelques exemples de pages personnalis\u00e9es : Si vous personnalisez la page &#8220;Mon compte&#8221;, vos clients se sentiront plus en confiance. Ils peuvent souhaiter se connecter plus souvent pour utiliser l&#8217;un de vos services personnalis\u00e9s. Cela pourrait d\u00e9boucher sur :<\/p>\n<ul>\n<li>Plus de ventes<\/li>\n<li>Shop trust<\/li>\n<li>Propagande bouche \u00e0 bouche (e.g. pour un service de qualit\u00e9 sup\u00e9rieure)<\/li>\n<\/ul>\n<h2>Comment personnaliser la page Mon compte de WooCommerce<\/h2>\n<p>Il y a deux fa\u00e7ons de cr\u00e9er une page personnalis\u00e9e de mon compte pour WooCommerce. La premi\u00e8re m\u00e9thode &#8211; et souvent la pr\u00e9f\u00e9r\u00e9e des personnes ayant une exp\u00e9rience du codage &#8211; consiste \u00e0 personnaliser les pages manuellement en ajoutant du code PHP personnalis\u00e9.Vous devez donc ins\u00e9rer un peu de code dans vos fonctions.php de votre th\u00e8me enfant. Voici un exemple o\u00f9 nous ajouterons une page d&#8217;assistance personnalis\u00e9e.<\/p>\n<h3>Enregistrer un nouveau point de terminaison \u00e0 utiliser pour la page Mon compte<\/h3>\n<p>Vous devez d&#8217;abord enregistrer un nouveau point de terminaison \u00e0 utiliser pour la page Mon compte. Vous devez sauvegarder les permaliens apr\u00e8s avoir ajout\u00e9 le code, sinon vous obtiendrez une erreur 404.add_action( &#8216;init&#8217;, &#8216;add_support_endpoint&#8217; ) ;function add_support_endpoint() {    add_rewrite_endpoint( &#8216;support&#8217;, EP_ROOT | EP_PAGES ) ;}<\/p>\n<h3>Cr\u00e9er une nouvelle requ\u00eate var<\/h3>\n<p>Vous devez cr\u00e9er une nouvelle variable de requ\u00eate pour la page d&#8217;assistance, sinon le contenu ne sera pas charg\u00e9 dans 4.add_filter( &#8216;query_vars&#8217;, &#8216;custom_support_query_vars&#8217;, 0 ) ;function custom_support_query_vars( $vars ) {    $vars[]=&#8217;support&#8217; ;    return $vars ;}  <\/p>\n<h3>Ajouter l&#8217;\u00e9l\u00e9ment de menu Mon compte<\/h3>\n<p>Ins\u00e9rer le nouveau point de terminaison dans le menu Mon compte en tant qu&#8217;\u00e9l\u00e9ment propre.add_filter(&#8216;woocommerce_account_menu_items&#8217;, &#8216;custom_add_support_link_my_account&#8217; ) ;function custom_add_support_link_my_account( $items ) {    $items=&#8217;Support&#8217; ;    retourner $items ;}<\/p>\n<h3>Dernier contenu ajout\u00e9<\/h3>\n<p>Ajouter du contenu au nouveau point de terminaison de la page de soutien. L&#8217;action doit suivre le format &#8216;woocommerce_account_{your-endpoint-slug}_endpoint&#8217;!add_action( &#8216;woocommerce_account_support_endpoint&#8217;, &#8216;custom_support_content&#8217; ) ;function custom_support_content() {echo &#8216;<\/p>\n<h2>Support Center<\/h2>\n<p>Hey, if you need support contact us at <span \n                data-original-string='pd7ZzzjG95NoGaUpdr7woA==e89I+IArq05pPH3wn8rMSxMdh7bZYsrdVxQ6H0\/oZ4EqH8='\n                class='apbct-email-encoder'\n                title='This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.'>su<span class=\"apbct-blur\">*****<\/span>@<span class=\"apbct-blur\">******<\/span>ch.io<\/span><\/p>\n<p>&#8216;;}Nous avons maintenant un nouvel onglet &#8220;Support&#8221; dans le menu &#8220;Mon compte&#8221;:Il se peut que vous deviez r\u00e9organiser les \u00e9l\u00e9ments, cr\u00e9er d&#8217;autres onglets et, \u00e0 un moment donn\u00e9, ce sera trop compliqu\u00e9. De m\u00eame, si le codage d\u00e9passe largement votre niveau de comp\u00e9tence, vous devriez envisager d&#8217;acheter un plugin? Il s&#8217;agit d&#8217;un moyen beaucoup plus simple de personnaliser la page &#8220;Mon compte&#8221;.<\/p>\n<h2>WooCommerce \u201cPlugin de personnalisation &#8220;Mon compte<\/h2>\n<p>Le moyen le plus simple pour les utilisateurs non techniques de WooCommerce de cr\u00e9er des pages personnalis\u00e9es &#8220;mon compte&#8221; est d&#8217;utiliser des plugins qui automatisent le processus. Le plus complet \u00e0 l&#8217;heure actuelle est le plugin WooCommerce Custom My Account Pages de WeLaunch.Gr\u00e2ce \u00e0 notre plugin WooCommerce my account customizer, les propri\u00e9taires de boutiques WooCommerce peuvent cr\u00e9er des pages personnalis\u00e9es &#8220;mon compte&#8221; en quelques secondes. Il est \u00e9galement beaucoup plus s\u00fbr de proc\u00e9der ainsi que de modifier WooCommerce sous le capot.<\/p>\n<ul>\n<li>Cr\u00e9er des pages personnalis\u00e9es &#8220;mon compte&#8221; sans risquer de casser votre boutique WooCommerce.<\/li>\n<li>Tirez parti de l&#8217;exp\u00e9rience positive des clients et augmentez les ventes en ajoutant des onglets de compte et des zones de contenu personnalis\u00e9s.<\/li>\n<li>Facilement personnalisable par\n<ul>\n<li>r\u00e9organisation des onglets<\/li>\n<li>renommer des pages<\/li>\n<li>cr\u00e9er ses propres pages<\/li>\n<\/ul>\n<\/li>\n<li>R\u00e9organiser et renommer les onglets par d\u00e9faut<\/li>\n<li>Modifier le texte de l&#8217;onglet du tableau de bord<\/li>\n<\/ul>\n<h2>Utiliser des plugins de personnalisation ou coder<\/h2>\n<p>L&#8217;utilisation de plugins tels que Custom My Account Pages est de loin le moyen le plus facile de modifier WooCommerce pour votre b\u00e9n\u00e9fice et celui des utilisateurs de votre boutique. En codant manuellement des pages personnalis\u00e9es, vous risquez toujours de casser d&#8217;autres fonctionnalit\u00e9s de la boutique. Ceci est particuli\u00e8rement vrai si l&#8217;\u00e9dition de code PHP n&#8217;est pas quelque chose qui vous est familier.Personnalisez vos pages &#8220;mon compte&#8221; facilement et en toute s\u00e9curit\u00e9 avec le plugin Custom My Account Pages de WeLaunch en cliquant ici.Obtenez WooCommerce My Account Customizer Plugin aujourd&#8217;hui<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorsque les clients ach\u00e8tent des produits dans votre magasin, ils s&#8217;attendent \u00e0 pouvoir g\u00e9rer leurs commandes et leurs param\u00e8tres \u00e0 partir d&#8217;une page intuitive &#8220;mon compte&#8221;. D\u00e8s le d\u00e9part, WooCommerce permet \u00e0 vos clients de faire cela. Mais qu&#8217;en est-il si vous devez personnaliser la page &#8220;Mon compte&#8221; ? Nous vous montrons comment. Qu&#8217;est-ce que&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8,4],"tags":[],"class_list":["post-1052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/posts\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":8996,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/posts\/1052\/revisions\/8996"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media\/1071"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}