Come incorporare facilmente il codice iFrame in WordPress (3 metodi)

Quando si creano siti web, spesso ci si imbatte nella necessità di visualizzare contenuti da fonti esterne senza ospitarli noi stessi. È qui che gli iFrame eccellono.

Che tu stia incorporando un video, una mappa o un'applicazione di terze parti, gli iFrame offrono un modo semplice per integrare contenuti esterni nel tuo sito WordPress.

In questo articolo, ti guideremo attraverso tre semplici metodi per aggiungere codice iFrame in post o pagine di WordPress. Dall'utilizzo di codici di incorporamento predefiniti alla creazione manuale dei tuoi iFrame, ti abbiamo coperto. 

Cos'è un iFrame?

Un iFrame (abbreviazione di inline frame) ti consente di incorporare video o altri contenuti sul tuo sito senza dover effettivamente ospitare quel video. Questo può farti risparmiare larghezza di banda e spazio di archiviazione, motivo per cui non dovresti mai caricare un video direttamente su WordPress.

Oltre a migliorare la velocità e le prestazioni di WordPress, l'iFrame si aggiornerà automaticamente se il contenuto originale cambia. Ciò significa che i visitatori vedranno sempre la versione più recente del contenuto.

Incorporare contenuti protetti da copyright tramite un iFrame inoltre non viola il copyright, quindi può aiutarti a proteggerti da cause legali.

Detto questo, vediamo come puoi incorporare facilmente il codice iFrame in WordPress. Usa semplicemente i collegamenti rapidi per saltare direttamente al metodo che desideri utilizzare:

Metodo 1: Incorpora iFrame WordPress utilizzando il codice della sorgente (veloce e facile)

Molti grandi siti di hosting video hanno un'opzione 'Incorpora' che ti dà accesso al codice iFrame necessario per aggiungerlo al tuo sito.

Se il sito web ha impostazioni di 'Condivisione' o 'Incorpora', questo è spesso il modo più rapido e semplice per incorporare contenuti.

I passaggi esatti varieranno a seconda della piattaforma, ma prendiamo YouTube come esempio. Per incorporare video di YouTube in WordPress, fai semplicemente clic sul pulsante 'Condividi' sotto il video che desideri utilizzare.

Dopodiché, vedrai un popup con diverse opzioni di condivisione.

Fai semplicemente clic sul pulsante 'Incorpora'.

YouTube ti mostrerà ora il codice iFrame.

Per impostazione predefinita, YouTube selezionerà la casella 'Mostra controlli del player', ma consigliamo anche di abilitare la modalità di protezione della privacy. Questa modalità consente ai visitatori di guardare il contenuto incorporato sul tuo sito Web WordPress senza che ciò influenzi la loro esperienza di navigazione su YouTube.

Dopodiché, fai clic sul pulsante 'Copia'.

Ora puoi pubblicare la tua pagina per vedere il video di YouTube in diretta sul tuo blog WordPress.

Apri semplicemente la pagina e fai clic sul pulsante ‘+’. Nel popup che appare, inizia a digitare ‘HTML’ per trovare il blocco HTML personalizzato.

Quando appare il blocco giusto, fai clic per aggiungerlo alla tua pagina.

Quindi, incolla semplicemente il codice iFrame di YouTube nel blocco.

Non tutti i siti Web di terze parti forniscono un codice di incorporamento pronto all'uso. Se non riesci a trovare impostazioni di 'Condividi' o 'Incorpora', puoi facilmente creare il tuo codice iFrame utilizzando il plugin iFrame.

Metodo 2: Incorpora con un plugin WordPress iFrame (funziona con tutti i siti web)

Innanzitutto, devi installare e attivare il plugin iFrame. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, il plugin inizierà a funzionare subito senza bisogno di configurazione. Vai semplicemente alla pagina o al post in cui desideri incorporare il contenuto e aggiungi un blocco Shortcode.

Come esempio, aggiungiamo una Mappa Google in WordPress, poiché questo è un modo semplice per negozi, ristoranti e altri locali di aggiungere indicazioni sul loro modulo di contatto.

Successivamente, aggiungi il seguente shortcode:

[iframe src="URL goes here"]

Sostituisci semplicemente 'URL va qui' con l'URL del contenuto che desideri incorporare sul tuo sito.

Per vedere tutti i parametri disponibili, puoi consultare la pagina del plugin iFrame.

Dopodiché, semplicemente visualizza in anteprima o pubblica l'articolo.

Ora dovresti vedere il contenuto incorporato sul tuo sito web.

Se non vuoi utilizzare un plugin WordPress speciale, puoi creare il codice iFrame manualmente. Per fare ciò, devi aprire la pagina o il post e quindi aggiungere un blocco HTML nell'editor di contenuti di WordPress.

Metodo 3: Incorpora iFrame manualmente in WordPress (Nessun plugin richiesto)

Questo è utile se è necessario visualizzare il contenuto incorporato in uno spazio più piccolo. Ad esempio, potresti voler ridimensionare il contenuto dopo aver testato la versione mobile del tuo sito Web WordPress.

Innanzitutto, incolla il seguente codice nel tuo blocco HTML:

<iframe src="URL goes here"></iframe>

Sostituisci semplicemente 'URL goes here' con l'URL diretto del contenuto che desideri incorporare.

Qui, stiamo incorporando una Mappa Google:

È possibile aggiungere parametri aggiuntivi per modificare l'aspetto del contenuto sul tuo sito web. Ad esempio, stiamo impostando la larghezza a 600 pixel e l'altezza a 200 pixel:

<iframe src="URL goes here" width="600" height="300"></iframe>

Un altro problema è che i siti HTTPS possono utilizzare iFrame solo per contenuti provenienti da altri siti HTTPS. Allo stesso modo, i siti HTTP possono utilizzare iFrame solo per contenuti provenienti da altri siti HTTP.

Quali sono alcune alternative agli iFrame?

Ci sono alcuni svantaggi nell'incorporare gli iFrame.

Non tutti i siti web consentono di inserire i propri contenuti in un iFrame, e potrebbe essere necessario regolare manualmente il contenuto in modo che appaia bene nello spazio disponibile.

Ora puoi pubblicare la tua pagina per vedere il video di YouTube in diretta sul tuo blog WordPress.

Questo è il motivo per cui molte piattaforme come WordPress preferiscono oEmbed.

Spesso, puoi usare oEmbed per incorporare video e altri contenuti semplicemente incollando un URL nel post di WordPress. WordPress ridimensionerà automaticamente l'oEmbed per adattarlo allo spazio disponibile, quindi avrà sempre un aspetto perfetto su desktop, smartphone e tablet.

Se desideri mostrare feed social sul tuo sito web, ti consigliamo di utilizzare un plugin per social media piuttosto che iFrame.

Ad esempio, Smash Balloon semplifica l'incorporamento di contenuti da Facebook, Instagram, Twitter e YouTube.

Ecco alcuni tutorial su come aggiungere feed di social media con Smash Balloon:

• Come incorporare tweet reali nei post del blog di WordPress
• Come incorporare video di TikTok in WordPress
• Come incorporare una playlist di YouTube in WordPress (metodo migliore)

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere facilmente iFrame in WordPress. Potresti anche voler consultare le nostre guide su come incorporare SoundCloud in WordPress e come disabilitare gli incorporamenti in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.