Come incorporare Instagram nei post di WordPress

0
38

Stai cercando un modo semplice per incorporare i feed di Instagram (feed) sul tuo sito Web WordPress?

Incorporare foto, video, storie e post di Instagram nel tuo sito web aiuta i tuoi contenuti a diventare vivaci, aumenta il coinvolgimento degli utenti e crea fiducia.

In questo articolo, ti mostreremo come incorporare Instagram in WordPress, passo dopo passo.

Perché dovresti incorporare Instagram su WordPress?

Mostrare contenuti da Instagram sul tuo sito Web WordPress ha molti vantaggi.

Puoi visualizzare la recensione del prodotto, la vetrina del prodotto, il video, l’immagine e altri contenuti generati dagli utenti in un post di Instagram come prova sociale per creare fiducia e aumentare le vendite.

I contenuti di Instagram aiutano anche a migliorare l’ottimizzazione per i motori di ricerca (SEO) del tuo sito Web rendendo i contenuti freschi e aggiornati.

A parte questo, Instagram feed è un ottimo modo per aumentare il coinvolgimento degli utenti (user engagement) e mantenere i visitatori più a lungo sul tuo sito web.

Ora vediamo come incorporare i contenuti di Instagram in WordPress.

Come incorporare Instagram feed con un plugin per WordPress

Il modo più semplice per incorporare Instagram feed in WordPress è tramite un plug-in.

Per questo tutorial, utilizzeremo un plugin gratuito chiamato Smash Balloon Social Photo Feed. È il miglior plug-in Instagram per WordPress e ti consente di visualizzare i contenuti di Instagram su un sito Web WordPress in modo rapido.

Esiste anche una versione a pagamento di questo plugin, chiamata Smash Balloon Instagram Feed Pro. Offre più opzioni di personalizzazione come l’ordinamento di feed in base agli hashtag, la combinazione di diversi tipi di feed, la visualizzazione di didascalie, Mi piace e commenti e molto altro.

Per prima cosa, devi installare e attivare il plugin Smash Balloon Social Photo Feed sul tuo sito web.

Scarica questo plugin

Dopo aver attivato il plugin, è necessario visitare Instagram Feed > Settings (Impostazioni) e fare clic sul pulsante Connect an Instagram Account (Connetti un account Instagram) nella scheda Conn

Collega un account Instagram

Vedrai una finestra pop-up, dove puoi scegliere tra un profilo Instagram personale (Personal) o un profilo Instagram aziendale (Business). Per questo tutorial, selezioneremo l’opzione Personal, quindi faremo clic sul pulsante Connect (Connetti).

D’altra parte, se hai un account Instagram aziendale o un account Instagram Creator (Creator), puoi selezionare l’opzione Business per continuare.

Seleziona un profilo Instagram

Successivamente, dovrai accedere al tuo account Instagram e fare clic sul pulsante Allow (Consenti) per consentire al plug-in di accedere alle informazioni del tuo profilo e ai contenuti multimediali (media content).

Consenti a Smash Balloon di accedere all'account Instagram

Quindi verrai reindirizzato al tuo sito Web, dove vedrai una finestra pop-up con il tuo ID Instagram che ti chiederà di collegare il tuo account. Per continuare, fai clic sul pulsante Connect This Account.

collega questo account

Successivamente, dovresti vedere il tuo account Instagram connesso a Smash Balloon.

Account Instagram collegato con successo a Smash Balloon

Successivamente, vai alla scheda Customize (Personalizza) e cambia l’aspetto del tuo Instagram feed. Ad esempio, personalizza la larghezza e l’altezza di feed e cambia il colore di sfondo.

Personalizza il tuo feed Instagram

Inoltre, Smash Balloon ti consente di scegliere il numero di foto e colonne da visualizzare in feed. Puoi anche selezionare il riempimento intorno alle immagini, disabilitare il layout mobile, ordinare le immagini e selezionare la risoluzione dell’immagine.

Se scorri verso il basso, ci sono più opzioni per la personalizzazione. Ad esempio, modifica l’intestazione del tuo Instagram feed, abilita il pulsante Load More (Carica altro) e il pulsante Follow (Segui), modifica le impostazioni GDPR e ottieni un rapporto settimanale sul problema feed.

Tuttavia, se esegui l’aggiornamento alla versione Pro, sono disponibili ulteriori funzionalità di personalizzazione, come la selezione di un tipo di layout, l’abilitazione di didascalie, Mi piace e commenti, il filtro dei post e altro ancora.

Dopo aver finito di personalizzare Instagram feed, fai clic sul pulsante Save Changes (Salva modifiche).

abilita carica di più e segui i pulsanti

Ora è molto facile incorporare post di Instagram ovunque nel tuo blog WordPress.

Per farlo, modifica o aggiungi un nuovo post o una nuova pagina. Nell’editor di WordPress (WordPress editor), fai clic sul segno più (+) per aggiungere un nuovo blocco e cerca “Instagram Feed”.

Aggiungere un blocco feed Instagram alla tua pagina

Il plugin Smash Balloon caricherà automaticamente Instagram feed e ti mostrerà un’anteprima nell’editor di WordPress. Ora puoi pubblicare (publish) il tuo post o la tua pagina per visualizzare i contenuti di Instagram.

Anteprima live del feed di Instagram

Se stai usando l’editor classico (classic editor) di WordPress, allora dovrai usare lo shortcode [instagram-feed] dove vuoi visualizzare il file Instagram feed.

Con questo plugin, puoi anche aggiungere molto facilmente Instagram feed alla barra laterale (sidebar) del tuo sito web. Per farlo, vai su Appearance » Widgets, trascina il widget Instagram Feed nella barra laterale e fai clic sul pulsante Save.

Aggiungere il widget del feed di Instagram alla barra laterale

Come aggiungere Instagram feed con il blocco di incorporamento predefinito (default embed block)

Se desideri incorporare un feed di Instagram in un post di WordPress con la funzione di incorporamento predefinita (default embed feature), dovrai abilitare Instagram oEmbeds nel plugin Smash Balloon Social Feot.

Il motivo è che non puoi più incorporare direttamente contenuti da Instagram o Facebook nel tuo sito WordPress.

Questa funzione oEmbed è stata ritirata nell’ottobre 2020 da WordPress, quando Facebook ha richiesto agli sviluppatori di registrare un’app e utilizzare i token di accesso (Access tokens) per ottenere i dati dalla loro API per i contenuti oEmbed.

Una soluzione semplice per risolvere questo problema di oEmbed è utilizzare il plug-in Smash Balloon Social Photo Feed. Devi solo andare su Instagram Feed » oEmbeds dalla tua area di amministrazione di WordPress (admin).

Quindi fare clic sul pulsante Enable Instagram oEmbeds (Abilita Instagram oEmbeds).

Abilita il pulsante Instagram oEmbeds

Vedrai una finestra pop-up che ti chiederà di connetterti a Facebook.

Connetti a Facebook

Successivamente, accedi al tuo account Facebook e connettilo con Smash Balloon.

Collega il profilo Facebook con Smash Balloon

Successivamente, puoi selezionare le pagine Facebook che desideri utilizzare con Smash Balloon e fare clic sul pulsante Next (Avanti).

Un vantaggio di consentire a Smash Balloon di utilizzare le tue pagine è che il tuo token di accesso (access token) non scade. Puoi saltare questa parte, ma il tuo token di accesso sarà valido solo per 60 giorni.

Seleziona le pagine da utilizzare con Smash Balloon

Successivamente, devi selezionare ciò che Smash Balloon può fare con la tua pagina Facebook e fare clic sul pulsante Done. Ad esempio, puoi consentire al plug-in di mostrare un elenco di pagine che gestisci.

Consenti a Smash Balloon di utilizzare la pagina

Successivamente, vedrai un messaggio che dice che hai collegato Smash Balloon a Facebook. Ora fai clic sul pulsante OK per tornare alla tua area di amministrazione di WordPress (admin).

Hai collegato Smash Balloon a Facebook

Vedrai un messaggio che dice che Instagram Feed sostituirà automaticamente i tuoi vecchi oEmbeds e genererà tutti i nuovi contenuti per tutti i nuovi collegamenti.

Il feed di Instagram sostituirà oEmbeds

Ora puoi facilmente incorporare qualsiasi contenuto di Instagram nel post o nella pagina del tuo blog.

Vai al tuo account Instagram e fai clic sui tre punti (…) nell’angolo in alto a destra di qualsiasi immagine o video di Instagram per aprire più opzioni.

Fai clic sui tre punti nel post di Instagram

Quindi fare clic sul pulsante Copy Link quando vengono visualizzate più opzioni nella finestra pop-up.

Copia il link al post di Instagram

Successivamente, modifica qualsiasi post o pagina e fai clic sul segno più (+) nell’angolo in alto a sinistra per aggiungere un blocco Embed (Incorpora).

Aggiungi un blocco di incorporamento

Quindi inserisci l’URL del tuo contenuto Instagram e fai clic sul pulsante Embed.

Inserisci l'URL del post di Instagram

Successivamente, puoi pubblicare il tuo post o la tua pagina per vedere Instagram feed sul tuo sito web.

Anteprima oEmb di Instagram

Speriamo che questo articolo ti abbia aiutato a sapere come incorporare Instagram nel tuo sito Web WordPress. Se hai qualche domanda, faccelo sapere nella casella dei commenti qui sotto.

.

LEAVE A REPLY

Please enter your comment!
Please enter your name here