Web part de encabezado para SharePoint

Da la bienvenida a tus usuarios con un encabezado elegante y alineado a tu identidad visual. Controla tipografía del sitio, tamaño, peso, colores sólidos o gradiente, bordes, separadores centrados, “rounded box”, márgenes y padding. Incluye tokens dinámicos como {{nombre}} y {{apellido}}.

Vista del encabezado

Encabezado de bienvenida en SharePoint con texto en degradado, borde con gradiente.
Ejemplo de un encabezado de bienvenida en SharePoint: con texto en degradado, borde degradado y fuente del sitio.

Qué incluye

Estilos de bordes y separadores

Elige entre rounded box, borde a la izquierda/derecha/arriba/abajo o separadores centrados (superior/inferior). Controla grosor, longitud y radio del separador.

Colores sólidos y gradientes

Aplica colores sólidos o gradientes a texto, borde/separador y fondo; define ángulos y combina con la paleta corporativa.

Márgenes y padding

Ajusta márgenes y padding de la caja para asegurar una perfecta legibilidad y evitar solapes.

Tokens dinámicos

Personaliza el saludo con {{nombre}} y {{apellido}}. También disponible {{displayname}}.

Tipografía del sitio

El encabezado hereda la fuente de SharePoint para mantener consistencia visual sin cargas externas.

100% sin código

Todo se configura desde el panel del web part con selectores, sliders y color pickers.

Vistas del web part

Encabezado con borde inferior, texto en cursiva y estilo personalizado
Ejemplo de encabezado con borde inferior, texto en cursiva y estilos configurables, tokens dinámicos: escribe {{nombre}} y {{apellido}} en el título/subtítulo.
Encabezado en SharePoint con fondo degradado verde y texto Novedades del mes
Ejemplo de encabezado con fondo degradado y subtítulo, ideal para destacar novedades mensuales.
Encabezado de evento corporativo en SharePoint con separador superior y texto degradado
Ejemplo de encabezado con separador superior y texto con degradado para anunciar eventos corporativos.

Beneficios para el sitio

  • Marca consistente: respeta colores, fuentes del sitio y estilos corporativos.
  • Mejor onboarding: mensajes de bienvenida personalizados y claros.
  • Agilidad: ajustes instantáneos desde el panel del web part.
  • Accesibilidad: alto contraste, tamaños y pesos configurables.
  • Sin dependencias: no requiere servicios externos ni código adicional.

Cómo funciona

  1. Agrega el web part: “CustomHeader” a tu página de SharePoint.
  2. Configura el texto: título/subtítulo, tamaño, peso e italic opcional (hereda la fuente del sitio).
  3. Aplica estilo: selecciona tipo de borde o separador, grosor, longitud, y rounded box si lo deseas.
  4. Colores/gradientes: define modo sólido o gradiente (texto, borde/separador y fondo) y su ángulo.
  5. Espaciados: ajusta márgenes y padding para evitar recortes y solapes.
  6. Tokens: usa {{nombre}} / {{apellido}} para personalizar el saludo.

Casos de uso

  • Páginas de bienvenida: saludo contextual por usuario con tokens dinámicos.
  • Portales internos: cabeceras visuales por sección o departamento.
  • Campañas internas: refuerza identidad de marca con gradientes y separadores.
  • Eventos: destaca fechas, mensajes o enlaces bajo el encabezado.

Preguntas frecuentes

¿La fuente es configurable?

El web part hereda la tipografía del sitio para mantener consistencia visual y evitar cargas externas.

¿Cómo funcionan los tokens {{nombre}} y {{apellido}}?

Se resuelven automáticamente a partir del usuario actual (displayName) sin permisos adicionales.

¿Puedo usar gradientes en todo?

Sí. Texto, borde/separador y fondo admiten modo sólido o gradiente con ángulo.

¿El encabezado es totalmente responsive?

Se adapta automáticamente a distintos dispositivos y resoluciones sin recortar el texto.

¿Quieres una demo del web part?

Te mostramos cómo crear cabeceras impactantes en minutos y sin código.

Contactar