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:
| Variante | Descripcion |
|---|---|
| Centrado | Texto centrado, ideal para mensajes cortos |
| Izquierda | Texto alineado a la izquierda |
| Derecha | Texto alineado a la derecha |
| Dividido | Texto 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:
| Variante | Descripcion |
|---|---|
| Simple | Solo texto centrado |
| Con imagen | Texto con imagen lateral |
| Dividido | Mitad texto, mitad imagen |
| Tarjetas | Multiples 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:
| Layout | Descripcion |
|---|---|
| Tarjetas | Cada vacante en una tarjeta con imagen |
| Lista | Lista vertical compacta |
| Compacto | Muy condensado, mas vacantes visibles |
| Tabla | Formato 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:
| Variante | Descripcion |
|---|---|
| Grid | Cuadricula de beneficios |
| Lista | Lista vertical con iconos |
| Tarjetas | Tarjetas con mas detalle |
| Iconos | Solo 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:
| Variante | Descripcion |
|---|---|
| Simple | Texto y boton centrados |
| Dividido | Texto a un lado, boton al otro |
| Banner | Fondo de color completo |
| Flotante | Elevado 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:
| Variante | Estilo |
|---|---|
| Linea | Linea solida horizontal |
| Punteada | Linea de puntos |
| Guiones | Linea de guiones |
| Degradado | Linea con degradado de color |
| Con icono | Linea 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:
| Tamano | Pixeles aprox |
|---|---|
| Extra pequeno | 16px |
| Pequeno | 32px |
| Mediano | 48px |
| Grande | 64px |
| Extra grande | 96px |
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:
| Tipo | Contenido |
|---|---|
| Descripcion | Descripcion general del puesto |
| Sobre el equipo | Informacion del equipo |
| Impacto | Que impacto tendra el candidato |
| Responsabilidades | Lista de responsabilidades |
| Beneficios | Beneficios especificos del puesto |
| Requisitos | Requisitos del candidato |
| Condiciones | Condiciones laborales |
| Personalizado | Contenido 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:
| Layout | Descripcion |
|---|---|
| Tags | Etiquetas horizontales |
| Lista | Lista vertical |
| Grid | Cuadricula 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:
| Variante | Estilo |
|---|---|
| Primary | Boton solido con color primario |
| Outline | Boton con borde, sin relleno |
| Gradient | Boton 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:
| Bloque | Restriccion |
|---|---|
| Hero | Maximo 1 por pagina |
| Jobs List | Maximo 1 por pagina |
| Job Header | Solo en pagina de vacante |
| Job Apply Button | Solo en pagina de vacante |
Ejemplos de composicion
Pagina minima efectiva
- Hero Block (centrado, altura mediana)
- Jobs List Block (layout tarjetas, 2 columnas)
Pagina completa
- Hero Block (dividido, altura grande)
- About Block (con imagen)
- Benefits Block (grid, 4 columnas)
- Spacer Block (mediano)
- Jobs List Block (tarjetas, 3 columnas)
- CTA Block (banner)
Pagina de vacante completa
- Job Header Block
- Job Section Block (descripcion)
- Job Section Block (responsabilidades)
- Job Section Block (requisitos)
- Job Skills Block (tags)
- Job Section Block (beneficios)
- Job Apply Button Block
- Job Footer Block