Bloques de Pagina de Carrera

Todos los bloques disponibles para construir tu pagina de carrera

bloquesherojobsbenefitsctaaboutvacantescomponentes

Bloques de Pagina de Carrera

Conoce todos los bloques disponibles para construir tu pagina de carrera y pagina de vacante.

Bloques de Pagina Principal

Estos bloques estan disponibles para la pagina principal de carrera.

Hero Block

El encabezado principal de tu pagina. Es lo primero que ven los visitantes.

Variantes:

VarianteDescripcion
CentradoTexto centrado, ideal para mensajes cortos
IzquierdaTexto alineado a la izquierda
DerechaTexto alineado a la derecha
DivididoTexto a un lado, imagen al otro

Propiedades:

  • Titular: Mensaje principal (ej: "Unete a nuestro equipo")
  • Subtitular: Texto secundario de apoyo
  • Texto del boton: Texto del CTA principal
  • URL del boton: A donde lleva el boton
  • Altura: Pequena, Mediana, Grande o Pantalla completa
  • Fondo: Color solido, degradado o imagen

Uso recomendado: Siempre al inicio de la pagina. Un solo Hero por pagina.


About Block

Seccion para presentar informacion sobre tu empresa.

Variantes:

VarianteDescripcion
SimpleSolo texto centrado
Con imagenTexto con imagen lateral
DivididoMitad texto, mitad imagen
TarjetasMultiples tarjetas de informacion

Propiedades:

  • Titulo: Titulo de la seccion
  • Contenido: Texto sobre la empresa
  • Imagen: URL de imagen (opcional)
  • Posicion de imagen: Izquierda o Derecha
  • Mostrar estadisticas: Numeros destacados

Ejemplo de uso:

  • Titulo: "Sobre Nosotros"
  • Contenido: "Somos una empresa lider en tecnologia con mas de 10 anos de experiencia..."

Jobs List Block

El corazon de tu pagina: muestra todas las vacantes disponibles.

Layouts:

LayoutDescripcion
TarjetasCada vacante en una tarjeta con imagen
ListaLista vertical compacta
CompactoMuy condensado, mas vacantes visibles
TablaFormato tabular con columnas

Propiedades:

  • Titulo: Titulo de la seccion (ej: "Vacantes Abiertas")
  • Layout: Tarjetas, Lista, Compacto o Tabla
  • Columnas: 1, 2 o 3 columnas
  • Mostrar contador: Numero de vacantes disponibles
  • Mostrar filtros: Habilitar busqueda y filtros
  • Efecto hover: Elevacion, Brillo o Borde

Datos automaticos: Este bloque carga automaticamente las vacantes publicadas de tu empresa.


Benefits Block

Muestra los beneficios de trabajar en tu empresa.

Variantes:

VarianteDescripcion
GridCuadricula de beneficios
ListaLista vertical con iconos
TarjetasTarjetas con mas detalle
IconosSolo iconos con etiquetas

Propiedades:

  • Titulo: Titulo de la seccion
  • Beneficios: Lista de beneficios con icono y descripcion
  • Columnas: 2, 3 o 4 columnas
  • Animacion scroll: Animar al hacer scroll

Ejemplo de beneficios:

  • Home Office (icono: casa)
  • Seguro Medico (icono: escudo)
  • Capacitacion (icono: libro)
  • Horario Flexible (icono: reloj)

CTA Block

Bloques de llamado a la accion para convertir visitantes en candidatos.

Variantes:

VarianteDescripcion
SimpleTexto y boton centrados
DivididoTexto a un lado, boton al otro
BannerFondo de color completo
FlotanteElevado con sombra

Propiedades:

  • Titulo: Mensaje principal
  • Subtitulo: Texto de apoyo
  • Boton primario: Texto y URL
  • Boton secundario: Opcional, texto y URL
  • Fondo: Color o degradado

Uso recomendado: Al final de la pagina o despues de secciones importantes.


Divider Block

Separadores visuales entre secciones.

Variantes:

VarianteEstilo
LineaLinea solida horizontal
PunteadaLinea de puntos
GuionesLinea de guiones
DegradadoLinea con degradado de color
Con iconoLinea con icono central

Propiedades:

  • Ancho: Completo, Medio o Corto
  • Grosor: Delgado, Normal o Grueso
  • Color: Color de la linea

Spacer Block

Espacio vertical entre bloques.

Alturas disponibles:

TamanoPixeles aprox
Extra pequeno16px
Pequeno32px
Mediano48px
Grande64px
Extra grande96px

Propiedades:

  • Altura: Seleccionar tamano
  • Visible en movil: Mostrar u ocultar en pantallas pequenas

Bloques de Pagina de Vacante

Estos bloques estan disponibles para el template de vacantes individuales.

Job Header Block

Encabezado con informacion principal de la vacante.

Contenido automatico:

  • Titulo del puesto
  • Ubicacion
  • Tipo de contrato
  • Modalidad (remoto/hibrido/presencial)
  • Rango salarial (si esta configurado)
  • Tags de la vacante

Propiedades:

  • Mostrar salario: Mostrar u ocultar rango salarial
  • Mostrar ubicacion: Mostrar u ocultar ubicacion
  • Mostrar tags: Mostrar u ocultar etiquetas

Job Section Block

Secciones de contenido de la vacante.

Tipos de seccion:

TipoContenido
DescripcionDescripcion general del puesto
Sobre el equipoInformacion del equipo
ImpactoQue impacto tendra el candidato
ResponsabilidadesLista de responsabilidades
BeneficiosBeneficios especificos del puesto
RequisitosRequisitos del candidato
CondicionesCondiciones laborales
PersonalizadoContenido libre

Propiedades:

  • Tipo de seccion: Seleccionar tipo
  • Titulo personalizado: Sobreescribir titulo
  • Icono: Icono de la seccion

Nota: El contenido viene de los datos de la vacante en el sistema.


Job Skills Block

Muestra las habilidades requeridas para el puesto.

Layouts:

LayoutDescripcion
TagsEtiquetas horizontales
ListaLista vertical
GridCuadricula de habilidades

Propiedades:

  • Layout: Seleccionar disposicion
  • Mostrar nivel: Mostrar nivel requerido (basico/intermedio/avanzado)
  • Titulo: Titulo de la seccion

Job Apply Button Block

Boton principal para aplicar a la vacante.

Variantes:

VarianteEstilo
PrimaryBoton solido con color primario
OutlineBoton con borde, sin relleno
GradientBoton con degradado

Propiedades:

  • Texto del boton: Texto a mostrar (ej: "Aplicar Ahora")
  • Tamano: Pequeno, Mediano o Grande
  • Ancho completo: Ocupar todo el ancho disponible

Job Footer Block

Pie de la pagina de vacante.

Propiedades:

  • Texto de regreso: Texto del enlace para volver (ej: "Ver todas las vacantes")
  • Mostrar branding: Mostrar "Powered by Talivo"

Organizacion de bloques

Categorias en el panel

Pagina Principal:

  • Contenido: Hero, About, Jobs List, Benefits
  • Interactivo: CTA
  • Diseno: Divider, Spacer

Pagina de Vacante:

  • Contenido de Vacante: Job Header, Job Section, Job Skills
  • Estructura: Job Apply Button, Job Footer

Restricciones de bloques

Algunos bloques tienen restricciones:

BloqueRestriccion
HeroMaximo 1 por pagina
Jobs ListMaximo 1 por pagina
Job HeaderSolo en pagina de vacante
Job Apply ButtonSolo en pagina de vacante

Ejemplos de composicion

Pagina minima efectiva

  1. Hero Block (centrado, altura mediana)
  2. Jobs List Block (layout tarjetas, 2 columnas)

Pagina completa

  1. Hero Block (dividido, altura grande)
  2. About Block (con imagen)
  3. Benefits Block (grid, 4 columnas)
  4. Spacer Block (mediano)
  5. Jobs List Block (tarjetas, 3 columnas)
  6. CTA Block (banner)

Pagina de vacante completa

  1. Job Header Block
  2. Job Section Block (descripcion)
  3. Job Section Block (responsabilidades)
  4. Job Section Block (requisitos)
  5. Job Skills Block (tags)
  6. Job Section Block (beneficios)
  7. Job Apply Button Block
  8. Job Footer Block

¿No encontraste lo que buscabas?

Nuestro equipo de soporte está listo para ayudarte.

Contactar Soporte