La configuración de Diseño es el punto de partida perfecto para crear tu página de empleo. Los encontrarás en la parte superior de la página de resumen en el editor de página de empleo.
Configuración de diseño
Aquí puedes definir la identidad de marca de tu página de empleo añadiendo tu logo, colores y tipografía. La configuración de diseño que elijas se aplicará automáticamente en todas las páginas.
Logotipos
Subir los logotipos de tu empresa fortalece tu marca como empleador y genera confianza con los candidatos. Los logotipos aparecen en la parte superior de tu página de empleo, cuando te comunicas con los candidatos por correo electrónico, y se usarán para algunas promociones en bolsas de empleo.
Hay tres tipos de ajustes de logo disponibles:
Logotipo por defecto
El logo que subas aquí será usado como tu logo predeterminado. Aparece en comunicaciones externas, incluyendo correos electrónicos y promociones en bolsas de empleo, así que asegúrate de que se vea bien sobre un fondo blanco.
Este logo también se usará en toda tu página de empleo, a menos que subas un logo opcional.
Logotipo opcional
Puedes subir un logo opcional para usar exclusivamente en tu página de empleo. Esto es útil si, por ejemplo, quieres mostrar una versión blanca de tu logo en tu página de empleo.
En el lado derecho encontrarás una vista previa que muestra cómo se ven tus logos sobre fondos blanco y gris.
Cuando subes un logo opcional, este reemplaza al logo predeterminado en toda tu página de empleo. Sin embargo, no se usa en comunicaciones externas, que seguirán mostrando tu logo predeterminado.
Favicono
Un favicon es un ícono que representa tu página de empleo, que se muestra en la barra de direcciones del navegador. Por lo general, este es tu logotipo o el logotipo del servicio que estás utilizando.
Puedes usar tu propio favicon en tu página de empleo subiendo tu propia imagen o haciendo clic en el botón Obtener favicon desde el sitio web. Esto sincronizará automáticamente el favicon del enlace que has agregado en el campo Sitio web en tu bloque de pie de página en la página de inicio.
En la sección del menú de empleo, también podrás definir si el logo debe posicionarse a la izquierda, en el centro o a la derecha.
Colores
Mantener un esquema de colores consistente es clave para mantenerte dentro del tema de tu marca, y Teamtailor hace esto fácil. La configuración de colores en tu diseño global se aplica en cada página de tu sitio de vacantes y en tu comunicación con candidatos.
El color configurado como Principal se usa por defecto en todos los enlaces y detalles gráficos, así que es mejor usar el color primario de tu marca aquí. Esta configuración reemplaza las opciones de color para enlaces, fondos secundarios y fondos de botones, lo que significa que cualquier actualización se aplicará a estos elementos.
La vista previa al lado derecho en Diseño global muestra cómo se verán tus colores de contenido, fondo primario y fondo secundario
Enlaces
En esta sección, puedes definir el estilo de enlace para el sitio de vacantes. Los enlaces usarán el color Enlace especificado en la configuración.
Opción | Visuales |
Negrita |  |
Subrayado |  |
Resaltado |  |
Subrayado + resaltado |  |
Tipografía
En tu configuración de tipografía, puedes elegir tu fuente y peso tipográfico preferidos (el grosor del texto). Al diseñar tu página de empleo, puedes seleccionar entre las fuentes disponibles o subir una personalizada.
Las fuentes personalizadas se pueden agregar a través de Google Fonts, Adobe Fonts (Typekit), o enviando archivos .woff a nuestro equipo de soporte.
Lee más sobre cómo usar fuentes predeterminadas o personalizadas aquí.
Botones
Puedes personalizar los botones en tu página de empleo seleccionando un estilo y estableciendo un radio de borde entre 0–40 px (donde 0 px crea esquinas afiladas).
Colores
Contorneado: Usa el color Fondo de botón.
Lleno: Usa los colores Fondo de botón y Texto de botón.
Opción | Visuales |
Contorneado + Bordes redondeados 0px |  |
Contorneado + Bordes redondeados 40px |  |
Relleno + Bordes redondeados 0px |  |
Relleno + Bordes redondeados 40px |  |
Menú de empleo
Opción | Descripción |
Apariencia | Predeterminado: La versión predeterminada del menú de vacantes con opciones preseleccionadas. 
Personalizado: Editar las opciones predeterminadas creará una versión personalizada de la configuración del menú de vacantes. 
|
Orientación del menú | Vertical: Las páginas se colocan dentro de un menú de empleo plegable, tanto en escritorio como en móvil. 
Horizontal: En escritorio, las páginas se muestran en horizontal, pero en móvil se ubican dentro de un menú de empleo plegable.  |
Posición del logo | Centrado: La posición del logotipo subido está alineada al centro en la barra de navegación. 
Derecha: La posición del logotipo subido está alineada a la derecha en la barra de navegación.  |
Texto del menú | Activado: "Menú de vacantes" se agrega junto al botón de menú 
Desactivado: Solo se muestra el botón de menú.  |
Botón secundario | Desactivado: No se muestra botón secundario. 
Compartir: Botón para compartir mostrado, permitiendo a los visitantes compartir el sitio de vacantes en plataformas sociales. 
Idioma: Navegación a versiones de idioma del sitio de vacantes configuradas usando la función de Múltiples idiomas.  |
Contexto | Cambia el color de la barra de navegación. Esta configuración de color solo se aplica en páginas sin un bloque de portada.
 |
Color | Cambia el color de los elementos de navegación. Esta configuración de color solo se aplica en páginas sin un bloque de portada.
 |
Varios
Confeti
Habilita una divertida animación de confeti en la página donde los candidatos aterrizan después de enviar su solicitud, ¡una gran manera de celebrar sus esfuerzos!
Forma de la foto de los empleados
Elige el estilo de las fotos de perfil de tus empleados visibles en la página de empleo, ya sea Cuadrada o Circular.
Estilos personalizados
Puedes habilitar codificación personalizada para tu página de empleo, lo que te permite agregar CSS y JavaScript personalizados. Cuando habilites esta opción, se te pedirá que proporciones contexto sobre lo que planeas agregar. Esta retroalimentación es valiosa ya que proporciona información que nos ayuda a mejorar el Editor de Contenidos.
Ten en cuenta que no damos soporte para personalizaciones o modificaciones de código. Eres responsable de gestionar tu código y asegurar su compatibilidad con futuras actualizaciones de la plataforma.
Aprende más sobre codificación personalizada en tu página de empleo aquí.
Descartar cambios
Si es necesario, puedes descartar los cambios sin guardar, como en cualquier otra página del editor de página de empleo. La opción está disponible en la parte superior de la página de Configuración de diseño, bajo el menú de tres puntos.
🤖 Este artículo ha sido traducido mediante IA. Avísanos si algo parece incorrecto.