Cómo personalizar la página Mi Cuenta de WooCommerce

How to customize WooCommerce my account page

Cuando los clientes compran productos en su tienda, esperan poder gestionar sus pedidos y configuraciones a través de una página intuitiva de “mi cuenta”. Por defecto, WooCommerce permite a sus clientes hacer precisamente esto. Pero ¿y si necesitas personalizar la página de mi cuenta? Le mostramos cómo.

¿Qué es la página Mi cuenta?

Una página típica de mi cuenta de WooCommerce muestra los pedidos y la información personal como la dirección de facturación o de envío. Los métodos de pago también se muestran como una página propia. Además si trabajas con productos digitales tus clientes pueden ver sus descargas disponibles.Aunque básica, una página estándar de mi cuenta proporciona a sus clientes toda la información que necesitan para realizar un seguimiento y consultar sus compras. Sin embargo, crear una página personalizada de mi cuenta para WooCommerce puede añadir más funciones en beneficio tuyo y de tus clientes.

Por qué deberías haber personalizado las pestañas de mi cuenta

Aunque lo básico está bien para empezar, algún día querrás crear pestañas y páginas personalizadas de mi cuenta. O si desea modificar el texto del salpicadero, ya que es un poco básico.Algunos ejemplos de páginas de mi cuenta personalizadas:Si personaliza la página de mi cuenta, sus clientes se sentirán mucho más seguros. Puede que quieran conectarse más a menudo para utilizar uno de sus servicios personalizados. Esto podría llevar a:

  • Más ventas
  • Confianza en la tienda
  • Propaganda boca a boca (e.g. sobre un servicio superior)

Cómo personalizar la página Mi cuenta de WooCommerce

Hay dos maneras de crear una página personalizada de mi cuenta para WooCommerce. La primera, y a menudo la preferida por las personas con experiencia en programación, es personalizar las páginas manualmente añadiendo código PHP personalizado.Por lo tanto, es necesario poner un poco de código en sus funciones.php de su tema hijo. A continuación se muestra un ejemplo en el que añadiremos una página de soporte personalizada.

Registrar un nuevo endpoint para la página Mi cuenta

En primer lugar, debe registrar un nuevo endpoint para utilizarlo en la página Mi cuenta. Es necesario guardar permalinks después de añadir el código, de lo contrario se obtiene un error 404.add_action( ‘init’, ‘add_support_endpoint’ );function add_support_endpoint() { add_rewrite_endpoint( ‘soporte’, EP_ROOT | EP_PAGES );}

Crear una nueva consulta var

Es necesario crear una nueva variable de consulta para la página de soporte, de lo contrario el contenido no se cargará en 4.add_filter( ‘query_vars’, ‘custom_support_query_vars’, 0 );function custom_support_query_vars( $vars ) { $vars[]=’soporte’; devolver $vars;}

Añadir la opción de menú Mi cuenta

Inserte el nuevo punto final en el menú Mi cuenta como un elemento propio.add_filter( ‘woocommerce_account_menu_items’, ‘custom_add_support_link_my_account’ );function custom_add_support_link_my_account( $items ) { $items=’Soporte’; devolver $artículos;}

Último contenido añadido

Añadir contenido al nuevo endpoint de la página de soporte. El add_action debe seguir ‘woocommerce_account_{your-endpoint-slug}_endpoint’ formato!add_action( ‘woocommerce_account_support_endpoint’, ‘custom_support_content’ );function soporte_personal_contenido() {echo ‘

Support Center

Hey, if you need support contact us at su*****@we******.io

‘;}Ahora tenemos una nueva pestaña de soporte bajo el menú de mi cuenta:Puede que ahora también necesites reordenar los elementos, crear más pestañas y en algún momento será demasiado complicado. También si la codificación está muy por encima de su nivel de habilidad que usted debe considerar la compra de un plugin? Esta es una manera más fácil de personalizar la página de mi cuenta.

WooCommerce “Plugin de personalización “Mi cuenta

La forma más sencilla para los usuarios no técnicos de WooCommerce de crear páginas personalizadas de ‘mi cuenta’, es utilizar plugins que automaticen el proceso. El más 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áginas personalizadas de ‘mi cuenta’ en segundos. Hacer esto también es mucho más seguro que modificar WooCommerce bajo el capó.

  • Crea páginas personalizadas de ‘mi cuenta’ sin riesgo de romper tu tienda WooCommerce.
  • Aproveche las experiencias positivas de los clientes y aumente las ventas añadiendo pestañas de cuenta y áreas de contenido personalizadas.
  • Personalizar fácilmente
    • reordenación de pestañas
    • renombrar páginas
    • crear páginas propias
  • Reordenar y renombrar pestañas por defecto
  • Modificar el texto de la pestaña del salpicadero

Uso de plugins de personalización frente a codificación

Utilizar plugins como Custom My Account Pages es, con diferencia, la forma más sencilla de modificar WooCommerce en beneficio tuyo y de los usuarios de tu tienda. Al codificar manualmente las personalizaciones de las páginas, siempre se corre el riesgo de romper otras funciones de la tienda. Esto es especialmente cierto si la edición de código PHP no es algo con lo que esté familiarizado.Personalice sus páginas de ‘mi cuenta’ de forma fácil y segura ahora con el plugin Custom My Account Pages de WeLaunch haciendo clic aquí.Obtenga el plugin WooCommerce My Account Customizer hoy mismo

Un comentario de “Cómo personalizar la página Mi Cuenta de WooCommerce

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Close Popup

We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.

Close Popup
Privacy Settings saved!
Privacy Settings

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

These cookies are necessary for the website to function and cannot be switched off in our systems.

Technical Cookies
In order to use this website we use the following technically required cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Decline all Services
Save
Accept all Services