Marketing

Cómo personalizar la página de inicio de sesión de WooCommerce (3 métodos)

¿Quiere personalizar su página de inicio de sesión de cliente de WooCommerce?

La página de inicio de sesión predeterminada de WordPress es simple y no coincide con la marca de su tienda. Personalizar su página de inicio de sesión de cliente de WooCommerce lo ayudará a brindar una mejor experiencia de usuario.

En este artículo, le mostraremos cómo crear una página de inicio de sesión de WooCommerce totalmente personalizada y también le brindaremos consejos sobre cómo personalizar su página de inicio de sesión de pago.

¿Por qué crear una página de inicio de sesión personalizada para los clientes de WooCommerce?

Cuando los clientes inician sesión en su tienda WooCommerce, ven la página de inicio de sesión estándar de WordPress con solo el logotipo y la marca de WordPress.

Un ejemplo de una pantalla de inicio de sesión estándar de WordPress

Esta página es buena si solo desea acceder al panel de control de su sitio. Sin embargo, los clientes pueden sentirse desanimados por el diseño simple y sospechar que la página de inicio de sesión no coincide con la apariencia de su sitio web.

Al personalizar las páginas de inicio de sesión de WooCommerce, puede agregar su logotipo y combinar el diseño con su sitio web. Esto hará que su sitio web se vea más profesional y brindará una mejor experiencia de usuario.

También puede agregar más campos de formulario e incluso anunciar productos específicos o mostrar ofertas especiales a los clientes.

Sin embargo, veamos cómo crear una página de inicio de sesión de cliente personalizada en WooCommerce.

Cree una página de inicio de sesión de WooCommerce totalmente personalizada con SeedProd

La mejor manera de crear una página de inicio de sesión personalizada para los clientes de WooCommerce es usar Producto de semilla. Es la mejor página de destino de WordPress y el mejor generador de temas de WordPress e increíblemente fácil de usar.

Puede usar el generador de arrastrar y soltar de SeedProd para personalizar el diseño y el diseño de una página o su tema de WordPress sin tocar una sola línea de código.

Para este tutorial usaremos Semilla Prod Pro Licencia ya que incluye la plantilla de la página de inicio de sesión y otras opciones de personalización avanzadas. también hay uno SeedProd Lite Una versión que puedes usar gratis.

Primero debe instalar y activar el complemento SeedProd. Si necesita ayuda, consulte nuestra guía de instalación del complemento de WordPress.

Después de la activación, verá Producto de semilla Pantalla de inicio. Adelante, ingrese su clave de licencia y haga clic en el botón «Verificar clave». Puede encontrar la clave de licencia en la sección de cuenta de SeedProd.

Clave de licencia de SeedProd

Luego puede crear una página de inicio de sesión personalizada para su tienda WooCommerce.

solo ve a SeedProd » Páginas de destino desde su panel de WordPress y haga clic en el botón «Configurar página de inicio de sesión».

Seleccione una página de inicio de sesión

SeedProd le mostrará varias plantillas. Puede elegir uno rápidamente y personalizarlo para que se adapte a sus necesidades. Esto ahorra tiempo y puede usar un tema existente para crear su propia página de inicio de sesión de WooCommerce.

El complemento también le permite crear una página de inicio de sesión desde cero utilizando una plantilla en blanco.

Elija una plantilla para su página de inicio de sesión de SeedProd

Después de seleccionar una plantilla, se abrirá una ventana emergente.

Continúe e ingrese un nombre para su página y haga clic en el botón «Guardar y comenzar a editar la página».

Introduce un nombre de página y una URL de página

Luego verá el generador de páginas de arrastrar y soltar.

Ahora puede personalizar la página de inicio de sesión agregando nuevos bloques a la plantilla desde el menú de la izquierda.

SeedProd proporciona bloques estándar como título, texto, imagen, botón y otros.

Personaliza tu página de inicio de sesión de WooCommerce

También puede agregar bloques avanzados como sorteo, formulario de contacto, botones para compartir en redes sociales, formulario de suscripción y más. También hay bloques de WooCommerce como Últimos productos, Productos destacados y Productos más vendidos que puede agregar a la plantilla de su página de inicio de sesión.

Con WooCommerce Blocks, puede recomendar fácilmente sus mejores productos y promocionar ofertas de descuento para obtener más conversiones.

Además, SeedProd le permite personalizar aún más cada sección de la página de inicio de sesión. Simplemente haga clic en la sección y verá más opciones como editar la etiqueta, el color, la fuente y el espaciado.

Más opciones de personalización

Cuando haya terminado de personalizar su página de inicio de sesión de WooCommerce, no olvide hacer clic en el botón «Guardar» en la parte superior.

A continuación, puede ir a la pestaña Configuración de la página y hacer clic en el botón Estado de la página para cambiarlo de Borrador a Publicar. Luego puede continuar y hacer clic en el botón ‘Guardar’ y cerrar el generador de páginas.

Configuraciones en la página de SeedProd

Desde aquí, todo lo que tiene que hacer es mostrar su nueva página de inicio de sesión personalizada a un usuario de WooCommerce. Ir SeedProd » Páginas de destino en tu panel de WordPress.

Simplemente haga clic en el interruptor debajo de Página de inicio de sesión para que esté verde y diga Activo.

Active su página de inicio de sesión de SeedProd

Una vez que esto esté habilitado, su nueva página de inicio de sesión aparecerá en su sitio web.

Puede visitar su tienda de comercio electrónico para verlo en acción.

Vista previa de la página de inicio de sesión de WooCommerce

Personaliza tu formulario de registro de clientes de WooCommerce con WPForms

¿Le gustaría crear un formulario de inicio de sesión que coincida con el tema de su sitio web y ofrezca más campos de formulario?

El formulario de inicio de sesión predeterminado de WordPress permite a los usuarios ingresar su dirección de correo electrónico o nombre de usuario junto con una contraseña. Con un formulario de registro personalizado, puede agregar más campos y permitir que los clientes inicien sesión con sus nombres o números de teléfono.

La mejor manera de hacer esto es usar WPForms. Este es el mejor generador de formularios de WordPress que es fácil de usar para los principiantes. Más de 5 millones de sitios web utilizan WPForms para crear formularios más inteligentes.

Puede crear fácilmente un formulario de inicio de sesión personalizado en WooCommerce y mostrarlo en cualquier lugar de su tienda en línea, p. B. en la barra lateral o en la página del producto.

Para este tutorial usaremos Plan WPForms Pro ya que incluye el complemento de registro de usuario. Puedes probarlos también versión gratuita de WPForms para comenzar.

Primero debe instalar y activar el complemento WPForms. Si necesita ayuda, consulte nuestra guía de instalación del complemento de WordPress.

Después de la activación, está listo para comenzar WPForms » Configuración desde el panel de WordPress e ingrese la clave de licencia. Puede encontrar la clave de licencia en la sección Cuentas de WPForms.

Ingrese su clave de licencia de WPForms

Entonces deberías ir WPForms » Complementos en el área de administración de WordPress.

A continuación, desplácese hacia abajo hasta «Complemento de registro de usuario» y luego haga clic en el botón «Instalar complemento».

Instale el complemento de registro de usuario de WPForms

Ahora puede crear un formulario de inicio de sesión personalizado para WooCommerce. solo ve a WPForms » Agregar nuevo para iniciar el generador de formularios.

En la siguiente pantalla, puede ingresar un nombre para su formulario en la parte superior. Luego busque la plantilla «Formulario de inicio de sesión de usuario» y haga clic en el botón «Usar plantilla».

Seleccione la plantilla de formulario de inicio de sesión de usuario de WPForms

Luego puede personalizar su plantilla de formulario de inicio de sesión de usuario utilizando el generador de arrastrar y soltar. WPForms hace que sea muy fácil agregar diferentes campos al formulario o reorganizar los campos existentes en la plantilla.

Por ejemplo, puede agregar campos avanzados como números de teléfono arrastrándolos y soltándolos en la plantilla desde el menú de la izquierda.

Generador de formularios WPForms

Puede personalizar aún más cada campo de formulario en la plantilla. Simplemente haga clic en cada campo y edite su etiqueta, agregue una descripción y conviértalo en un campo obligatorio en el formulario.

A continuación, puede ir a la pestaña Configuración en el generador de formularios. En la configuración general, puede cambiar el texto del botón «Enviar» a «Iniciar sesión».

Personalizar el texto del botón de WPForms

Luego puede ir a la pestaña Confirmaciones para cambiar lo que sucede cuando un usuario inicia sesión correctamente.

Simplemente haga clic en el menú desplegable Tipo de confirmación y seleccione una opción. Puede mostrar a los clientes un mensaje, ver una página o dirigirlos a una URL específica.

Por ejemplo, puede agregar su formulario de inicio de sesión de WooCommerce a la página de un producto y permitir que los clientes inicien sesión rápidamente para comprar su producto.

Edite la configuración de confirmación en WPForms

Cuando haya terminado, simplemente haga clic en el botón «Guardar» en la parte superior.

A continuación, debe agregar el formulario de registro de cliente de WooCommerce a una página de su sitio web.

Simplemente haga clic en el botón Insertar en la parte superior del generador. A continuación, puede optar por colocar el formulario en una página existente o crear uno nuevo para él.

Incrustar un formulario en la página

Primero, seleccionemos la opción «Crear nueva página».

A continuación, debe ingresar un nombre para su página y hacer clic en ¡Vamos! Botón.

Introduzca un nombre para la nueva página de inicio de sesión

Luego verá el formulario de inicio de sesión de WPForms en el área de contenido de WordPress.

Ahora puede obtener una vista previa de su formulario, publicar la nueva página y mostrar un inicio de sesión de WooCommerce personalizado para sus clientes.

Vista previa de la página de inicio de sesión de WooCommerce con WPForms

Por otro lado, también puede agregar su formulario de inicio de sesión de WooCommerce a la barra lateral de su tienda. De esta forma, su formulario aparecerá en todas las páginas de productos y permitirá a los clientes registrarse rápidamente.

solo ve a Apariencia » Widgets desde tu panel de WordPress. Luego haga clic en el botón «+» y agregue un bloque de widgets de WPForms.

A continuación, puede seleccionar su formulario de registro en el menú desplegable e introducir un título.

Agregue su formulario de registro a la barra lateral

Cuando haya terminado, haga clic en el botón «Actualizar».

Ahora puede visitar su tienda en línea para ver el formulario de registro en la barra lateral.

Formulario de registro en la vista previa de la barra lateral

Para obtener más formas de crear una página de inicio de sesión personalizada para los clientes de WooCommerce, consulte nuestra guía para crear una página de inicio de sesión personalizada de WordPress.

También puede consultar nuestro tutorial sobre cómo agregar un menú de navegación en WordPress para que pueda agregar su página de inicio de sesión de WooCommerce a la navegación de su sitio.

Bonificación: personalice la página de inicio de sesión de WooCommerce Checkout

WooCommerce permite que los visitantes que regresan inicien sesión durante la página de pago. Si desea personalizar su página de pago de WooCommerce, es mejor usar un poderoso complemento de embudo como WooFunnels.

Con WooFunnels, puede personalizar su página de pago de WooCommerce, agregar pagos en varios pasos, agregue ventas con un solo clic y más.

Puede elegir entre docenas de plantillas de pago prefabricadas que están altamente optimizadas para las conversiones y, lo mejor de todo, puede personalizarlas utilizando cualquiera de los populares creadores de páginas de WordPress.

Ejemplo de pago de WooFunnels

Tiene la capacidad de realizar pruebas A/B en diferentes embudos, páginas de ventas y ofertas de marcado.

WooFunnels le brinda un análisis detallado de cada paso de su embudo de WooCommerce.

Pruebas WooFunnel A/B para WooCommerce

También viene con un poderoso complemento de automatización de marketing, Autonami, que le permite personalizar los correos electrónicos de WooCommerce, enviar notificaciones por correo electrónico de WooCommerce para carritos abandonados, series de bienvenida y más.

Biblioteca de correo electrónico Autonami para WooCommerce

Si realmente quiere expandir la extensión de su tienda WooCommerce, entonces esta es una de las herramientas imprescindibles que recomendamos.

Esperamos que este artículo le haya ayudado a aprender cómo crear una página de inicio de sesión de cliente de WooCommerce personalizada. También puede consultar nuestra selección experta de los mejores complementos de WooCommerce y nuestra guía definitiva para arreglar WordPress que no envía correos electrónicos.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.