Bloques Disponibles
Tipos de contenido que puedes agregar a tu pagina de careers.
Bloques de Pagina Principal
Hero Block
HERO - Seccion principal de bienvenida
Unete a Nuestro Equipo
Construye tu carrera en una empresa innovadora
[Ver Vacantes]
Variantes:
- Centrado
- Alineado izquierda
- Alineado derecha
- Split (texto + imagen)
Opciones:
- Titulo principal
- Subtitulo
- Boton CTA (scroll a jobs o link externo)
- Fondo: color, gradiente o imagen
- Altura: pequeño, mediano, grande, pantalla completa
- Mostrar/ocultar logo
- Color de texto: claro, oscuro, auto
About Block
ABOUT - Informacion sobre la empresa
Sobre Nosotros
Somos una empresa lider en tecnologia con mas de 10 años de experiencia. Nuestro equipo esta formado por profesionales apasionados...
| 500+ Empleados | 10+ Años | 50+ Paises |
Variantes:
- Simple (solo texto)
- Con imagen
- Split (50/50)
- Cards
Opciones:
- Titulo de seccion
- Contenido (manual o auto desde empresa)
- Imagen (izquierda/derecha)
- Estadisticas (valor + etiqueta)
- Estilo de imagen: cuadrado, redondeado, circulo
Jobs List Block
JOBS LIST - Lista de vacantes disponibles
Vacantes Disponibles (12)
[Buscar...] [Departamento] [Ubicacion]
| Dev Senior | Product Manager | QA Engineer | | CDMX - Remoto | GDL - Hibrido | CDMX - Presencial | | $50-70k | $60-80k | $35-45k |
Layouts:
- Lista
- Cards (1, 2 o 3 columnas)
- Compacto
- Tabla
Mostrar/Ocultar:
- Contador de vacantes
- Salario
- Ubicacion
- Departamento
- Politica remoto
- Tipo de empleo
- Descripcion
- Skills
- Fecha publicacion
Filtros:
- Buscador
- Por departamento
- Por ubicacion
- Por politica remoto
- Por tipo de empleo
Paginacion:
- Cargar mas
- Botones de pagina
- Scroll infinito
Benefits Block
BENEFITS - Beneficios de trabajar aqui
| Beneficio | Descripcion |
|---|---|
| Seguro Medico | Cobertura completa |
| Bonos | Desempeño anual |
| Home Office | 100% remoto |
| Capacitacion | Cursos pagados |
| Vacaciones | 15 dias + feriados |
| Gym | Membresia |
Variantes:
- Grid
- Lista
- Cards
- Iconos
Opciones:
- Columnas: 2, 3 o 4
- Estilo de icono: filled, outlined, duotone
- Tamaño de icono: pequeño, mediano, grande
- Color de icono: primario, secundario, acento, custom
- Animacion al scroll
- Lista de beneficios (icono + titulo + descripcion)
CTA Block
CTA - Llamada a la accion
¿Listo para unirte?
Explora nuestras vacantes y encuentra tu lugar
[Ver Vacantes] [Contactanos]
Variantes:
- Simple
- Split
- Banner
- Flotante
Opciones:
- Titulo
- Subtitulo
- Boton primario (texto + accion)
- Boton secundario (opcional)
- Alineacion: izquierda, centro, derecha
- Fondo: solido, gradiente, imagen
- Mensaje de urgencia
Divider Block
DIVIDER - Separador visual
Variantes:
- Linea solida
- Linea punteada
- Linea discontinua
- Gradiente
- Con icono
Opciones:
- Ancho: completo, medio, corto
- Grosor: delgado, medio, grueso
- Color personalizado
Spacer Block
SPACER - Espacio en blanco
Altura:
- Extra pequeño (16px)
- Pequeño (32px)
- Medio (48px)
- Grande (64px)
- Extra grande (96px)
Opciones:
- Visible en movil: si/no
Bloques de Pagina de Vacante
Job Header Block
JOB HEADER - Encabezado de vacante
← Volver a vacantes
Desarrollador Senior
[CDMX] [Remoto] [Tiempo Completo] [$50-70k]
Tu Empresa S.A.
Mostrar/Ocultar:
- Ubicacion
- Politica remoto
- Tipo de empleo
- Salario
- Nombre de empresa
Opciones:
- Layout: centrado o izquierda
- Fondo: color o gradiente
- Link de regreso personalizable
Job Section Block
JOB SECTION - Seccion de contenido
Responsabilidades
- Diseñar arquitectura de aplicaciones
- Liderar equipo de desarrollo
- Code reviews y mentoria
- Documentacion tecnica
Tipos de seccion:
- aboutTeam - Sobre el equipo
- impact - Impacto del rol
- responsibilities - Responsabilidades
- benefits - Beneficios
- requirements - Requisitos
- conditions - Condiciones
- description - Descripcion general
- custom - Personalizado
Layouts de lista:
- Simple
- Con checkmarks
- Numerado
- Cards
- Iconos
Job Skills Block
JOB SKILLS - Habilidades requeridas
Habilidades
[React] [TypeScript] [Node.js] [PostgreSQL] [AWS]
Layouts:
- Tags
- Lista
- Grid
Opciones:
- Mostrar nivel de competencia: si/no
Job Apply Button Block
JOB APPLY - Boton de aplicar
[Aplicar Ahora]
Opciones:
- Texto del boton
- Variante: primario, outline, gradiente
- Tamaño: pequeño, mediano, grande
- Ancho completo: si/no
Job Footer Block
JOB FOOTER - Pie de pagina de vacante
← Volver a todas las vacantes
Powered by Talivo
Opciones:
- Texto de link de regreso
- Mostrar credito "Powered by Talivo": si/no
- URL de regreso
Agregar Bloques
Drag and Drop
- Panel izquierdo → Bloques
- Arrastra el bloque deseado
- Suelta en el canvas
- Posicion indicada por linea azul
- Bloque aparece en esa posicion
Click para Agregar
- Panel izquierdo → Bloques
- Click en bloque deseado
- Se agrega al final del canvas
- Arrastra para reposicionar
Editar Bloques
Seleccionar
Click en cualquier bloque del canvas:
- Borde azul indica seleccion
- Panel derecho muestra opciones
- Toolbar aparece arriba del bloque
Opciones Comunes
Todos los bloques tienen:
- Visibilidad (mostrar/ocultar)
- Margin/Padding
- Fondo personalizado
- Animaciones
Proximos Pasos
- Personalizacion - Colores y estilos
- Plantillas - Diseños predefinidos
- Publicar - Poner en linea