Diseñador de página de verificación: diseñe su página pública de verificación
Tiempo de lectura: 7 minutos
Descripción general
Su organización tiene una página pública de verificación donde cualquiera puede buscar una credencial y confirmar que es genuina. Por defecto usa el diseño estándar de CertLister. En el plan Pro, el Diseñador de página de verificación le permite reemplazar el área de aterrizaje con un diseño totalmente personalizado — secciones principales en sus colores, sus logotipos, estadísticas, preguntas frecuentes, enlaces a su sitio web — construido con un editor de arrastrar y soltar, sin código.
Una cosa nunca cambia: la búsqueda de credenciales — el cuadro que usan los visitantes para verificar una credencial — es parte de todo diseño. Usted decide dónde va y qué la rodea, pero no puede eliminarse.
| Plan | Solo Pro |
| Diseños por organización | Hasta 5 (uno activo a la vez) |
| Dónde | Pestaña Configuración del portal → Diseñador |
| Aplica a | Su página pública de verificación — en certlister.com y en su dominio personalizado |
Crear un diseño
- Inicie sesión en CertLister
- Vaya a Configuración del portal en la navegación izquierda
- Abra la pestaña Diseñador
- Haga clic en Nuevo diseño
La galería de plantillas se abre con vistas previas en vivo:
| Plantilla | Aspecto | Hecha para |
|---|---|---|
| Institucional | Azul marino y dorado, estilo de registro formal, con una fila de logotipos "Acreditado por" | Universidades y organismos de licencias |
| Minimalista elegante | Blanco, tinta y arena, protagonismo del espacio en blanco | Escuelas de diseño y asociaciones profesionales |
| Vibrante y cercana | Sección principal turquesa clara con preguntas frecuentes precargadas | Creadores de cursos y equipos de capacitación |
| Página en blanco | Solo la búsqueda de credenciales | Para comenzar desde cero |
Elija una y el diseño se crea de inmediato — con nombre automático ("Institucional 1", "Institucional 2", …) — y el editor abre con el diseño exacto que previsualizó. Para renombrar un diseño después, abra su menú ⋯ en la pestaña del Diseñador y elija Renombrar.
Las plantillas se personalizan al insertarse: el copyright del pie se completa con el nombre de su organización y el año actual, y todo el texto se inserta en el idioma de interfaz de su cuenta.
Haga suya la plantilla
Toda plantilla se publica correctamente tal cual, pero antes de salir en vivo querrá:
- Reemplazar los enlaces de muestra. Los encabezados de plantilla traen enlaces de relleno (Inicio, Acerca de, Contacto, …) que apuntan a
https://example.com. Cámbielos por sus URL reales. - Editar los títulos y textos. El texto de la plantilla es genérico a propósito.
- Agregar logotipos (Institucional). La fila de logotipos "Acreditado por" viene vacía y simplemente no aparece en la página pública hasta que le agregue logotipos.
El editor
El editor tiene tres áreas:
- Izquierda — la lista de bloques. Arrastre un bloque al lienzo para agregarlo.
- Centro — el lienzo, una representación en vivo de su página. Haga clic en cualquier bloque para seleccionarlo; arrastre los bloques para reordenarlos.
- Derecha — la configuración del bloque seleccionado (texto, colores, espaciado, alineación, …). Sin nada seleccionado, muestra la configuración de la página (encabezado, pie y espaciado del contenido).
La barra superior tiene los botones de Guardar borrador y Publicar y muestra si hay cambios sin guardar. Volver a Configuración del portal regresa a la lista de diseños — se le advertirá si perdería cambios sin guardar.
El editor necesita espacio para trabajar: en un teléfono verá un aviso de "cambie a una pantalla más grande". Use una tableta o computadora.
Bloques
| Bloque | Qué hace |
|---|---|
| Contenedor | Un envoltorio con su propio color de fondo y relleno — el bloque de construcción de las secciones de color |
| Columnas | Coloca bloques lado a lado |
| Espaciador | Agrega espacio vertical |
| Divisor | Una línea horizontal (sólida, discontinua o punteada) |
| Título | Un título (tres tamaños) con controles de alineación, tamaño y color |
| Texto | Un párrafo con controles de alineación, tamaño y color |
| Imagen | Una imagen de sus archivos cargados |
| Botón | Un botón de enlace con opciones de forma, tamaño y color |
| Fila de logotipos | Una fila de logotipos con título opcional — logotipos de socios o acreditaciones |
| Barra de estadísticas | Una fila de cifras destacadas ("12,000 credenciales emitidas") |
| Preguntas frecuentes | Una lista expandible de preguntas y respuestas |
| Widget de búsqueda | La búsqueda de credenciales — obligatoria, exactamente una por diseño |
Imágenes
El bloque de Imagen (y el logotipo del encabezado) usan la biblioteca de imágenes de su organización. Haga clic en Elegir imagen para seleccionar un archivo ya cargado o en Cargar imagen nueva para agregar uno. Solo las imágenes cargadas a su organización pueden publicarse en un diseño.
Encabezado y pie
Sin ningún bloque seleccionado, el panel derecho muestra la configuración de la página:
- Encabezado personalizado — actívelo para agregar una barra con logotipo, hasta 5 enlaces y colores de fondo/texto. Si deja el logotipo vacío, se usa automáticamente el de su organización.
- Pie personalizado — actívelo para agregar un pie con texto (la línea ©, precargada por las plantillas) y hasta 8 enlaces.
- Espaciado del contenido — el espacio entre la parte superior de la página (o el encabezado) y su primer bloque.
Los enlaces del encabezado y el pie deben ser URL completas que comiencen con https://.
Mostrar u ocultar bloques por dispositivo
Todo bloque excepto la búsqueda de credenciales tiene ajustes de Ocultar en móvil y Ocultar en escritorio. Úselos para servir un diseño compacto en teléfonos — por ejemplo, oculte una sección ancha de tres columnas en móvil y muestre en su lugar una alternativa apilada.
Guardar, previsualizar, publicar, activar
Un diseño pasa por tres estados, mostrados junto a su nombre en la pestaña del Diseñador:
| Estado | Significado |
|---|---|
| Borrador guardado, sin publicar | Sus ediciones están almacenadas, nada es público |
| Publicado | Una instantánea del diseño está lista para servirse |
| Activo | Este diseño es lo que los visitantes ven actualmente |
- Guardar borrador almacena su trabajo. Guardar nunca cambia su página pública.
- Previsualizar página en vivo abre su página de verificación real mostrando el borrador actual mediante un enlace de vista previa privado y con tiempo limitado — usted ve exactamente lo que verían los visitantes, mientras los visitantes reales siguen viendo su página actual. Puede previsualizar cualquier diseño, no solo el activo.
- Publicar valida el diseño y toma una instantánea. Puede seguir editando después — los cambios adicionales quedan en el borrador hasta que publique de nuevo.
- Activar convierte un diseño publicado en el que ven los visitantes. Solo un diseño está activo a la vez; activar uno reemplaza al anterior.
- Desactivar o Despublicar devuelve su página de verificación al diseño estándar. Despublicar conserva su borrador, para retomar el trabajo después.
Solución de problemas
La publicación falla con un mensaje de validación
Publicar valida primero el diseño. Las causas comunes:
- La búsqueda de credenciales falta o está duplicada. Todo diseño necesita exactamente un bloque de widget de búsqueda. Si lo eliminó, arrástrelo de vuelta; si agregó un segundo, elimínelo.
- Un enlace no es una URL completa. Los enlaces del encabezado, el pie y los botones deben comenzar con
https://—www.example.como/aboutno pasan. - Una imagen no es de su biblioteca. Las URL de imagen deben apuntar a archivos cargados a su organización. Vuelva a agregar la imagen mediante Elegir imagen.
Mis cambios no están en la página pública
Guardar un borrador no actualiza la página pública — haga clic en Publicar. Si la página sigue mostrando el diseño estándar, revise el estado del diseño: debe estar Activo, no solo Publicado.
"No se puede eliminar el diseño activo"
Desactive el diseño primero (menú ⋯ → Desactivar) y luego elimínelo.
El botón de Activar está deshabilitado
El diseño aún no tiene versión publicada. Publíquelo primero.
"Alcanzó el límite de 5 diseños"
Elimine un diseño que ya no necesite desde su menú ⋯.
La pestaña del Diseñador muestra una invitación a actualizar
El Diseñador de página de verificación es una función Pro. Consulte Planes y facturación.
Preguntas frecuentes
P: ¿Mi diseño funciona en mi dominio personalizado?
R: Sí. El diseño aplica a su página de verificación dondequiera que se sirva — certlister.com o su dominio personalizado.
P: ¿El diseño cambia mi widget de verificación incrustado?
R: No. El widget incrustado en su propio sitio web no se ve afectado — el diseño aplica a su página de verificación completa.
P: ¿El diseño cambia cómo se ven los resultados de credencial?
R: No. El diseñador cubre el área de aterrizaje alrededor de la búsqueda. La tarjeta de resultado que aparece tras una búsqueda se configura por separado en Configuración del portal.
P: ¿Puedo cambiar las fuentes?
R: No — los diseños usan la tipografía estándar de la página de verificación. La identidad proviene de sus colores, tamaños de texto, pesos y espaciado.
P: ¿Los visitantes pueden ver mis borradores?
R: No. Los borradores solo son visibles mediante su enlace de Previsualizar página en vivo, que es privado y expira. Los visitantes siempre ven el diseño publicado activo.
P: ¿Qué pasa si bajo del plan Pro?
R: Su página de verificación vuelve automáticamente al diseño estándar. Sus diseños no se eliminan — actualice de nuevo y el diseño activo vuelve a servirse.
P: ¿Varios miembros del equipo pueden editar los diseños?
R: Sí — cualquier miembro con el rol de administrador puede usar el diseñador.