Cómo crear y usar un código abreviado de inicio de sesión de WooCommerce

Publicado: 2022-03-29

Muchos propietarios de tiendas WooCommerce desean crear una página de inicio de sesión en su sitio utilizando un código abreviado de inicio de sesión de WooCommerce. Sin embargo, aunque WooCommerce proporciona códigos abreviados para crear fácilmente muchas páginas diferentes, no ofrece un código abreviado directo que le permita crear una página de inicio de sesión en su tienda WooCommerce.

Y aquí es nuevamente donde un complemento viene a su rescate. Puede usar fácilmente Profile Builder, el mejor complemento de formulario de registro e inicio de sesión para crear y usar un código abreviado de inicio de sesión de WooCommerce.

La necesidad de crear un código abreviado de inicio de sesión de WooCommerce

Al igual que los códigos abreviados para otras páginas, un código abreviado de inicio de sesión de WooCommerce le permitiría crear una página de inicio de sesión de WooCommerce.

Aquí hay algunas razones importantes para necesitar un complemento confiable para crear un código abreviado de inicio de sesión de WooCommerce:

  • Permitir a los usuarios iniciar sesión en su cuenta donde pueden encontrar toda su información en un solo lugar;
  • Crear un área restringida a la que solo puedan acceder los usuarios registrados;
  • Ofrecer una funcionalidad de inicio de sesión es crucial para construir una base de clientes leales en su tienda;
  • Hacer que el viaje de compra sea mucho más fácil, ya que los usuarios podrán iniciar sesión antes de pagar para que no tengan que completar todos los detalles de su compra nuevamente cuando regresen;
  • También aumentaría la tasa de conversión en su tienda, ya que los usuarios podrían agregar productos al carrito y pagar más tarde cuando vuelvan a iniciar sesión en su cuenta.

Hay muchas otras razones también, pero estamos seguros de que ya te haces una idea. Entonces, permítanme pasar a discutir cómo puede crear un código abreviado de formulario de inicio de sesión de WooCommerce usando Profile Builder.

Creador de perfiles Pro

Crear inicio de sesión, registro y otras páginas importantes totalmente personalizadas en su tienda WooCommerce es muy fácil con Profile Builder.

Obtener el complemento

O descarga la versión GRATIS

Creación de un código abreviado de página de inicio de sesión de WooCommerce

Crear un código abreviado de formulario de inicio de sesión de WooCommerce usando Profile Builder es muy fácil. Solo necesita seguir unos sencillos pasos para crear un formulario de inicio de sesión totalmente personalizable y luego colocarlo donde desee en su tienda WooCommerce.

Deberá comprar una de las versiones Pro de Profile Builder para crear un código abreviado de inicio de sesión de WooCommerce que le permita crear formularios de inicio de sesión de WooCommerce personalizables. Las versiones Pro del complemento vienen con el complemento WooCommerce Sync , que agrega automáticamente los campos de facturación y envío del cliente a sus formularios de registro y edición de perfil.

Profile Builder Pro le permite crear formularios de registro, inicio de sesión y otros formularios relacionados con el usuario totalmente personalizables en su sitio web de WooCommerce, así como administrar otras áreas de administración de usuarios sin problemas. Es la mejor inversión que puede hacer en la gestión de usuarios de su sitio web.

Así que adelante y cómpralo aquí. Luego inicie sesión en su cuenta de Cozmoslabs y descargue el archivo del complemento para Profile Builder Pro como puede ver en la imagen a continuación.

Ahora haz clic en la otra opción, Addons Download . Descubrirá que la primera opción en sí es Pb Add On WooCommerce , que es lo que necesita descargar para su tienda WooCommerce.

Descargar el complemento WooCommerce Sync

Ahora vaya a su tablero de WordPress y haga clic en la opción Agregar nuevo en Complementos . A continuación, haga clic en el botón Cargar complemento en la parte superior y suelte o busque y cargue el archivo del complemento que acaba de descargar.

Así es como se carga un complemento

Por último, haz clic en el botón Instalar ahora y, una vez instalado, en el botón Activar . Ahora Profile Builder Pro está funcionando en su sitio.

Repita el mismo proceso para instalar también el complemento WooCommerce Sync.

Si bien Profile Builder crea automáticamente el registro, el inicio de sesión y otras páginas relacionadas con el usuario, también obtiene códigos abreviados para cada una de esas páginas.

El código abreviado de inicio de sesión de WooCommerce es [wppb-login] . Puede usar este código abreviado para crear una página de inicio de sesión en su sitio de WooCommerce en cualquier lugar que desee. La página se verá algo como esto:

Vista previa del código abreviado de la página de inicio de sesión de WooCommerce

Creación de otros códigos cortos y páginas importantes de WooCommerce

Crear una página de inicio de sesión con el código abreviado del formulario de inicio de sesión de WooCommerce es un paso importante para crear una base de usuarios sólida para su tienda. Sin embargo, hay mucho más que puede hacer para brindar la mejor y más fluida experiencia de usuario en su tienda WooCommerce.

Código corto de registro de WooCommerce

No puede tener una página de inicio de sesión sin tener una página de registro en su tienda WooCommerce que permita a los visitantes registrarse en su sitio. Entonces, si aún no tiene una página de registro, necesitará un código abreviado de registro de inicio de sesión de WooCommerce para crear una.

En otras palabras, necesitará códigos abreviados para crear una página de inicio de sesión y de registro en su sitio de WooCommerce.

Por supuesto, Profile Builder también le permite crear fácilmente una página de registro, y el código abreviado de registro de WooCommerce es [wppb-register] .

No solo puede usar el código abreviado de registro de inicio de sesión de WooCommerce para crear páginas de inicio de sesión y registro, sino también personalizar la página de registro de la forma que desee.

Personalización de su página de registro de WooCommerce

También puede personalizar fácilmente su página de registro de WooCommerce usando Profile Builder. Haga clic en la opción Campos de formulario en Profile Builder y encontrará todos los campos utilizados en su formulario de inicio de sesión.

Campos de formulario con Profile Builder

Si bien todos los campos se pueden editar, algunos campos permanentes no se pueden eliminar, como el Nombre de usuario o la Contraseña .

También puede agregar nuevos campos seleccionando una opción de campo de la amplia gama de opciones de entrada y campos estándar disponibles, ingresando los detalles requeridos, personalizando el campo y luego haciendo clic en la opción Agregar campo .

Adición de campos personalizados a los formularios

Y como explicamos anteriormente, los campos de facturación y envío se agregarán a su formulario de registro de forma predeterminada cuando descargue y active el complemento WooCommerce Sync. De esta manera, obtiene una página de registro de WooCommerce estándar perfecta desde el primer momento que luego puede personalizar según sus necesidades.

Código abreviado de recuperación de contraseña de WooCommerce

Ahora, debido a que olvidar las contraseñas está en nuestra naturaleza humana, recomendamos siempre crear una forma para que sus usuarios recuperen sus contraseñas en caso de que lo necesiten.

Para crear una página de recuperación de contraseña en su tienda WooCommerce, todo lo que tiene que hacer es pegar el [wppb-recover-password] para agregar un formulario de recuperación de contraseña de interfaz en una página en blanco.

El siguiente paso es brindarles a los visitantes un fácil acceso a esta página, directamente desde el formulario de inicio de sesión. Para esto, deberá usar el argumento lostpassword_url dentro de su código abreviado de inicio de sesión inicial, así:

[wppb-login lostpassword_url="/recover-password"]

Tenga en cuenta que la primera parte del código sigue siendo el código abreviado de inicio de sesión, seguido del argumento de contraseña perdida y luego la URL de su página de recuperación de contraseña.

Y dado que estamos en el tema, otro consejo profesional para su página de inicio de sesión de WooCommerce sería incluir también una forma para que sus nuevos usuarios accedan a la página de registro directamente desde la página de inicio de sesión. Para esto, puede usar el argumento register_url . Ahora, su código abreviado de inicio de sesión de WooCommerce debería verse así:

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

Pegue esto en su página de inicio de sesión de WooCommerce y ahora sus visitantes no solo podrán iniciar sesión desde aquí, sino también recuperar sus contraseñas o registrar una nueva cuenta.

Página de inicio de sesión de WooCommerce con recuperación de contraseña y enlaces de registro

Inicio de sesión social de WooCommerce

Hacer que los usuarios inicien sesión con sus credenciales implica cierto grado de fricción. Entonces, aquí es donde entra en juego el inicio de sesión social.

Profile Builder Pro también viene con la funcionalidad que lo ayuda a implementar el inicio de sesión social en su tienda WooCommerce. Luego, los usuarios pueden iniciar sesión en su cuenta usando solo uno de sus perfiles de redes sociales, incluidos Facebook, Google, Twitter y LinkedIn.

Página de inicio de sesión de WooCommerce con inicio de sesión social

Debe descargar y activar el complemento avanzado Social Connect al igual que WooCommerce Sync. Puede encontrar todos los pasos que debe seguir en nuestra publicación sobre el inicio de sesión social de WooCommerce.

Básicamente, solo necesita obtener las claves API de sus cuentas en estas plataformas sociales y colocarlas en el complemento Social Connect. También tenemos documentación detallada sobre cómo recuperar esta información que puede encontrar a través de la publicación que vinculamos anteriormente.

Implementar el inicio de sesión social en su tienda WooCommerce es una excelente manera de aumentar las conversiones, mejorar la experiencia del usuario y garantizar un mejor nivel de retención de clientes.

Código abreviado de cierre de sesión de WooCommerce

Nuevamente, si tiene una página de registro e inicio de sesión en su sitio de WooCommerce, también es necesario tener una página de cierre de sesión. Profile Builder viene preinstalado con los códigos abreviados de inicio de sesión y cierre de sesión de WooCommerce, por lo que todo lo que necesita hacer es tomar el código abreviado de cierre de sesión y ponerlo en una página.

El código abreviado de cierre de sesión de WooCommerce es [wppb-logout] . Una vez que cree una página con este código abreviado, los usuarios que hayan iniciado sesión en su sitio de WooCommerce verán un enlace para cerrar sesión en la interfaz.

Cierre de sesión de WooCommerce

Otras páginas importantes

Profile Builder es un complemento completo de administración de usuarios. Además de las páginas de inicio de sesión, registro y cierre de sesión, también le permite crear una página de perfil de edición de usuario y una página de contenido restringido, todo usando códigos abreviados prefabricados que se pueden encontrar aquí.

Suponiendo que va a obtener la versión Pro de Profile Builder para obtener un código abreviado de inicio de sesión de WooCommerce personalizado, también obtendrá un código abreviado de directorio de usuarios que puede usar para crear un directorio de miembros funcional y personalizado.

Redirigir a los usuarios después de iniciar sesión

Una vez que tenga la funcionalidad de inicio de sesión en funcionamiento en su sitio utilizando el código abreviado de la página de inicio de sesión de WooCommerce de Profile Builder, debe pensar un poco en dónde aterrizar los usuarios después del inicio de sesión.

Después de todo, simplemente dejar que lleguen a su página de 'mi cuenta' no le serviría de nada. Debe asegurarse de que sean redirigidos a páginas enfocadas en productos en su tienda que pueden ayudarlo a aumentar las ventas.

Y Profile Builder también ofrece esta funcionalidad. Debe activar el complemento Custom Redirects pro desde el menú Profile Builder en su panel de WordPress.

Esto le permitiría redirigir a los usuarios según el nombre de usuario o la identificación del usuario, la función del usuario, así como la configuración de redireccionamientos globales para redirigir a todos los usuarios en general. Puede seguir nuestro tutorial sobre cómo redirigir a los usuarios después de iniciar sesión en WooCommerce.

Redirigir a los usuarios a las páginas correctas lo ayudará a aprovechar al máximo la implementación de la funcionalidad de inicio de sesión en su sitio utilizando el código abreviado de inicio de sesión de WooCommerce de Profile Builder.

Cree un código abreviado de inicio de sesión de WooCommerce hoy

Profile Builder Pro te ayudará a llenar muchos vacíos que WooCommerce deja por defecto. Puede hacer mucho más que simplemente crear un código abreviado de inicio de sesión de WooCommerce para crear una página de inicio de sesión para su tienda.

También puede crear otras páginas importantes, incluida una página de registro totalmente personalizable utilizando el código abreviado de registro de inicio de sesión de WooCommerce.

Del mismo modo, puede restringir las categorías premium en su tienda WooCommerce, redirigir a los usuarios después de iniciar sesión y registrarse, permitir que los usuarios administren su perfil, crear un directorio de miembros, administrar las funciones de los usuarios y controlar todos los aspectos de la administración de usuarios en su sitio.

Creador de perfiles Pro

Profile Builder Pro es el mejor complemento para administrar todas las áreas de administración de usuarios de su tienda WooCommerce, además de ayudarlo a crear páginas funcionales de inicio de sesión y registro.

Obtener el complemento

O descarga la versión GRATIS

¿Todavía tienes preguntas sobre cómo crear un código abreviado de inicio de sesión de WooCommerce y usarlo en tu tienda? ¡Pregúntanos en los comentarios!