We use cookies
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.
Un portal de participantes es un sitio web tuyo: páginas que escribes, un menú que dispones, tu logotipo, tu dominio — con la parte con sesión iniciada conectada a los datos de tu propia organización. Esta guía recorre el paso Diseño de principio a fin: la creación del portal, la elección de un punto de partida y después cada uno de los cuatro paneles de la izquierda — Páginas, Diseños, Components y Branding.
El listado del que vienes es el hogar de todos los portales que gestionas: nombre, Estado, Dominio del panel, Versión y Actualizado. Puedes tener varios portales en paralelo, cada uno en su propio dominio.
Un portal se sirve en un dominio personalizado de tu propiedad y verificado. Puedes construir y previsualizar sin uno, pero publicar requiere un dominio activo asignado. Consulta Configuración de un dominio personalizado para su Portal de Participantes.
Un portal recién creado abre el selector de plantillas. Hay dos formas de entrar.
(construir con IA) — describe el portal con tus propias palabras: su propósito, las páginas públicas y privadas que necesitas y el contenido, y la IA construye un portal completo de varias páginas que después puedes refinar. Las indicaciones más útiles nombran la división de forma explícita, p. ej. «páginas públicas para servicios, nuestro equipo y reservas en línea; y un área privada de paciente para ver citas y seguir el progreso de la recuperación». Debajo del cuadro hay fichas con indicaciones de inicio; Generate with AI (generar con IA) la ejecuta.
Seis puntos de partida, filtrables por categoría: Retailer Portal, Education Portal, Support Portal, Research Portal, Survey Analytics Portal y Blank Canvas. Cada uno siembra páginas, una disposición con un menú funcional y componentes conectados a datos razonables. Puedes reabrir el selector en cualquier momento desde Plantillas en el panel Páginas, o Cambiar plantilla en la barra de herramientas.
El editor es un asistente de tres pasos — Diseño, Vista previa, Publicar. Cuatro pestañas con iconos recorren la izquierda del paso Diseño; el lienzo renderiza la página que estás editando; un panel de ajustes se abre a la derecha cuando seleccionas un componente. Desktop y Mobile (escritorio y móvil), encima del lienzo, cambian su anchura.
El panel Páginas enumera todas las páginas con su chip de disposición, su título y su slug. Nuevo abre el cajón de la página; los iconos de la fila ocultan, editan, clonan y eliminan.
| Campo | Qué hace |
|---|---|
| Page Title | (título de la página) El nombre de la página — pestaña del navegador, menús y título de búsqueda por defecto. Traducible. |
| Slug | La ruta de la URL; letras minúsculas, números, /, _, - y :. Un slug con un segmento con dos puntos — la pista muestra orders/:orderId — es de tipo dinámico : una sola definición que renderiza un registro distinto por URL. |
| Disposición | Qué disposición envuelve esta página. Ninguno la renderiza sin marco. |
| Who can see this page | (quién puede ver esta página) Los tres niveles de acceso, más abajo. |
| Landing page | (página de inicio) Hace que esta página responda en /. Ver más abajo. |
| Search appearance | (apariencia en búsquedas) Solo en páginas no privadas: título de búsqueda, descripción de búsqueda, imagen para compartir y un Hide from search engines (ocultar de los buscadores). |
Tres tarjetas. La elección decide si la página se expone o no a internet.
«Only signed-in participants. Not reachable by search engines.» (solo participantes con sesión iniciada; no accesible para los buscadores)
«Anyone on the internet, no sign-in. Server-rendered so search engines can index it.» (cualquiera en internet, sin sesión; renderizada en el servidor para que los buscadores la indexen)
«Anyone can read it; signed-in participants see more. Appears in both menus.» (cualquiera puede leerla; quien inicia sesión ve más; aparece en ambos menús)
Hay una página de inicio por clase, no una por portal. En una página privada la casilla dice Default page after sign-in; en una pública, Default public page. Marcar una sustituye a la anterior solo dentro de esa clase — así que una página de inicio de marketing y un panel de participante pueden poseer ambos /, cada uno para su propio público.
Una disposición es el marco alrededor de una página — cabecera o barra lateral, pie de página y un único punto de inyección Page Content donde aterrizan los componentes de la página. Nuevo pide un Layout Name y una Layout Structure:
La mayoría de los portales acaban con dos — una pública con barra superior y una privada con barra lateral. Las páginas eligen su disposición en el cajón de la página, así que mover una página entre ellas lleva un momento.
Ya no existe una pestaña de navegación. El menú es un contenedor nav que sueltas en una disposición, y cada entrada es un enlace real y seleccionable dentro de él. Los portales antiguos se migraron automáticamente — abre la disposición y tu menú está ahí.
Selecciona el contenedor nav y sus ajustes ofrecen dos controles:
| Control | Valores | Efecto |
|---|---|---|
| Position | Normal · Sticky · Fixed | «Sticky mantiene la barra visible al desplazarse.» |
| On mobile | Stack · Menu button · Scroll sideways (apilar · botón de menú · desplazar de lado) | «Stack y Scroll sideways mantienen este menú en los teléfonos con sus estilos móviles. Menu button entrega los teléfonos al armazón de aplicación (barra superior + cajón + pestañas inferiores) y oculta este menú.» |
En una página que pueden leer las visitas anónimas, el servidor quita cualquier enlace de menú que apunte a una página privada — la etiqueta de una página privada no debe imprimirse en una página rastreable. El lienzo te lo avisa antes de que ocurra: ese enlace se renderiza atenuado con un pequeño candado y con la ayuda emergente «Hidden for visitors who aren’t signed in: this menu is on a public page, and links to private pages are removed there. Link to Sign In or a public page.» (oculto para visitantes sin sesión iniciada: este menú está en una página pública y allí se eliminan los enlaces a páginas privadas; enlaza a Sign In o a una página pública) El editor de enlaces muestra el mismo aviso con un botón Use Sign In de un solo clic.
En el editor de enlaces elige Internal page y selecciona Sign In — se ofrece junto a tus páginas, y allí las páginas privadas llevan un candado de color de advertencia. Es la única ruta de la aplicación a la que puede apuntar un menú público: un enlace «Register» funciona en el diseñador y en la vista previa, pero se elimina en la página pública publicada, y la pantalla de inicio de sesión lleva de todos modos su propio enlace de registro.
El panel Components es la paleta. Arrastra un bloque al lienzo o haz clic para añadirlo; todo lo que sueltas obtiene un panel de ajustes a la derecha. Junto a los bloques generales de texto, medios y diseño — encabezados, párrafos, imágenes, botones, enlaces, secciones, filas, el contenedor nav , separadores y espaciadores — los portales añaden su propio grupo:
El punto de inyección donde se renderizan los componentes de una página. Cada disposición necesita exactamente uno.
Un único número agregado — recuento, media o suma sobre una entidad, con un filtro opcional. Tres en una sección forman una fila de métricas.
Una tabla paginada con columnas, orden y acciones de fila configurables. Su control Heading fija H2, H3 u oculto — el H1 es de la página.
Un registro completo, leído de un parámetro de la URL.
Los envíos del propio participante. Interruptores para métricas de resumen, un filtro de encuesta y las columnas de encuesta, puntuación, apto/no apto y estado.
Una tarjeta de resumen con las mejores puntuaciones y las medias, y un historial de intentos anteriores.
Los datos del participante, editables en el sitio. Teléfono, biografía y tipo de panel opcionales.
Tus widgets de analítica en el contexto propio del participante.
Las encuestas asignadas a este participante, como cuadrícula de fichas o como tabla, con botones editables de inicio, repetición y resultados.
Entradas publicadas como cuadrícula de fichas o lista, con orden, tamaño de página, estilo de paginación y un Content Type.
Una entrada completa: portada, título, cuerpo, fecha y etiquetas, con un enlace rastreable de vuelta al listado.
El patrón lista más detalle son dos páginas y dos componentes. Crea una página con un slug dinámico como orders/:orderId, suelta en ella un Data Detail , y apunta a ese slug una acción de fila de Data List . El id del registro de la fila llega a la URL y el componente de detalle lo lee.
Los blogs funcionan igual, pero por slug. Ajusta el Post Detail Page del listado al slug de la página de detalle (por ejemplo blog/:postId) y el campo Post del bloque de detalle a :postId. Las entradas viven entonces en direcciones legibles y rastreables como /blog/post-surgical-shoulder-stiffness. Deja Post Detail Page en blanco y los títulos no serán enlaces y ninguna entrada será rastreable.
El panel Branding (marca) se describe como «Shown on login, register, and landing pages» (se muestra en las páginas de acceso, registro e inicio), pero el logotipo en particular se usa en todo el portal.
La barra de herramientas lleva el resto. El desplegable Ajustes contiene los ajustes generales, Idioma, Style, la compartición y — en cuanto hay un dominio asignado — Aprobar registros automáticamente: «Si está desactivado, los nuevos registros esperan la aprobación de un administrador antes de poder acceder a este portal.»
Cada campo de texto sigue el idioma que muestra la barra de herramientas en Editando en; añade idiomas en Gestionar idiomas y las cadenas sin traducir recurren al predeterminado. Las ediciones se guardan solas, y Historial de versiones conserva cada estado guardado: Comparar uno con el borrador actual y después Restaurar ese estado.
Recorre todo tú mismo antes de que pueda hacerlo nadie más: Vista previa y prueba de tu portal. Cuando estés conforme, continúa con Publicación y lanzamiento de tu portal de participantes.