Antes de aplicar código personalizado, asegúrate de considerar otras opciones disponibles en tu página de empleo primero. Por ejemplo, puede que lo que intentas lograr ya sea posible a través de un bloque existente o mediante Ajustes dentro de un bloque.

El código personalizado no se puede aplicar a todas las páginas de Teamtailor, por ejemplo, la página de Conexión y las solicitudes de vacantes. Si necesitas un código personalizado extenso, considera alojar tu página de empleos en tu sitio web para tener control total del diseño y la funcionalidad a través de un widget de lista de vacantes o un redireccionamiento completo de la carrera.
​

Al aplicar código personalizado a tu sitio, hay tres opciones disponibles:

Exploramos esto con más detalle.

Los bloques de HTML y CSS personalizados se pueden añadir a tu página de empleo desde la biblioteca de bloques en cualquier página de contenido. Para añadir uno, haz clic en el símbolo + en la esquina inferior izquierda y selecciona este bloque.

Con el bloque, puedes usar tu propio HTML y CSS para diseñarlo exactamente como quieras. Ten en cuenta que este bloque es independiente y no se puede usar para editar otros bloques o páginas existentes.

En las configuraciones de diseño, puedes activar estilos personalizados que te permiten agregar tu propio CSS y JavaScript. Este código puede modificar bloques existentes en la página de empleo o habilitar scripts de seguimiento como Google Analytics. Estos cambios se aplicarán a cada página de tu página de empleo.
​

Para hacerlo, ve a las configuraciones de diseño. Puedes acceder a ella a través del icono de la brocha en la esquina superior derecha de tu página principal de Contenido o en la esquina inferior izquierda de cualquier otra página. Una vez allí, desplázate hacia abajo hasta Varios y activa Estilos Personalizados. Una vez habilitado, se te pedirá que proporciones comentarios a nuestro equipo de Producto sobre tu implementación planificada, ayudándonos a desarrollar aún más nuestra función de Contenido.

Después de configurarlo, tendrás acceso a dos nuevos campos: CSS personalizado y JavaScript personalizado. Ten en cuenta que un dominio personalizado es necesario para que funcione cualquier JavaScript.
​

Si planeas modificar un bloque existente específico, es esencial aplicar primero un wrapper personalizado. Esto asegura que tengas una clase única para apuntar, evitando cambios no deseados en toda tu página de empleos.
​

Una vez que el contenedor está en su lugar, puedes inspeccionar el código en tu página de empleo para identificar otros elementos dentro de él. Desde allí, puedes usar CSS o JavaScript para implementar los cambios que deseas.
​

Al aplicar código personalizado a tu página de empleo, puedes dirigirte a un bloque de contenido específico con CSS, utilizando contenedores personalizados.

Para trabajar con contenedores personalizados en la página de empleo, primero se necesita crear una clase de contenedor. Para hacerlo, dirígete al bloque que deseas seleccionar con tu código y haz clic en Ajustes. Aquí, asegúrate de que la clase personalizada esté activada on.

Después de esto, encontrarás una nueva sección en el bloque llamada Clase personalizada donde podrás nombrar la clase con un nombre de tu elección. Debajo de ella, verás qué contenedor personalizado usar exactamente en el código de estilo en Diseño Global.