We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
Esta guía le explica paso a paso cómo crear un portal y usar cada pestaña del editor de Diseño — Páginas, Diseños, Navegación, Componentes y Marca — para armar una experiencia completa y personalizada, lista para los participantes.
El portal se abre en el editor de Diseño — un asistente de tres pasos en la parte superior: Diseño → Vista previa → Publicar.
Al abrir un portal recién creado, se le ofrecen cinco plantillas iniciales. Cada una prepopula páginas, una estructura de navegación, un diseño de barra lateral, un banner principal y los componentes relevantes, para que tenga algo concreto con lo cual trabajar de inmediato:
| Plantilla | Ideal para | Páginas prediseñadas |
|---|---|---|
| Portal de Minorista | Autoservicio de RMA, garantías y facturas | Inicio · Mis Devoluciones · Detalle de Devolución · Garantías · Detalle de Garantía · Facturas · Mi Cuenta |
| Portal Educativo | Exámenes, cuestionarios, tablas de clasificación y certificados | Panel · Exámenes Disponibles · Detalle de Examen · Mis Resultados · Detalle de Resultado · Tabla de Clasificación · Certificados |
| Portal de Soporte | Seguimiento de tickets y base de conocimiento | Panel · Mis Tickets · Detalle de Ticket · Base de Conocimiento · Artículo · Mi Cuenta |
| Portal de Investigación | Paneles de encuestas y programas de investigación | Panel · Mis Encuestas · Detalle de Encuesta · Mis Respuestas · Puntuaciones · Certificados · Perfil |
| Portal de Analítica de Encuestas | Paneles de analítica personal | Panel (con widgets de analítica) · Mis Respuestas · Puntuaciones · Perfil |
| Lienzo en Blanco | Portales totalmente personalizados creados desde cero | Una página de inicio — construya todo usted mismo |
Elija la plantilla más cercana a sus necesidades y personalícela. También puede cambiar de plantilla más adelante desde la barra de herramientas sin perder su configuración de marca.
El lado izquierdo del editor es una barra de iconos con cinco pestañas. Cada pestaña abre un panel que controla un aspecto diferente de su portal. Haga clic en el icono para cambiar de panel; el lienzo a la derecha refleja sus cambios de inmediato.
La pestaña Páginas es donde gestiona cada pantalla de su portal. Cada página tiene tres configuraciones:
invoices se convierte en panel.acme.com/invoices. Use letras minúsculas, números y guiones. Un slug que contiene un segmento con prefijo de dos puntos — como tickets/:ticketId — es una página dinámica: la misma plantilla renderiza diferentes registros según lo que haya en la URL.Una página se marca como la página de destino predeterminada — a la que se dirige a los participantes inmediatamente después de iniciar sesión. Cambie qué página es la predeterminada desde la configuración de la página.
Un slug de página como tickets/:ticketId crea una página dinámica. Cuando un componente Lista de Datos navega hacia ella, el ID del registro se coloca en la URL y el componente Detalle de Datos de esa página carga automáticamente el registro correspondiente. Este patrón de dos componentes y dos páginas ofrece a los participantes una experiencia completa de profundización en los datos para cualquier tipo de registro — sin necesidad de código.
Para agregar una página: haga clic en Agregar Página, complete el título, el slug y el nivel de acceso, y luego haga clic en Guardar. Para eliminar una página, haga clic en el icono de eliminar de su fila — actualice después cualquier elemento de navegación que enlazara a ella.
Un diseño es la envoltura visual que envuelve cada página — dónde se ubica la navegación y cómo se proporciona el área de contenido principal. Elija entre las miniaturas de diseño disponibles:
Todos los diseños son adaptables a dispositivos móviles — la navegación se ajusta a pantallas pequeñas sin trabajo adicional.
La pestaña Navegación controla el menú que ven los participantes en la barra lateral (o donde sea que el diseño activo coloque la navegación). Cree y gestione la estructura del menú:
Mantenga la navegación enfocada — de cinco a ocho elementos es el punto óptimo. Los participantes deben poder orientarse de un vistazo. Las páginas de detalle dinámicas (por ejemplo, tickets/:ticketId) no necesitan aparecer en la navegación — los participantes llegan a ellas al hacer clic en filas de una lista.
La pestaña Componentes es su biblioteca de bloques de construcción. Primero seleccione una página desde la pestaña Páginas para abrirla en el lienzo, luego cambie a la pestaña Componentes para agregar elementos a esa página.
Arrastre cualquier componente al lienzo o haga clic para insertarlo en la parte inferior de la página. Cada componente tiene un panel de configuración en el lado derecho del editor donde configura su contenido, enlaces de datos y estilo.
Un único número agregado — recuento, promedio o suma — obtenido de cualquier entidad de datos, con un filtro opcional aplicado. Alcance limitado al participante que ha iniciado sesión de forma predeterminada. Combine varias en un Contenedor de Sección para crear una barra de métricas:
Una tabla de registros paginada, ordenable y con capacidad de búsqueda. En la configuración del componente, elija:
tickets/:ticketId), habilitando la profundización completaUna vista de detalle completa para un único registro, identificado por un parámetro de URL. Coloque esto en una página dinámica (por ejemplo, tickets/:ticketId), configure el tipo de entidad y establezca el nombre del parámetro como :ticketId. Cuando un participante hace clic en una fila de una Lista de Datos que navega hasta aquí, este componente carga y muestra el registro correspondiente automáticamente.
La pestaña Marca controla cada elemento de la identidad visual de su portal — desde lo que ven los participantes antes incluso de iniciar sesión, hasta el logotipo en la barra lateral en cada página. Los cambios aquí se guardan automáticamente al perder el foco.
El logotipo de su organización, mostrado en el encabezado de la barra lateral y de forma destacada en las pantallas de inicio de sesión y registro. Para establecer o cambiar el logotipo:
Si no se ha establecido un logotipo específico del portal, el portal recurre automáticamente al logotipo de su organización. Esto significa que un portal recién creado ya luce acorde a su marca sin pasos adicionales.
El titular en negrita que los participantes leen en la pantalla de inicio de sesión antes de autenticarse — el primer texto de marca que ven en su dominio. Ejemplos:
Este campo es traducible: agregue un valor para cada idioma que admita su portal y los participantes lo verán en su propio idioma.
Un breve párrafo justo debajo del título de inicio de sesión — un lugar natural para el contexto del programa, instrucciones de participación o una breve declaración de valor. Ejemplos:
También traducible por idioma.
El nombre de host personalizado en el que se sirve este portal. Solo los dominios de panel verificados (desde Configuración → Dominios → Panel de Participantes) aparecen en el menú desplegable. Seleccionar un dominio aquí es lo que conecta su diseño con la URL en vivo que usarán los participantes.
Si aún no ha agregado un dominio, el menú desplegable muestra una opción + Agregar nuevo dominio que lo lleva directamente a la pantalla de configuración de dominio. Regrese y seleccione el dominio una vez que esté verificado.
Un identificador corto y apto para URL utilizado en el enlace de vista previa en vivo para que pueda probar el portal desde una pestaña real del navegador. Use letras minúsculas, números y guiones. Esto se establece automáticamente al crear el portal, pero puede editarse aquí si necesita un identificador más limpio.
Cada cambio en cada pestaña se guarda automáticamente en segundo plano. La barra de herramientas muestra un indicador de sincronización — “Guardado” cuando todo está almacenado, “Guardando…” brevemente durante una actualización. No se necesita ningún botón de guardado manual.
Todos los estados guardados se conservan en el panel de Historial de Versiones (icono de reloj en la barra de herramientas). Busque cualquier versión anterior y haga clic en Restaurar para revertir — útil cuando un cambio experimental no funcionó como se esperaba.
Cada campo de texto en el editor — títulos de página, etiquetas de navegación, encabezados, párrafos, etiquetas de botones, título de inicio de sesión y descripción de inicio de sesión — muestra un selector de idioma cuando su organización tiene varios idiomas habilitados. Complete cada configuración regional. El portal se renderiza en el idioma preferido del participante y recurre al idioma predeterminado para cualquier cadena no traducida.
Una vez que su diseño esté ensamblado, recorra la experiencia completa usted mismo antes de que cualquier participante pueda verla. Continúe con Vista previa y prueba de su portal.