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

¿Estás cansado de la aburrida página de mi cuenta de WooCommerce de tus clientes en tu sitio web? 😣

Buscando un manera fácil para su cuenta WooCommerce mi personalización de la página? Entonces estás en el lugar correcto...

Hay mucho más que puede hacer con este elemento necesario de la página de mi cuenta de WooCommerce de su sitio de comercio electrónico para una mejor experiencia del cliente.

Sin embargo, la personalización de la página Mi cuenta de WooCommerce puede resultar realmente complicada e inconveniente.

Como resultado, estamos aquí para brindarle exposición total a uno de los Los mejores y más sencillos métodos para personalizar la página Mi cuenta de WooCommerce se aliviará.

Instalar un complemento de WooCommerce que tenga plantillas prediseñadas de mi cuenta con múltiples funcionalidades de WooCommerce, le ahorrará mucho tiempo y dinero.

Afortunadamente, existen numerosas áreas en las que también puedes realizar modificaciones. Recuerde siempre que es necesario realizar una modificación completa en la página Mi cuenta para que todos sus clientes tengan una experiencia consistente.

¿Por qué es importante personalizar la página de mi cuenta de WooCommerce?

La página de cuenta es uno de los aspectos fundamentales de las tiendas Woo ya que nuestros clientes pueden requerir más opciones en su página de cuenta. Es posible que quieran incluir otros detalles cruciales, como opciones de pago, sitios web, direcciones, etc.

Es posible que también prefiera cambiar el diseño de la página de la cuenta, los colores y el estilo del texto en su página de cuenta, lo cual es bastante común en la actualidad. Como todos los usuarios de WooCommerce saben, no son posibles de forma predeterminada con el sistema Woo.

Agregar códigos para estos, así como cualquier otro cambio, es el enfoque obvio. También puede personalizar la página Mi cuenta de WooCommerce con uno de los complementos de personalización de la página Mi cuenta de WooCommerce. 

Instalación de un Extensión WooCommerce o personalizarla desde cero en su sitio web de WordPress es sin duda dos de las mejores soluciones que uno puede elegir.

Página Mi cuenta de WooCommerce PersonalizarFuncionamiento con ShopEngine

Este método es mucho más sencillo. Hay varios complementos del panel de la página de la cuenta de WooCommerce disponibles en WordPress. ¡Lo cual te ayudará a crear y personalizar tu página de mi cuenta, en solo un minuto! 🥱

Todo lo que tiene que hacer es seleccionar una plantilla de página de cuenta para los complementos de WooCommerce. Que tiene varias opciones de plantillas de panel de WooCommerce preconstruidas que le ahorrarán mucho tiempo y energía. 

Una de las partes principales de tener una tienda de comercio electrónico es permitir a los consumidores crear su propia página Mi cuenta. Eso les ayuda a ahorrar y compartir información, detalles de cuenta y direcciones de facturación contigo, lo que hace que su experiencia de compra más conveniente.

– cuatro capas

TiendaMotorLa plantilla de página de cuenta de es fácil de personalizar, proporciona una navegación sin complicaciones y permite a los usuarios realizar acciones desde una sola página.

Estas son las características clave que hacen que la plantilla Mi cuenta de ShopEngine sea única:

• Alta personalización e interfaz prediseñada fácil de usar.
• El texto de las opciones del menú se puede editar.
• Puede desactivar temporalmente las opciones del menú.
• Los menús se pueden reordenar.
• ShopEngine es compatible con cualquier tema y complemento/s.

También tiene una sección para agregar nuevos fácil de usar en la plantilla de la página de la cuenta. También puede agregar un formulario de inicio de sesión introductorio. Después de eso, pueden ingresar al panel donde los usuarios pueden ingresar sus pedidos, las condiciones del último pedido, la dirección y todos los demás detalles de la cuenta.

Para cada sección, puede utilizar cómodamente los widgets listos para usar de ShopEngine. La plantilla hace que el proceso sea sencillo y no hay posibilidad de error. 

Ahora veremos cómo puede crear la página de su cuenta de cliente en un nuevo avatar con las plantillas y widgets de páginas de cuenta integrados de ShopEngine. Aquí podrás crear y personalizar un panel intuitivo de WordPress para WooCommerce tal como prefieras. 

Entonces, ¡comencemos primero con las herramientas! 😉

Cree la página Mi cuenta de WooCommerce desde cero

Normalmente, la instalación de WooCommerce crea automáticamente la página de mi cuenta con su configuración predeterminada. Y vamos a editar esa página predeterminada con algo que preferimos tener en nuestra página.

Primero instalaremos y activaremos TiendaMotor lo cual nos ayudará a sumar las plantillas de manera súper fácil y sencilla.

Para eso, todo lo que necesitas hacer es ir a Panel de administración > pasar el cursor sobre Complementos > haga clic en Agregar nuevo y buscar Motor de tienda.

Después de eso simplemente haga clic en Instalar ahora > Activar. Luego pasa el cursor sobre paginas y haga clic en Todas las páginas.

Allí podrá ver todo tipo de páginas predeterminadas de Mi cuenta que WooCommerce ha creado para su tienda de comercio electrónico.

Ahora probablemente estés viendo todas las páginas predeterminadas de WooCommerce. Como solo estamos arreglando la página de mi cuenta, todo lo que tenemos que hacer ahora es colocar el cursor en Mi cuenta – Página Mi cuenta y haga clic en Editar debajo del título. 

Lo que verás es algo como esto a continuación, solo un Código corto de la página predeterminada de mi cuenta de WooCommerce.

Y esta segunda imagen es como tus clientes verán sus panel de mi cuenta cuando inician sesión en su sitio.

Tenga en cuenta que varía de un tema a otro, el mío se basa en el tema predeterminado de WordPress. Sin embargo, el contexto debería ser el mismo. 

Empezando

Pase el cursor sobre TiendaMotor > hacer clic widgets, allí encontrará su biblioteca de widgets. Tenga en cuenta que el Mi cuenta El paquete de widgets solo viene con ShopEngine Pro.

Panel de control de mi cuenta

Asegúrese de que su Panel de cuenta está prendido. Y para hacer eso ve al widgets sección > Panel de control de mi cuenta > Permitir el botón

Ahora ve a Generador de plantillas y haga clic Agregar nuevo. Allí encontrarás todo tipo de plantillas.

Seleccionar Panel de cuenta > permitir Establecer predeterminado botón > elija el diseño de su plantilla de panel, aquí puede seleccionar el Página en blanco y comienza a construir tu propio diseño. O simplemente puede seleccionar el Diseño preconstruido y personalízalo como más te guste. Después de ese clic Editar con Elementor.

¡Y tu estas listo! Todo lo que debes hacer ahora es personalizar todo lo que quieras cambiar.

Panel de cuenta El widget para Elementor le permitirá personalizar el color del texto, el peso de la fuente del texto y del enlace, el color del usuario, el peso de la fuente del usuario, el color del enlace, el color del desplazamiento del enlace, la decoración del texto del enlace, la tipografía y el espacio entre px.

Al final no olvides hacer clic Ahorrar y Avance.

Ahora pasemos al siguiente.

Detalles del pedido de mi cuenta

El widget Órdenes de cuenta está diseñado para usarse en la página Órdenes de cuenta. ShopEngine ofrece el widget Órdenes de cuenta para permitirle cambiar y personalizar el estilo de Órdenes de cuenta según su elección. 

Nuevamente asegúrese de que su Mi cuenta Orden El widget está activado. y para hacer eso TiendaMotor > hacer clic widgets > Mis pedidos de cuenta.

Ahora tengo que Generador de plantillas y haga clic Agregar nuevo. Allí encontrarás todo tipo de plantillas.

Seleccionar Tipo > permitir Establecer predeterminado botón > elija el diseño de su plantilla de panel, aquí puede seleccionar el Página en blanco y comienza a construir tu propio diseño. O simplemente puede seleccionar el Diseño de pedido de Mi cuenta prediseñado y personalízalo como más te guste. Después de ese clic Editar con Elementor.

El widget de Órdenes de cuenta para Elementor le permitirá personalizar el encabezado de la tabla, el cuerpo de la tabla, la tipografía, los detalles de la dirección, los botones de acción y el botón de paginación.

Moviendo uno…

Descargas de mi cuenta

El widget Descargas de cuenta está diseñado para usarse en cualquier plantilla de Descargas de Mi cuenta. ShopEngine ofrece el widget Descargas de cuentas para permitirle cambiar y personalizar el estilo de Descargas de cuentas según sus preferencias.

Desde el panel de administración de WordPress, vaya a ShopEngine > Widgets. En la lista de widgets de Mi cuenta, active el widget Descargas de cuenta EN. 

Ahora ve a Generador de plantillas y haga clic Agregar nuevo. Allí encontrarás todo tipo de plantillas.

Dale a tu plantilla un Nombre > Seleccionar Tipo > permitir Establecer predeterminado botón > elija el diseño de su plantilla de panel, aquí puede seleccionar el Página en blanco y comienza a construir tu propio diseño. O simplemente puede seleccionar el Diseño prediseñado de descargas de Mi cuenta y personalízalo como más te guste. Después de ese clic Editar con Elementor para ver la magia!

Ahora es el momento de su personalización. El widget de Descargas de la cuenta para Elementor le permitirá personalizar el encabezado de la tabla, el cuerpo de la tabla y el botón de descarga de la página Descargas de Mi cuenta.

¡Pasemos al siguiente!

Mi Direcciones de cuentas

Repita el mismo procedimiento navegando en el barra de widgets, Enciende el Dirección de cuenta. Verá el widget en la lista.

Ahora tengo que Generador de plantillas y haga clic Agregar nuevo. Allí encontrarás todo tipo de plantillas.

Luego seleccione Tipo > permitir Establecer predeterminado botón > elija el diseño de su plantilla de panel, aquí puede seleccionar el Página en blanco y comienza a construir tu propio diseño. O simplemente puede seleccionar el Diseño de dirección de mi cuenta prediseñado y personalízalo como más te guste. Después de ese clic Editar con Elementor para ver la magia!

Ahora verá el diseño predeterminado del widget de dirección de cuenta. También puedes elegir el 'Formulario de dirección de facturación' o 'Formulario de dirección comercial' como el diseño.

Sobre el Tipo de dirección configuración, verá el diseño predeterminado del widget de dirección de cuenta. También puedes elegir el 'Formulario de dirección de facturación' o 'Formulario de dirección comercial' como el diseño.

Para personalizar la sección Dirección de cuenta, seleccione las opciones de la barra izquierda. Hay toneladas de opciones de personalización para el widget, como Título, Etiqueta, Entrada de formulario, Fuente, Botón de formulario, etc.

¡Todo bien, ahora pasemos al siguiente!

Detalles de mi cuenta

Es posible que sus clientes quieran cambiar el detalles de la cuenta cuando lo necesitaban. El widget 'Detalles de la cuenta' de ShopEngine facilita la integración de la función.

Al principio, no olvide activar el widget Detalles de su cuenta. Pase el cursor sobre TiendaMotor > haga clic widgets > desplácese hacia abajo para Mi cuenta > Habilitar detalles de la cuenta.

Ahora vaya a su Panel de editores de Elementor y busque Detalles de la cuenta. Arrastra y suelta el widget para arreglarlo todo.

Es para alguna edición. Desde el panel de opciones de widgets, puede personalizar el diseño. Hay múltiples opciones de estilo como Estilo de etiqueta, Estilo de entrada, Forma, Botón, también tienes opciones para Fuentes globales.

¡Pasando al siguiente!

Lista de deseos de mi cuenta

para integrar el Lista de deseos opción en el panel de mi cuenta, primero debe configurar el módulo. solo ve a TiendaMotor > haga clic en Módulos > seleccionar Lista de deseos, encenderlo > hacer clic Guardar cambios.

Ahora simplemente visite la página de su tienda y verifique si se ha integrado correctamente o no.

Puede consultar la opción Lista de deseos del panel de mi cuenta inmediatamente después de habilitar el módulo. ¡Ya que se actualiza automáticamente, fácil y sencillo!

Casi hemos llegado al final de nuestro segmento Panel de control de Mi cuenta.

Mi cuenta Iniciar sesión/Registrarse

Nuevamente asegúrese de que su Cuenta de Ingreso y Registro de cuenta El widget está activado.

Ahora cree su plantilla de inicio de sesión/registro de Mi cuenta. Ir a Plantilla de constructors > Agregar nuevo > Selecciona tu Tipo de plantilla > Establecer predeterminado > Selecciona el Diseño de muestra > haga clic en Editar con Elementor.

Es para alguna personalización ahora. Desde el panel de opciones de widgets, puede personalizar el diseño. Hay múltiples opciones de estilo como Estilo de etiqueta, Estilo de entrada, Forma, Botón, también tienes opciones para Fuentes globales.

¡Felicidades, ya está todo listo! 😄

🤷🏻‍♀️ ¿Por qué debería elegir ShopEngine?

Bueno, las razones son simples, con ShopEngine obtendrás un paquete completo de Más de 62 widgets totalmente personalizables, Más de 12 módulos útiles, Más de 15 plantillas prediseñadas, ¡Eso hará que su tienda WooCommerce sea más rápida, más inteligente y mejor!

Además, también tiene Soporte comunitario útil las 24 horas, los 7 días de la semana.

Más recursos

Para comprender mejor WooCommerce, consulte nuestros blogs más recientes:

✅ Cómo personalizar la página de la tienda WooCommerce
✅ Cómo personalizar la página del producto WooCommerce
✅ 10 complementos de carrito de compras mejores y útiles para WordPress y WooCommerce 2024

Terminando

Finalmente, la personalización de la página Mi cuenta ya está completa. Espero que el artículo haya sido lo suficientemente útil como para brindarle una imagen clara de la personalización de la página Mi cuenta de WooCommerce.

La página predeterminada de mi cuenta de WooCommerce es bastante mínima, a pesar de que contiene información vital sobre sus usuarios. Como resultado, al editarlo, puedes obtener una ventaja sobre tu competencia y aprovechar al máximo tu sitio wooCommerce.

Deje un comentario a continuación si tiene alguna consulta sobre la personalización de ShopEngine o la página Mi cuenta, siempre estamos aquí para ayudarlo.

Si le gustó este artículo, seguramente encontrará más consejos y blogs útiles uniéndose a nuestro comunidad wpmet siga con nosotros Facebook Twitter. Por último, no olvides suscribirte a nuestro canal en YouTube para tutoriales útiles.