Prima di applicare un codice personalizzato, assicurati di aver controllato le altre opzioni disponibili in Contenuti. Ad esempio, può darsi che quello che stai cercando di ottenere sia già possibile tramite un blocco esistente o attraverso le Modifiche all'interno di un blocco.

Il codice personalizzato non può essere applicato a tutte le pagine di Teamtailor, ad esempio, alla pagina Connect e ai moduli di candidatura. Se hai bisogno di un codice personalizzato esteso, valuta la possibilità di ospitare la tua pagina carriera sul tuo sito web per avere pieno controllo su design e funzionalità tramite un Widget per l’elenco delle offerte di lavoro o un Reindirizzamento completo del sito carriera.

Quando applichi un codice personalizzato al tuo sito, ci sono tre opzioni disponibili:

Esploriamo queste opzioni nel dettaglio.

I blocchi HTML & CSS personalizzati possono essere aggiunti al tuo sito carriera dalla raccolta blocchi su qualsiasi pagina dei contenuti. Per aggiungerne uno, clicca sul simbolo + nell'angolo in basso a sinistra e seleziona questo blocco.

Con il blocco, puoi utilizzare il tuo HTML & CSS per configurarlo esattamente come desideri. Tieni presente che questo blocco è indipendente e non può essere utilizzato per modificare altri blocchi o pagine esistenti.

In Design globale, puoi abilitare stili personalizzati, e questo ti consente di aggiungere il tuo CSS e JavaScript. Questo codice può modificare blocchi esistenti sul sito carriera o abilitare script di tracciamento come Google Analytics. Queste modifiche si applicheranno a ogni pagina del tuo sito carriera.
​

Per implementare questa opzione, vai alla sezione Design globale. Puoi accedervi tramite l'icona del pennello in alto a destra nella pagina principale dei contenuti o nell'angolo in basso a sinistra di qualsiasi altra pagina. Dopodiché, scorri verso il basso fino a Varie e attiva Stili personalizzati. Una volta attivato, ti verrà chiesto di fornire un feedback al nostro team di prodotto sulle modifiche che vuoi apportare per aiutarci a migliorare ulteriormente le funzionalità dei contenuti.

Dopo questo passaggio, avrai accesso a due nuovi campi: CSS personalizzato e JavaScript personalizzato. Tieni presente che è necessario avere un dominio personalizzato affinché qualsiasi codice JavaScript funzioni.
​

Se prevedi di modificare un blocco esistente specifico, è fondamentale applicare prima un wrapper personalizzato. Questo ti garantirà una classe unica da utilizzare come riferimento, evitando modifiche indesiderate in tutto il tuo sito carriera.​

Una volta che il wrapper è in posizione, puoi controllare il codice sul tuo sito carriera per identificare altri elementi al suo interno. Da lì, puoi utilizzare CSS o JavaScript per implementare le modifiche desiderate.

Quando applichi un codice personalizzato al tuo sito carriera, puoi selezionare un blocco di contenuto specifico con il CSS utilizzando wrapper personalizzati.

Per lavorare con i wrapper personalizzati sul sito carriera, è necessario prima creare una classe wrapper. Per farlo, vai al blocco che desideri targetizzare con il tuo codice e clicca su Modifiche. Qui, assicurati che la classe personalizzata sia attivata On.

Dopodiché, troverai una nuova sezione nel blocco chiamata Classe personalizzata dove potrai chiamare la classe con un nome a tua scelta. Subito sotto, vedrai quale wrapper personalizzato utilizzare nel codice di stile nel design globale.