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í lucirá tu 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 de restaurantes, sino que podrán hacerlo usando esta bonita página que has creado.
Uno de los inconvenientes que puedes experimentar en el desarrollo de tu plataforma para restaurantes es no tener una página de inicio de sesión que se vea hermosa y sea diferente de la página de inicio de sesión de WordPress.
Afortunadamente, en esta lección, te enseñaremos cómo construir tu propia página de inicio de sesión para WordPress. Esta página tendrá tu propio diseño y tu propia URL.
1- CREA UNA PÁGINA DE ACCESO PERSONALIZADA PARA TU PLATAFORMA DE WORDPRESS
Crearemos esta página de inicio de sesión personalizada en el sitio principal de la red.
Es importante crear la página de inicio de sesión personalizada en el sitio principal, porque el inicio de sesión único proporcionado por WP Ultimo no funcionará si se inicia sesión en un subsitio.
Ve al Administrador de la Red > Sitios y abre el escritorio del sitio del dashboard frontend.
Una vez que estés en el sitio principal, ve a Páginas > Añadir nueva para crear una nueva página.
Llamaremos a esta página algo así como “Inicio de sesión” y haz clic Editar con Elementor.
Una vez que estés en el editor de Elementor, tienes que ir a los Ajustes y seleccionar Elementor Canvas en Estructura de página.
La estructura básica de esta página de inicio de sesión personalizada que estamos creando contendrá el logotipo de nuestra plataforma y el formulario de acceso.
Por lo tanto, es necesario añadir dos elementos:
- Un elemento de imagen para el logo de la plataforma
- Un shortcode para mostrar el formulario de acceso.
Una vez que hayas ingresado ambos elementos, necesitas añadir este shortcode para mostrar el formulario de acceso en esta página:
[wp_frontend_admin_login_form]
Es importante mencionar que no verás el formulario de inicio de sesión porque ya has iniciado sesión.
Sin embargo, así es como se verá tu página de inicio de sesión personalizada cuando no estés conectado.
Nota – Este es un diseño muy simple, pero puedes diseñar tu página de inicio de sesión, añadiendo todos los elementos que quieras. Puedes mostrar el formulario de inicio de sesión donde quieras.
Ahora es el momento de definir esta página de inicio de sesión personalizada como la página de inicio de sesión por defecto de tu plataforma.
- Ve al Administrador de la red > Escritorio > WP Frontend Admin > Ajustes > Inicio de sesión.
- Pega la URL de tu página de inicio de sesión personalizada en el campo URL de la Página de Inicio de Sesión (opcional).
- Desplázate hacia abajo y haz clic en Guardar para aplicar los cambios.
Ahora todos tus usuarios serán enviados a esta página. Y algo genial es que en futuras sesiones te mostraremos cómo añadir un botón de inicio de sesión a la página de inicio de tu plataforma que redirigirá a los usuarios a esta página de inicio de sesión personalizada, para que tus usuarios ni siquiera se den cuenta de que hemos usado WordPress para construir esta plataforma 😉.
2- OPCIONAL – CREA UNA PÁGINA DE “ACTUALIZAR” PARA LA PLATAFORMA DE RESTAURANTES
Esto es para usuarios que están creando una plataforma con 2 o más planes de membresía de WP Ultimo.
WP Frontend Admin te permite bloquear páginas y secciones del dashboard global en el frontend basado en el plan de membresía de WP Ultimo comprado por el usuario.
Por lo tanto, necesitamos una página a la que los usuarios sean redirigidos cuando intenten ver una página que no está disponible para el plan.
Ve al Administrador de la red > Sitios y abre el sitio del dashboard.
Ahora ve a Páginas > Añadir nueva para crear una nueva página.
Añade el título de la página y haz clic en Editar con Elementor.
Una vez que estés en el Editor de Elementor, ve a los Ajustes y en la Estructura de página selecciona la opción Elementor Canvas.
En esta página, incluiremos tres elementos básicos:
- Un elemento de imagen para el logotipo de la plataforma
- Un mensaje indicando a los usuarios que necesitan un plan superior para ver la página
- Un botón que les pida actualizar el plan
El botón debe redirigir a los usuarios a la página del dashboard de los Ajustes para que puedan acceder a las opciones de membresía para ver la información de tu membresía y actualizar tu plan.
Nota – Puedes diseñar esta página como quieras, añadiendo tus propios colores, imágenes, textos, tipografías, etc. Además, puedes incluir un enlace que lleve a los usuarios de vuelta al dashboard en el frontend si no quieren actualizar el plan de membresía.
Ahora vamos a configurar la página de “Actualización” como la Página de Permisos Equivocados para que los usuarios sean redirigidos a esa página cada vez que intenten ver una página no disponible para su plan de membresía.
- Ve al Administrador de la red > Escritorio > WP Frontend Admin > Ajustes > Restricciones de acceso.
- Pega la URL de la página “Actualizar” en el campo URL de la Página de Permisos Equivocados (opcional).
- Desplázate hacia abajo y haz clic en Guardar para aplicar los cambios.
Ahora tus usuarios serán redirigidos a esta página cuando intenten ver y usar una página que no está disponible para tu plan de membresía.
En la siguiente lección te enseñaremos a crear un sitio de plantilla de WP Ultimo para que los usuarios configuren sus sitios con un solo clic clonando este sitio de plantilla.
CONSEJO
Si tienes una licencia premium de WP Frontend Admin, puedes descargar la copia de seguridad completa de nuestra plataforma de restaurantes para que puedas importarla en tu red, y todo lo que se muestra en este curso ya estará configurado para ti. Te ahorrará mucho tiempo.
Nota. Necesitas WP Ultimo 2.X.