wp-frontend-admin-logo-10px
  • Precios
  • Integraciones
  • Diseños para dashboard
  • Funciones
    • Crear Entradas y artículos desde el Frontend
    • Gestionar ajustes y configuraciones desde el frontend
    • Crea y edita usuarios y perfiles en el front end
    • Crea cupones para WooCommerce en el front end
    • Crea y edita productos en el front end
    • Instalar temas y plantillas desde el front end
    • Instalar actualizaciones de plugins y temas en el front end
    • Instalar plugins en el front end
    • Gestionar menús de navegación en el front end
    • Gestionar comentarios de usuarios desde el frontend
    • Gestionar widgets
    • Gestionar ajustes de WooCommerce desde el front end
    • Ver y despachar pedidos de WooCommerce desde el front end
    • Ver reportes de ventas de WooCommerce desde el front end
  • Cursos Gratuitos
  • Ayuda
    • Preguntas Frecuentes
    • Tutoriales
    • Contacto
    • Curso gratuito: Cómo crear una plataforma como Shopify
  • Alternar búsqueda de la web
Menú Cerrar
  • Precios
  • Integraciones
  • Diseños para dashboard
  • Funciones
    • Crear Entradas y artículos desde el Frontend
    • Gestionar ajustes y configuraciones desde el frontend
    • Crea y edita usuarios y perfiles en el front end
    • Crea cupones para WooCommerce en el front end
    • Crea y edita productos en el front end
    • Instalar temas y plantillas desde el front end
    • Instalar actualizaciones de plugins y temas en el front end
    • Instalar plugins en el front end
    • Gestionar menús de navegación en el front end
    • Gestionar comentarios de usuarios desde el frontend
    • Gestionar widgets
    • Gestionar ajustes de WooCommerce desde el front end
    • Ver y despachar pedidos de WooCommerce desde el front end
    • Ver reportes de ventas de WooCommerce desde el front end
  • Cursos Gratuitos
  • Ayuda
    • Preguntas Frecuentes
    • Tutoriales
    • Contacto
    • Curso gratuito: Cómo crear una plataforma como Shopify
  • Alternar búsqueda de la web

Crear una Página de Inicio de Sesión con Elementor

  1. Inicio>
  2. Cómo Crear una Plataforma para Vender Tiendas en Línea>
  3. Crear una Página de Inicio de Sesión con Elementor

Curso actual

Cómo crear una plataforma como Shopify para vender tiendas

Secciones del curso

  • Instalar WordPress Multisite
  • Plugins y temas necesarios
  • Crear planes en WP Ultimo
  • Crear cupones en WP Ultimo
  • Crear una Página de Inicio con Elementor
  • Crear página de precios con Elementor
  • Crear Dashboard Frontend con WP Ultimo y WP Multisite
  • Crear una Página de Inicio de Sesión con Elementor
  • Configurar el Diseño del Dashboard / Escritorio Frontend
  • Configurar los Informes de Ventas de WooCommerce en el Dashboard
  • Configura los Productos WooCommerce en el frontend
  • Configura las Categorías, Atributos y Etiquetas en el Dashboard Frontend
  • Configura los cupones, pedidos y clientes en el dashboard frontend
  • Configura los Usuarios y los Ajustes de WordPress y WooCommerce en el Dashboard
  • Configura las Páginas, Temas y Menús en el Dashboard Frontend
  • Configura el Perfil de Usuario de WordPress en el Dashboard Frontend
  • Configura la Página de Membresía de WP Ultimo en el Dashboard Frontend
  • Agregar Botones “Ver mi sitio” y “Cerrar sesión” al Menú del Dashboard
  • Agregar Iconos a los Elementos del Menú del Dashboard
  • Restringir Funciones del Dashboard en Base al Plan de WP Ultimo
  • Mostrar Varias Secciones de WP-Admin en el Dashboard
  • Resumen del curso

Esto es parte del curso: Cómo Crear una Plataforma para Vender Tiendas en Línea

Crear Dashboard Frontend con WP Ultimo y WP Multisite
Configurar el Diseño del Dashboard / Escritorio Frontend

WP Ultimo 2
WP Ultimo 1
WP Ultimo 2

En esta lección, te mostraremos cómo crear tu propia página de inicio de sesión para tu red multisitio. Esto es genial porque tus usuarios no tendrán que usar la página de acceso normal de WordPress. En su lugar, podrás diseñar una hermosa página de inicio de sesión con Elementor.

Sigue estos pasos para crear tu página personalizada de inicio de sesión:

1- AÑADE UNA NUEVA PÁGINA A TU SITIO PRINCIPAL

La versión 2.x de WP Ultimo te permite crear páginas de registro e inicio de sesión por defecto. Son páginas normales con la apariencia del tema que tengas instalado en tu sitio principal.

Si no quieres crear una nueva página, puedes editar la página creada por defecto al momento de instalar WP Ultimo 2. Esto depende de la configuración que hayas creado.

Si no has creado tu página de sesión por defecto, puedes crear una nueva.

Abre el escritorio del sitio principal de tu red y ve a Páginas > Añadir nueva.

Ahora debes hacer clic en Editar con Elementor.

2- AÑADE EL CÓDIGO CORTO DE WP ULTIMO A TU PÁGINA

Ya en Elementor, puedes cambiar la estructura de la página a Elementor Canvas. Así podrás editar tu página desde cero, añadiendo tu logo, fondo, textos, columnas, y cualquier otro elemento. Puedes diseñar la página como quieras.

El elemento esencial de esta página es el shortcode de inicio de sesión de WP Ultimo:

[wu_login_form]

Necesitas pegar este código corto donde quieras desplegar el formulario de inicio de sesión.

Una vez edites la página, debes publicarla.

3- SELECCIONA LA NUEVA PÁGINA DE INICIO DE SESIÓN EN LOS AJUSTES DE WP ULTIMO

Para seleccionar esta página como página de inicio de sesión en los ajustes de WP Ultimo, debes ir a Administrador de la Red > WP Ultimo > Ajustes > Inicio de Sesión y Registro.

Así es como lucirá la página de inicio de sesión al guardar los cambios:

Ahora tus usuarios no tendrán que usar la página normal de WordPress para iniciar sesión en tu plataforma multisitio, sino que podrán hacerlo usando esta bonita página que has creado.

WP Ultimo 1

Veamos cómo crear una página de inicio de sesión con Elementor. Esta página será completamente diferente de la página de inicio de sesión de WordPress y contendrá tu logotipo, tu fondo y tus colores preferidos.

En primer lugar, tenemos que abrir el wp-admin del dashboard.

Ir a Administrador de la Red > Sitio y haz clic en Escritorio en la lista de sitios.

crear página de login con elementor

Ahora solo tienes que seguir estos pasos:

1- CREA UNA NUEVA PÁGINA

Una vez que estés en el wp-admin del sitio del dashboard, ve a Páginas > Añadir nueva.

crear página de login con elementor

A continuación, ingresa el título de la página y haz clic en Editar con Elementor.

crear página de login con elementor

2- EDITA LA PÁGINA DE INICIO DE SESIÓN CON ELEMENTOR

Ahora que nuestra página ha sido creada, necesitamos editarla para añadir y configurar todos los elementos que necesitamos para la página de inicio de sesión.

Básicamente, tenemos que personalizar el fondo de la página, el título, poner nuestro logotipo y nuestro formulario de acceso.

Nota. Puedes usar cualquier diseño que quieras.

  • Haz clic en Ajustes.
  • Selecciona Elementor Canvas en Estructura de página.

crear página de login con elementor

  • Haz clic en Añadir plantilla para añadir una plantilla de dos columnas para tu página de inicio de sesión.

crear página de login con elementor

  • Ve a la pestaña Bloques y busca Services.

crear página de login con elementor

  • Desliza hacia abajo y selecciona la plantilla del bloque Image Service.

crear página de login con elementor

Como solo estamos usando este elemento como plantilla, necesitamos personalizarlo para poner nuestro contenido en él, así que necesitamos personalizar el texto y cambiar los elementos de la columna.

  • Cambia el título de la plantilla del bloque por Inicio de sesión.
  • Haz clic con el botón derecho en el botón de configuración de la columna izquierda.
  • Haz clic en Borrar para eliminar el cuadro de imagen de esta columna.

crear página de login con elementor

  • Haz clic con el botón derecho en el botón de configuración de la columna derecha.
  • Haz clic en Borrar para eliminar el cuadro de imagen de esta columna.

crear página de login con elementor

Una vez que hayas eliminado los cuadros de imagen, tienes que usar la función de arrastrar y soltar de Elementor para añadir nuevos elementos.

Usa el panel izquierdo para buscar los siguientes elementos y añadirlos a la página:

  • Imagen: Añade tu logo en la columna de la izquierda.
  • Shortcode: Añade el siguiente shortcode en la columna de la derecha: [wp_frontend_admin_login_form]. Este shortcode viene incluido con WP Frontend Admin y te permite mostrar el formulario de inicio de sesión.

crear página de login con elementor

Después de eso, abre la configuración de la sección principal. Vamos a cambiar el fondo de la sección.

crear página de login con elementor

Para cambiar el fondo de la sección:

  • Ir a Estilo en la configuración de la sección.
  • Haz clic en Elegir imagen y selecciona la imagen de fondo de la biblioteca de medios o de tu ordenador.

crear página de login con elementor

Ahora vamos a cambiar el color de la cabecera de la página:

  • Haz clic en Editar Cabecera.
  • Ir a Estilo > Cabecera > Color del texto, y selecciona el color que quieras añadir al texto.

crear página de login con elementor

Después de eso, podemos establecer un fondo suave para nuestro logotipo:

  • Haz clic en Editar columna.
  • Ir a Estilo > Fondo > Color, y selecciona el color y la transparencia que quieras.

crear página de login con elementor

A continuación, vamos a añadir un fondo blanco a nuestro formulario de acceso:

  • Haz clic en Editar columna.
  • Ir a Estilo > Fondo > Color, y selecciona color blanco.

Una vez que hayas terminado con eso, puedes hacer clic en Publicar y la página de inicio de sesión se publicará.

crear página de login con elementor

Una vez que hemos publicado nuestra página de inicio de sesión, podemos verla desde otro navegador en el que no hayamos iniciado sesión. Debería tener el mismo aspecto que hemos configurado.

Inicio de sesión

Ahora tienes que añadir un botón de “Iniciar sesión” en la página de inicio.

  1. Ir al wp-admin del sitio principal de la red.
  2. Ir a Páginas.
  3. Edita la página de Inicio con Elementor (la que creamos inicialmente).
  4. Editar el botón de “Inicio de Sesión”.
  5. Pega la URL de la página de Login o Inicio de Sesión que acabas de crear en el campo Enlace.
  6. Haz clic en Actualizar para guardar los cambios.

crear página de login con elementor

TU PÁGINA DE ACCESO ESTÁ LISTA.

Después de estos sencillos pasos, cada vez que los usuarios hagan clic en el botón de inicio de sesión, serán enviados a la nueva página de inicio de sesión en el sitio del dashboard y permanecerán en el dashboard frontend.

Esto es parte del curso: Cómo Crear una Plataforma para Vender Tiendas en Línea

Crear Dashboard Frontend con WP Ultimo y WP Multisite
Configurar el Diseño del Dashboard / Escritorio Frontend

Ayuda

  • Tutoriales
  • Soporte técnico
  • Solicitar Reembolso
  • Mis Descargas
  • Desactivar Licencia
  • Curso gratuito: Cómo crear una plataforma como Shopify

Producto

  • Precios
  • Integraciones
  • Funciones
  • Registro de actualizaciones
  • Sugerir nuevas funciones
  • Testimoniales y Reseñas

Empresa

  • Empresa
  • Contacto
  • Servicios de Desarrollo y Programación
  • Programa de Afiliados
  • Créditos
  • Mapa del Sitio
  • Cookies

Tutoriales recientes

  • WordPress Amelia – Cómo Mostrar el Calendario en el Frontend
  • WP Amelia – Permitir a los Usuarios Crear Servicios en el Frontend
  • Amelia – Permitir que los Usuarios Creen Reservas en el Frontend
  • WordPress Amelia – Ver Página de Administración en el Frontend
  • WordPress Amelia – Cómo Crear Eventos en el Frontend
  • Licencia
  • Términos y Condiciones
  • Cookies
  • Política de Privacidad
Copyright © 2018 - 2025. VegaCorp S.A. de C.V. Todos los derechos reservados. WP Frontend Admin® es una marca registrada.
Gestionar el consentimiento de las cookies
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos. El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
Administrar opciones Gestionar los servicios Gestionar {vendor_count} proveedores Leer más sobre estos propósitos
Ver preferencias
{title} {title} {title}