Usa il blocco HTML personalizzato per aggiungere codice HTML e visualizzarne l’anteprima mentre lo modifichi. Questa guida ti mostrerà come utilizzare questo blocco per aggiungere codice al tuo sito web.
Prima di iniziare, ricorda che il blocco HTML personalizzato serve per aggiungere codice HTML non elaborato a una singola pagina o articolo. Non è sempre lo strumento più adatto. Se il tuo obiettivo rientra in uno dei casi descritti di seguito, la guida collegata rappresenta una strada più veloce:
- Incorporare un video, una mappa, un post social o un servizio di terze parti (YouTube, Spotify, Instagram, Giphy, Pinterest e molti altri): vedi Incorporare contenuti da altre piattaforme. Il blocco Incorpora funziona su tutti i piani e supporta molti servizi popolari senza necessità di codice personalizzato.
- Raccogliere informazioni di contatto, iscrizioni o feedback: vedi Blocco Modulo. Il blocco Modulo crea un modulo funzionante senza HTML.
- Aggiungere stili CSS al tuo sito: vedi Aggiungere CSS personalizzato.
- Aggiungere codice all’intestazione del tuo sito (meta tag di verifica, script di terze parti caricati su tutto il sito): vedi Aggiungere codice all’intestazione.
Per aggiungere il blocco HTML personalizzato, segui questi passaggi:
- Vai alla bacheca del tuo sito e seleziona la pagina, l’articolo o il template a cui desideri aggiungere l’HTML.
- Fai clic sull’icona + per l’inserimento del blocco e cerca “HTML”.
- Fai clic sul blocco HTML personalizzato per aggiungerlo ai tuoi contenuti.
Per saperne di più sull’aggiunta dei blocchi, dai un’occhiata a queste istruzioni dettagliate.
Dopo aver aggiunto il blocco, segui questi passaggi per inserire il tuo codice HTML:
- Fai clic sul pulsante “Modifica HTML”.
- Scrivi o incolla il tuo codice HTML sul lato sinistro dell’editor.
- Man mano che componi l’HTML, vedrai un’anteprima del codice sul lato destro.
- Quando l’anteprima ti soddisfa, fai clic sul pulsante Aggiorna per salvare le modifiche.
Vedrai il risultato del tuo codice HTML direttamente nell’editor. Per apportare modifiche, fai clic sul pulsante “Modifica HTML” nella barra degli strumenti del blocco.
L’HTML è un linguaggio informatico che indica ai browser come visualizzare i contenuti di un sito web. WordPress.com consente l’uso dei seguenti tag HTML su tutti i piani:
- a
- address
- abbr
- acronym
- area
- article
- aside
- b
- big
- blockquote
- br
- caption
- cite
- class
- code
- col
- del
- details
- dd
- div
- dl
- dt
- em
- figure
- figcaption
- footer
- font
- h1, h2, h3, h4, h5, h6
- header
- hgroup
- i
- img
- ins
- kbd
- li
- map
- mark
- ol
- p
- pre
- q
- rp
- rt
- rtc
- ruby
- s
- section
- small
- span
- strike
- strong
- sub
- summary
- sup
- table
- tbody
- td
- tfoot
- th
- thead
- tr
- tt
- u
- ul
- var
Per aggiungere i seguenti tag, avrai bisogno di un piano a pagamento con le funzionalità di hosting attivate. Scopri come attivare le funzionalità di hosting del tuo piano.
embed, frame, iframe, form, input, object, textarea, script, style, link
Per ulteriori informazioni sui tipi di codice che puoi aggiungere al tuo sito web, nonché sulle alternative quando un tipo di codice non è supportato, consulta la nostra guida sull’aggiunta di codice al tuo sito web.
Se il tuo codice HTML non appare come previsto dopo il salvataggio, verifica le seguenti cause comuni.
WordPress.com filtra determinati tag HTML per motivi di sicurezza. Tag come iframe, script, style, form, embed e object richiedono un piano a pagamento con funzionalità di hosting attivate.
Se il tuo codice scompare o viene parzialmente rimosso dopo il salvataggio, effettua queste verifiche nell’ordine indicato:
- Verifica il tuo piano. Vai alla bacheca del tuo sito e seleziona Miglioramenti → Piani. Il blocco HTML personalizzato accetta tag con restrizioni solo su un piano a pagamento. Se utilizzi il piano gratuito, passa a un qualsiasi piano a pagamento per continuare.
- Attiva le funzionalità di hosting. Un piano a pagamento da solo non è sufficiente: anche le funzionalità di hosting devono essere attive. Installa almeno un plugin sul tuo sito per abilitare il tuo piano a ricevere codice personalizzato.
- Inserisci nuovamente il tuo codice. Una volta effettuato il passaggio a un piano a pagamento e le funzionalità di hosting sono attive, incolla nuovamente il codice nel blocco HTML personalizzato e salva.
Se il codice continua a essere rimosso dopo aver attivato le funzionalità di hosting, il tag potrebbe non essere supportato in questo contesto, oppure il servizio di terze parti potrebbe pubblicare un codice di incorporamento che utilizza un markup non supportato. Prova a utilizzare invece il blocco Incorpora, oppure consulta la sezione Risoluzione degli errori “contenuto imprevisto o non valido” riportata di seguito.
Se stai cercando di incorporare contenuti da un servizio di terze parti (video, musica, mappe, post social, calendari, newsletter o visualizzatori di documenti) utilizza invece il blocco Incorpora. Il blocco Incorpora funziona su qualsiasi piano, non richiede la scrittura di codice HTML e supporta servizi quali YouTube, Vimeo, Spotify, X, Instagram, TikTok e molti altri.
Se il servizio desiderato non è presente nell’elenco del blocco Incorpora, è probabile che richieda un iframe o uno script. Aggiungi il codice di incorporamento a un blocco HTML personalizzato su un piano a pagamento con le funzionalità di hosting attivate.
Se visualizzi un messaggio che indica che il blocco contiene contenuti imprevisti o non validi, l’HTML all’interno del blocco potrebbe essere malformato o potrebbe essere cambiato. Seleziona “Tenta recupero blocco” per consentire all’editor di correggere automaticamente il problema. Se l’errore persiste, consulta la nostra guida sulla risoluzione degli errori dei blocchi per ulteriori opzioni.
Supporto 