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 del tuo 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:

1. Incorpora iFrame WordPress utilizzando il codice della sorgente (veloce e facile)
2. Incorpora con un plugin iFrame per WordPress (funziona con tutti i siti web)
3. Embed iFrames in WordPress Manually (No Plugin Required)

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 di cui hai bisogno per aggiungere 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à con privacy potenziata. Questa modalità consente ai visitatori di guardare i contenuti incorporati sul tuo sito web WordPress senza influenzare la loro esperienza di navigazione su YouTube.

Dopodiché, fai clic sul pulsante 'Copia'.

Ora puoi incollare quel codice in qualsiasi post o pagina sul tuo sito. In questa guida, lo aggiungeremo a una nuova pagina nell'editor a blocchi di 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.

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

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

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

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 immediatamente senza bisogno di configurazioni. Vai semplicemente alla pagina o all'articolo in cui desideri incorporare contenuti e aggiungi un blocco Shortcode.

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.

Ad esempio, aggiungiamo una Mappa Google in WordPress, poiché questo è un modo semplice per i negozi, i ristoranti e altre sedi di aggiungere indicazioni sul loro modulo di contatto.

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

Ora dovresti vedere il contenuto incorporato sul tuo sito web.

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

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

Se non si desidera utilizzare un plugin WordPress speciale, è possibile creare il codice iFrame manualmente. Per fare ciò, è necessario aprire la pagina o il post e quindi aggiungere un blocco HTML nell'editor di contenuti di 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>

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

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.

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

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 i social media piuttosto che gli iFrame.

Ad esempio, Smash Balloon rende facile incorporare 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 anche trovarci su Twitter e Facebook.