{"id":1052,"date":"2020-01-22T15:00:51","date_gmt":"2020-01-22T14:00:51","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?p=1052"},"modified":"2024-05-15T11:43:23","modified_gmt":"2024-05-15T09:43:23","slug":"personalizar-woocommerce-mi-pagina-de-cuenta","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/es\/2020\/01\/personalizar-woocommerce-mi-pagina-de-cuenta\/","title":{"rendered":"C\u00f3mo personalizar la p\u00e1gina Mi Cuenta de WooCommerce"},"content":{"rendered":"<p>Cuando los clientes compran productos en su tienda, esperan poder gestionar sus pedidos y configuraciones a trav\u00e9s de una p\u00e1gina intuitiva de &#8220;mi cuenta&#8221;. Por defecto, WooCommerce permite a sus clientes hacer precisamente esto. Pero \u00bfy si necesitas personalizar la p\u00e1gina de mi cuenta? Le mostramos c\u00f3mo.<\/p>\n<h2>\u00bfQu\u00e9 es la p\u00e1gina Mi cuenta?<\/h2>\n<p>Una p\u00e1gina t\u00edpica de mi cuenta de WooCommerce muestra los pedidos y la informaci\u00f3n personal como la direcci\u00f3n de facturaci\u00f3n o de env\u00edo. Los m\u00e9todos de pago tambi\u00e9n se muestran como una p\u00e1gina propia. Adem\u00e1s si trabajas con productos digitales tus clientes pueden ver sus descargas disponibles.Aunque b\u00e1sica, una p\u00e1gina est\u00e1ndar de mi cuenta proporciona a sus clientes toda la informaci\u00f3n que necesitan para realizar un seguimiento y consultar sus compras. Sin embargo, crear una p\u00e1gina personalizada de mi cuenta para WooCommerce puede a\u00f1adir m\u00e1s funciones en beneficio tuyo y de tus clientes.<\/p>\n<h2>Por qu\u00e9 deber\u00edas haber personalizado las pesta\u00f1as de mi cuenta<\/h2>\n<p>Aunque lo b\u00e1sico est\u00e1 bien para empezar, alg\u00fan d\u00eda querr\u00e1s crear pesta\u00f1as y p\u00e1ginas personalizadas de mi cuenta. O si desea modificar el texto del salpicadero, ya que es un poco b\u00e1sico.Algunos ejemplos de p\u00e1ginas de mi cuenta personalizadas:Si personaliza la p\u00e1gina de mi cuenta, sus clientes se sentir\u00e1n mucho m\u00e1s seguros. Puede que quieran conectarse m\u00e1s a menudo para utilizar uno de sus servicios personalizados. Esto podr\u00eda llevar a:<\/p>\n<ul>\n<li>M\u00e1s ventas<\/li>\n<li>Confianza en la tienda<\/li>\n<li>Propaganda boca a boca (e.g. sobre un servicio superior)<\/li>\n<\/ul>\n<h2>C\u00f3mo personalizar la p\u00e1gina Mi cuenta de WooCommerce<\/h2>\n<p>Hay dos maneras de crear una p\u00e1gina personalizada de mi cuenta para WooCommerce. La primera, y a menudo la preferida por las personas con experiencia en programaci\u00f3n, es personalizar las p\u00e1ginas manualmente a\u00f1adiendo c\u00f3digo PHP personalizado.Por lo tanto, es necesario poner un poco de c\u00f3digo en sus funciones.php de su tema hijo. A continuaci\u00f3n se muestra un ejemplo en el que a\u00f1adiremos una p\u00e1gina de soporte personalizada.<\/p>\n<h3>Registrar un nuevo endpoint para la p\u00e1gina Mi cuenta<\/h3>\n<p>En primer lugar, debe registrar un nuevo endpoint para utilizarlo en la p\u00e1gina Mi cuenta. Es necesario guardar permalinks despu\u00e9s de a\u00f1adir el c\u00f3digo, de lo contrario se obtiene un error 404.add_action( &#8216;init&#8217;, &#8216;add_support_endpoint&#8217; );function add_support_endpoint() {    add_rewrite_endpoint( &#8216;soporte&#8217;, EP_ROOT | EP_PAGES );}<\/p>\n<h3>Crear una nueva consulta var<\/h3>\n<p>Es necesario crear una nueva variable de consulta para la p\u00e1gina de soporte, de lo contrario el contenido no se cargar\u00e1 en 4.add_filter( &#8216;query_vars&#8217;, &#8216;custom_support_query_vars&#8217;, 0 );function custom_support_query_vars( $vars ) {    $vars[]=&#8217;soporte&#8217;;    devolver $vars;}  <\/p>\n<h3>A\u00f1adir la opci\u00f3n de men\u00fa Mi cuenta<\/h3>\n<p>Inserte el nuevo punto final en el men\u00fa Mi cuenta como un elemento propio.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;Soporte&#8217;;    devolver $art\u00edculos;}<\/p>\n<h3>\u00daltimo contenido a\u00f1adido<\/h3>\n<p>A\u00f1adir contenido al nuevo endpoint de la p\u00e1gina de soporte. El add_action debe seguir &#8216;woocommerce_account_{your-endpoint-slug}_endpoint&#8217; formato!add_action( &#8216;woocommerce_account_support_endpoint&#8217;, &#8216;custom_support_content&#8217; );function soporte_personal_contenido() {echo &#8216;<\/p>\n<h2>Support Center<\/h2>\n<p>Hey, if you need support contact us at <span \n                data-original-string='+D1E3KqcgTmRo3VbVvvUgw==e89XZnnvganhtIKrdADLhHgUFM6CSn+oBZTcKtfhepmMBA='\n                class='apbct-email-encoder'\n                title='Este contacto ha sido codificado por Anti-Spam by CleanTalk. Haz clic para decodificar. Para finalizar la decodificaci\u00f3n, aseg\u00farate de que JavaScript est\u00e1 activado en tu navegador.'>su<span class=\"apbct-blur\">*****<\/span>@<span class=\"apbct-blur\">******<\/span>ch.io<\/span><\/p>\n<p>&#8216;;}Ahora tenemos una nueva pesta\u00f1a de soporte bajo el men\u00fa de mi cuenta:Puede que ahora tambi\u00e9n necesites reordenar los elementos, crear m\u00e1s pesta\u00f1as y en alg\u00fan momento ser\u00e1 demasiado complicado. Tambi\u00e9n si la codificaci\u00f3n est\u00e1 muy por encima de su nivel de habilidad que usted debe considerar la compra de un plugin? Esta es una manera m\u00e1s f\u00e1cil de personalizar la p\u00e1gina de mi cuenta.<\/p>\n<h2>WooCommerce \u201cPlugin de personalizaci\u00f3n &#8220;Mi cuenta<\/h2>\n<p>La forma m\u00e1s sencilla para los usuarios no t\u00e9cnicos de WooCommerce de crear p\u00e1ginas personalizadas de &#8216;mi cuenta&#8217;, es utilizar plugins que automaticen el proceso. El m\u00e1s completo en la actualidad es el WooCommerce Custom My Account Pages Plugin de WeLaunch.Usando nuestro plugin WooCommerce my account customizer, los propietarios de tiendas WooCommerce pueden crear p\u00e1ginas personalizadas de &#8216;mi cuenta&#8217; en segundos. Hacer esto tambi\u00e9n es mucho m\u00e1s seguro que modificar WooCommerce bajo el cap\u00f3.<\/p>\n<ul>\n<li>Crea p\u00e1ginas personalizadas de &#8216;mi cuenta&#8217; sin riesgo de romper tu tienda WooCommerce.<\/li>\n<li>Aproveche las experiencias positivas de los clientes y aumente las ventas a\u00f1adiendo pesta\u00f1as de cuenta y \u00e1reas de contenido personalizadas.<\/li>\n<li>Personalizar f\u00e1cilmente\n<ul>\n<li>reordenaci\u00f3n de pesta\u00f1as<\/li>\n<li>renombrar p\u00e1ginas<\/li>\n<li>crear p\u00e1ginas propias<\/li>\n<\/ul>\n<\/li>\n<li>Reordenar y renombrar pesta\u00f1as por defecto<\/li>\n<li>Modificar el texto de la pesta\u00f1a del salpicadero<\/li>\n<\/ul>\n<h2>Uso de plugins de personalizaci\u00f3n frente a codificaci\u00f3n<\/h2>\n<p>Utilizar plugins como Custom My Account Pages es, con diferencia, la forma m\u00e1s sencilla de modificar WooCommerce en beneficio tuyo y de los usuarios de tu tienda. Al codificar manualmente las personalizaciones de las p\u00e1ginas, siempre se corre el riesgo de romper otras funciones de la tienda. Esto es especialmente cierto si la edici\u00f3n de c\u00f3digo PHP no es algo con lo que est\u00e9 familiarizado.Personalice sus p\u00e1ginas de &#8216;mi cuenta&#8217; de forma f\u00e1cil y segura ahora con el plugin Custom My Account Pages de WeLaunch haciendo clic aqu\u00ed.Obtenga el plugin WooCommerce My Account Customizer hoy mismo<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando los clientes compran productos en su tienda, esperan poder gestionar sus pedidos y configuraciones a trav\u00e9s de una p\u00e1gina intuitiva de &#8220;mi cuenta&#8221;. Por defecto, WooCommerce permite a sus clientes hacer precisamente esto. Pero \u00bfy si necesitas personalizar la p\u00e1gina de mi cuenta? Le mostramos c\u00f3mo. \u00bfQu\u00e9 es la p\u00e1gina Mi cuenta? Una p\u00e1gina&#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\/es\/wp-json\/wp\/v2\/posts\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":8737,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/1052\/revisions\/8737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media\/1071"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}