Cerca

Come aggiungere un Widget Instagram in WordPress (guida passo-passo)

widget di instagram wordpress

Wformica per imparare come aggiungere un widget Instagram al tuo blog WordPress? Visualizzare il tuo feed Instagram sul tuo blog è un ottimo modo per aumentare il coinvolgimento con i tuoi lettori, fornire loro contenuti extra e altro ancora.

Collegare il tuo account Instagram al tuo blog WordPress potrebbe sembrare difficile, ma in realtà non lo è!

In questo articolo, ti mostreremo come aggiungere facilmente un widget Instagram al tuo blog in 2 modi diversi: manualmente e utilizzando un plug-in WordPress per feed Instagram. Esamineremo anche tutti i modi in cui l’aggiunta di un widget Instagram ti aiuterà a far crescere il tuo blog.

Pronto?

Immergiamoci!

 

Cos’è un widget WordPress?

Innanzitutto, se sei nuovo su WordPress, potresti chiederti che cos’è un widget WordPress.

I widget sono fondamentalmente piccoli blocchi di contenuto che puoi aggiungere alla barra laterale , al piè di pagina e ad altre aree del tuo sito WordPress.

Sono disponibili widget di WordPress per molte funzioni diverse come la visualizzazione dei post del blog più popolari, l’aggiunta di moduli, la visualizzazione dei feed dei social media e molto altro.

Nell’esempio seguente, Studio Mommy ha aggiunto un widget Instagram nel piè di pagina del suo sito Web insieme alle icone dei social media, un modulo di iscrizione alla newsletter e altro ancora.

instagram-feed-studio-mommy

Aggiungere un widget Instagram a WordPress può essere particolarmente vantaggioso per il tuo blog.

Continua a leggere per scoprire perché. 

Vantaggi dell’aggiunta di un widget Instagram al tuo blog WordPress

Ci sono molti modi in cui l’aggiunta di un widget Instagram a WordPress può aiutarti a migliorare il tuo sito web e far crescere il tuo blog.

Quindi, diamo un’occhiata più da vicino al motivo per cui dovresti aggiungere un feed Instagram al tuo blog. 

Fornisci ai visitatori più contenuti

Quando aggiungi un feed Instagram al tuo blog, stai fornendo ai visitatori del tuo sito web contenuti più interessanti da controllare. Invece di lasciare il tuo blog dopo aver letto il tuo ultimo post, possono scorrere il tuo feed Instagram, senza dover lasciare il tuo sito web.

Questo contenuto extra incoraggia i visitatori a rimanere sul tuo sito web più a lungo.

Migliora la SEO

Quando aggiungi un widget Instagram a WordPress, le didascalie di Instagram vengono incorporate nel tuo sito.

Questo aiuta i motori di ricerca a capire meglio di cosa tratta il tuo blog, il che può aiutarti a migliorare il tuo SEO (ottimizzazione dei motori di ricerca) e indirizzare più traffico al tuo sito. 

Aumenta il coinvolgimento e i follower

I lettori del tuo blog potrebbero non sapere che sei su Instagram . Quindi, aggiungendo un widget Instagram al tuo blog, farai sapere loro che sei attivo sulla piattaforma.

Questo può aiutarti a ottenere più follower su Instagram e aumentare la tua presenza sui social media.

Inoltre, quando i lettori sono in grado di vedere i tuoi ultimi post di Instagram sul tuo blog, li incoraggerà a interagire di più con i tuoi post mettendo mi piace o commentando. 

Aggiorna facilmente il tuo blog

Con un feed Instagram incorporato nel tuo blog, è facile mantenere aggiornato il tuo sito con nuovi contenuti. Ogni volta che pubblichi nuovi contenuti su Instagram, questi vengono visualizzati automaticamente sul tuo sito web. Questo ti fa risparmiare tempo e mostra che il tuo blog è attivo. 

Costruisci prova sociale e fiducia

Se condividi contenuti generati dagli utenti come testimonianze dei tuoi lettori su Instagram, l’aggiunta di un widget Instagram al tuo sito ti aiuterà a costruire prove sociali e fiducia con i visitatori del sito web.

Gli utenti del tuo sito vedranno che altre persone si fidano del tuo blog, il che li incoraggerà a diventare anche loro fan fedeli.

Ora che conosci tutti i vantaggi del collegamento del tuo account Instagram con WordPress, passiamo direttamente al tutorial. 

Come aggiungere un widget Instagram in WordPress (manualmente)

Se desideri aggiungere un widget Instagram in WordPress senza plug-in, puoi farlo manualmente.

Ti consigliamo di utilizzare un plug-in perché è più semplice e ti darà un sacco di altre opzioni di visualizzazione e personalizzazione, ne parleremo nella prossima sezione.

Inoltre, c’è molto spazio per gli errori con il metodo manuale, che può essere difficile da correggere se non hai familiarità con il codice.

Ma, per aggiungere manualmente un widget Instagram, inizia andando al tuo account Instagram e selezionando la foto che vuoi visualizzare sul tuo blog.

Fai clic sui 3 piccoli punti nell’angolo in alto a destra del post di Instagram. Quindi, fai clic su Incorpora .

Incorporamento di Instagram

Nel passaggio successivo, fai clic sul pulsante blu Copia codice da incorporare . Qui, hai anche la possibilità di rimuovere la didascalia dall’incorporamento, se lo desideri, deselezionando la casella Includi didascalia .

copiare il codice incluso

Dopo aver copiato il codice di incorporamento, puoi semplicemente incollarlo in qualsiasi post o pagina utilizzando l’editor di WordPress.

Se vuoi aggiungere un widget Instagram alla tua barra laterale in WordPress, con il codice di incorporamento copiato, vai alla dashboard di WordPress. Quindi vai su Aspetto »Widget.

widget-aspetto-dashboard

Sul lato sinistro della pagina Widget, vedrai un elenco di widget disponibili. Trova il widget Testo e trascinalo sul lato destro della pagina in cui desideri che appaia sul tuo sito. Per questo tutorial, lo aggiungeremo alla barra laterale.

trascina il widget di testo nella barra laterale

Dopo aver posizionato il widget nella posizione desiderata sul tuo sito, fai clic sulla freccia del menu a discesa sul widget.

menu a discesa

Si aprirà una casella di testo in cui puoi incollare il codice di incorporamento di Instagram che hai copiato in precedenza. Assicurati di incollare il codice di incorporamento nell’editor di testo anziché nell’editor visivo.

incolla-embed-code

Puoi anche aggiungere un titolo per il tuo feed Instagram. Fai clic su Salva quando hai finito.

Questo è tutto.

Ora puoi vedere il tuo widget Instagram dal vivo sul tuo blog.

Instagram-sidebar-widget

Come puoi vedere dall’esempio sopra, non hai molte opzioni di personalizzazione quando aggiungi manualmente un widget Instagram in WordPress.

Quindi, diamo un’occhiata a un modo migliore per aggiungere un widget Instagram a WordPress.

Come aggiungere un widget Instagram in WordPress (utilizzando un plugin)

Il modo più semplice e migliore per aggiungere un widget Instagram a WordPress è con un plugin. Consigliamo il plug-in Instagram Feed Pro di Smash Balloon .

instagram feed pro smash palloncino

Instagram Feed Pro è il plug-in Instagram più votato per WordPress numero 1 .

Usando questo Smash Balloon plguin, in pochi clic puoi facilmente aggiungere il tuo feed Instagram come widget nella barra laterale, a qualsiasi post o pagina del tuo blog utilizzando l’editor di blocchi di WordPress o incollando uno shortcode ovunque sul tuo sito.

Inoltre, Instagram Feed Pro è dotato di fantastiche funzionalità per aiutarti a creare un widget Instagram potente e personalizzato, tra cui:

  • Opzioni di layout multiple : scegli tra le opzioni di layout integrate come carosello, griglia, muratura ed evidenziazione. 
  • Sistema di moderazione visiva : decidi quali post mostrare e quali nascondere. 
  • Coinvolgimento sociale : mostra storie di Instagram, commenti, Mi piace e un pulsante Segui sul tuo feed. 
  • Design reattivo: si adatta automaticamente alle diverse dimensioni dello schermo per rendere il tuo feed ottimizzato per i dispositivi mobili.
  • Feed Instagram multipli : visualizza tutti i tipi di feed diversi sul tuo sito che desideri. 

Smash Balloon offre anche una versione gratuita del plug-in , quindi puoi provarlo.

Ma per accedere a funzionalità come layout multipli, commenti e Mi piace e feed hashtag, è necessario eseguire l’aggiornamento alla versione pro .

Ora, esaminiamo come utilizzare Smash Balloon per aggiungere un widget Instagram in WordPress, passo dopo passo. 

Passaggio 1: installa il plug-in del feed di Instagram

Innanzitutto, devi scaricare Instagram Feed Pro da Smash Balloon e installare e attivare il plug-in.

Per i principianti, dai un’occhiata a questo post su come installare un plugin per WordPress per istruzioni dettagliate. 

Passaggio 2: collega il tuo account Instagram al plug-in

Successivamente, devi collegare il tuo account Instagram con il plug-in Smash Balloon. Per fare ciò, fai clic sul pulsante Feed di Instagram nella dashboard di WordPress che appare dopo aver scaricato e attivato il plug-in.

Questo ti porterà alla pagina Impostazioni del plug-in Feed di Instagram. Fai clic sul pulsante blu Collega un account Instagram .

collegare-instagram-account

Segui le istruzioni che appaiono sullo schermo per connettere il tuo account Instagram.

Il primo prompt ti chiederà se desideri connettere un account Instagram personale o aziendale .

conto aziendale personale

È importante notare che per alcune funzionalità del feed Instagram di Smash Balloon, come il feed hashtag o i post acquistabili, è necessario disporre di un account Instagram aziendale.

Non preoccuparti del tipo di account Instagram di cui hai bisogno in questo momento perché puoi sempre cambiarlo in seguito.

Seleziona il tipo di account Instagram e fai clic su Connetti per continuare.

Questo è tutto! Il tuo account Instagram è ora connesso al plug-in Feed di Instagram. 

Passaggio 3: scegli il contenuto di Instagram da visualizzare

Nella stessa pagina, puoi anche scegliere quale tipo di contenuto Instagram desideri visualizzare nel tuo widget Instagram.

Puoi scegliere di visualizzare:

  • Il tuo feed Instagram standard
  • Un feed con foto di uno specifico hashtag pubblico
  • Un feed con le foto in cui sei taggato
  • Un feed misto con più tipi di feed
instagram-feed-type

Per visualizzare un semplice feed dei tuoi ultimi post su Instagram, scegli l’opzione Account utente e fai clic su Salva modifiche . 

Passaggio 4: scegli il layout per il tuo widget Instagram

Vai alla pagina Impostazioni del plug-in Feed di Instagram e fai clic sulla scheda Personalizza .

scheda di personalizzazione del pallone smash

In questa pagina puoi decidere come apparirà il widget di Instagram sul tuo blog con opzioni di personalizzazione come:

  • Larghezza e altezza 
  • Colore di sfondo
  • Numero di foto da mostrare
  • Mostra / nascondi la tua biografia di Instagram
  • Aggiungi un pulsante Segui

Puoi anche scegliere quale tipo di layout desideri che abbia il tuo widget Instagram. Instagram Feed di Smash Balloon offre 4 diverse opzioni di layout tra cui scegliere:

  • Griglia : una griglia standard con immagini quadrate fisse
  • Carosello : un carosello orizzontale che gli utenti possono scorrere
  • Muratura – Una galleria che mostra le foto di Instagram nel loro formato orizzontale o verticale originale
  • Evidenzia : una galleria in cui foto specifiche appaiono più grandi nella griglia per evidenziarle

Per questo tutorial, sceglieremo il layout Grid, che assomiglia a questo:

smash-balloon-instagram-grid-layout

Scegli il tipo di layout desiderato e fai clic su Salva modifiche .

Passaggio 5: aggiungi il tuo widget Instagram in WordPress

Ora è il momento di aggiungere il tuo widget Instagram al tuo blog!

Con il plug-in Instagram Feed di Smash Balloon, hai 3 diversi modi per incorporare il tuo feed.

Esaminiamo ciascuno di essi. 

1. Blocco WordPress feed Instagram

Per aggiungere un widget Instagram a una nuova pagina del tuo sito web utilizzando l’editor di blocchi di WordPress, prima vai su Pagine »Aggiungi nuovo .

Nell’editor di blocchi di WordPress, fai clic sull’icona Più (+) per cercare un blocco di WordPress. Nella barra di ricerca digita “Instagram” per trovare il blocco WordPress Feed Instagram .

wordpress-block-widget

Fai clic sul blocco per aggiungerlo alla tua pagina.

Avrai quindi un’anteprima di come apparirà il tuo feed Instagram sul tuo sito web e potrai modificare le impostazioni se necessario.

Pubblica la pagina per rendere live il tuo widget feed di Instagram sul tuo blog!

Ecco un esempio di come appare il prodotto finito:

instagram-feed-smash-balloon

Puoi utilizzare lo stesso metodo per aggiungere un feed Instagram a qualsiasi pagina o post esistente sul tuo sito. 

2. Shortcode feed Instagram

Se utilizzi il classico editor di WordPress, puoi utilizzare lo shortcode del feed di Instagram per visualizzare il tuo feed in un post o in una pagina del tuo sito.

Vai alla pagina Impostazioni feed di Instagram . Nella scheda Visualizza il tuo feed , copia lo shortcode fornito.

feed-shortcode

Quindi, incolla semplicemente lo shortcode direttamente nel tuo post o nell’editor di pagine.

paste-shortcode

Fai clic su Pubblica per salvare le modifiche e rendere attivo il tuo feed Instagram sul tuo sito. 

3. Widget WordPress per feed Instagram

Se desideri che il tuo widget Instagram appaia nella barra laterale, come il piè di pagina o la barra laterale principale, puoi utilizzare il widget Feed Instagram integrato di Smash Balloon. 

Vai su Aspetto »Widget dalla dashboard di WordPress. 

Trova il widget Feed di Instagram sul lato sinistro e trascinalo sulla barra laterale scelta. Per questo tutorial, aggiungeremo un widget Instagram alla barra laterale principale. 

widget di smash-balloon

Nelle impostazioni puoi aggiungere un titolo. Quando hai finito, fai clic su Salva . 

Ora, quando visualizzi l’anteprima del tuo sito, puoi vedere il tuo feed Instagram nella barra laterale. 

sidebar-instagram-feed

È una conclusione!

Ora hai imparato come aggiungere facilmente un widget Instagram in WordPress. Con il tuo feed Instagram visualizzato magnificamente sul tuo blog puoi fornire contenuti più interessanti ai tuoi lettori, aumentare il coinvolgimento e far crescere la tua presenza sui social media.

Vuoi visualizzare un feed di Facebook anche sul tuo blog? Dai un’occhiata al nostro elenco dei migliori plugin di Facebook per WordPress . Puoi anche leggere il nostro tutorial su come incorporare un gruppo Facebook in WordPress .

E non dimenticare di iscriverti alla nostra newsletter via e-mail per suggerimenti più utili sul blogging!

Open

info@ibdi.it

Close