En esta lección añadiremos la primera página del dashboard.

Esta página mostrará un código QR que redirigirá automáticamente a los usuarios a su propio sitio web.

Cada vez que tus usuarios creen un sitio, tendrán un código QR único que podrán usar para que los visitantes del restaurante lo escaneen y sean enviados a la página del menú de comida del restaurante.

¿Cómo enviará el código QR automáticamente a los usuarios al sitio del restaurante sin necesidad de configuración manual para cada sitio?

Usaremos un shortcode que redirija automáticamente a la página de inicio del sitio al escanearlo. Esto nos evitará tener que editar manualmente el shortcode en cada sitio, y ahorrará pasos a los administradores del restaurante.

Paso 1 – En el dashboard de tu sitio, ve a Páginas > Añadir nueva.

Paso 2 – Ingresa el título de la página y haz clic en Editar con Elementor.

Paso 3 – Una vez que estés en el editor en vivo de Elementor, cambia la plantilla de la página a Elementor Canvas.

Paso 4 – Haz clic en el botón Añadir plantilla para importar la plantilla del dashboard en el frontend.

Paso 5 – Ve a Mis plantillas, identifica la plantilla que quieres importar y haz clic en Insertar.

Paso 6 – Reemplaza el texto “Aquí añade el contenido de la página.” Con algo como, “Escanea el código QR de abajo para ver el sitio web de tu restaurante”.

Paso 7 – Agrega el elemento del Kaya QR Code debajo del texto que acabas de editar.

Solo tiene que hacer clic en el botón Elementos, buscar “QR”, y arrastrar el elemento a la posición que quieras.

Paso 8 – Configura el código QR automático usando estos valores:

• Contenido a codificar en el código QR: Ingresa este shortcode:

[wp_frontend_admin_my_site_url]

Alineación de la imagen: Centro
URL de destino: [wp_frontend_admin_my_site_url]
Marca la casilla Abrir en una nueva ventana.

Una vez que hayas establecido estos valores, haz clic en Vista previa o Publicar.

Este es el aspecto que tendrá la página, y el código enviará a los usuarios al sitio web del restaurante.

Paso 9 – Añade esta página al menú del dashboard.

Para ello, ve a Apariencia > Menús en tu sitio de dashboard.

En Páginas, marca la página del Código QR y haz clic en Añadir al Menú.

Finalmente, haz clic en Guardar Menú.

Una vez que guardes los cambios en el menú, este es el aspecto que tendrá la página del Código QR en el dashboard:

Nota – Los iconos de los menús se añadirán en futuras sesiones una vez que hayamos completado las páginas del dashboard en el frontend.