Bloques Disponibles

Tipos de bloques para construir tu pagina de careers

bloquesherojobsbenefitsaboutcta

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

BeneficioDescripcion
Seguro MedicoCobertura completa
BonosDesempeño anual
Home Office100% remoto
CapacitacionCursos pagados
Vacaciones15 dias + feriados
GymMembresia

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

  1. Panel izquierdo → Bloques
  2. Arrastra el bloque deseado
  3. Suelta en el canvas
  4. Posicion indicada por linea azul
  5. Bloque aparece en esa posicion

Click para Agregar

  1. Panel izquierdo → Bloques
  2. Click en bloque deseado
  3. Se agrega al final del canvas
  4. 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

¿No encontraste lo que buscabas?

Nuestro equipo de soporte está listo para ayudarte.

Contactar Soporte