Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Come usare il componente Codice

Riassumi questo articolo con:
Ultimo aggiornamento: Jul 02, 2026 1 min di lettura

Website Builder offre una vasta gamma di componenti che possono aggiungere varie funzionalità per estendere le capacità delle tue pagine. Tuttavia, puoi passare a un livello successivo e aggiungere componenti di codice personalizzati per incorporare app di terze parti, JavaScript, CSS, Markdown o HTML che possono dare al tuo sito web un design e strumenti unici.

Ecco come fare:

  1. Vai su Site Admin > Website Builder e premi Modifica sito web.
    Pulsante Modifica sito web per accedere all'editor visivo di Website Builder
  2. Apri la sezione Pagine e seleziona una pagina esistente o creane una nuova con il pulsante Aggiungi nuovo.
    Sezione Pagine in Website Builder dove puoi selezionare una pagina esistente o usare Aggiungi Nuova per creare una nuova pagina


  3. Passa il mouse sulla sezione dove aggiungerai il componente e premi il pulsante + AGGIUNGI nell’angolo in alto a sinistra per aprire la finestra Aggiungi componente.
    Una sezione di pagina selezionata in Website Builder dove il pulsante Aggiungi per aggiungere un componente è evidenziato
  4. Seleziona il componente Codice.
    La finestra Aggiungi Componente su una pagina in Website Builder dove puoi selezionare il componente Codice
  5. Clicca e tieni premuto il riquadro del componente per attivare la vista a griglia della sezione. Poi, sposta il riquadro nella posizione desiderata e rilascialo.
    Vista a griglia per una sezione di Website Builder dove puoi cambiare la posizione di un componente
  6. Clicca sul componente e seleziona l’icona matita (Modifica) dalla barra degli strumenti sopra.
    Una barra degli strumenti del componente che appare quando un componente è selezionato. L'icona Modifica (matita) è selezionata
  7. Si aprirà una nuova finestra Modifica codice dove puoi scrivere o incollare il tuo codice personalizzato.
    Un componente di codice in Website Builder dove puoi vedere il codice e il design visivo
  8. Se il codice è troppo grande e hai bisogno di più spazio di lavoro, premi l’icona Espandi nell’angolo in basso a destra.
    Un componente di codice in Website Builder con un pulsante Espandi evidenziato per aumentare l'area di lavoro
  9. Per tornare alla vista standard, chiudi la finestra Modifica codice.
    Un'area di lavoro espansa di un componente di codice
  10. Usa l’interruttore Visualizza il codice sorgente per passare dalla vista codice alla vista risultato nel blocco del componente.
    Componente di codice con un interruttore Visualizza Codice Sorgente attivato che mostra il codice o l'output nel riquadro del componente

IMPORTANTE! Gli script di codice personalizzati non vengono eseguiti mentre sei all’interno di Website Builder. Per eseguirli, apri la pagina in modalità Anteprima.

Condividi questo articolo