Ecco come aggiungere i feed Instagram di Smash Balloon a Elementor (2025)
Casa Blog Ecco come aggiungere i feed Instagram di Smash Balloon a Elementor (2025)

Ecco come aggiungere i feed Instagram di Smash Balloon a Elementor (2025)

Come aggiungere i feed Instagram di Smash Balloon a Elementor

Cercate un modo per aggiungere i feed di Smash Balloon Instagram a Elementor?

Come costruttore di pagine più popolare, Elementor è la scelta obbligata per molte persone che desiderano creare belle pagine per il proprio sito.

E l'aggiunta di un feed Instagram è un modo semplice per rendere queste pagine ancora più coinvolgenti per i vostri visitatori.

Oggi vi mostrerò il modo più semplice per aggiungere i feed di Instagram a Elementor.

Perché utilizzare i feed di Instagram con Elementor?

Elementor è un plugin per la creazione di pagine che consente di creare pagine per il vostro sito WordPress. Poiché tutto avviene tramite un editor drag and drop, non è necessario toccare nemmeno una riga di codice per creare le pagine.

Ma se volete rendere tutte le pagine di Elementor ancora migliori, c'è un modo semplice per farlo.

Proprio come l'incorporazione dei video di TikTok, potete aggiungere al vostro sito dei post di Instagram pertinenti per renderlo più coinvolgente, aumentare la conversione e ottenere allo stesso tempo più follower sui social media.

Ecco cosa potete ottenere aggiungendo i feed di Instagram al vostro sito:

  • Potete mostrare post su Instagram di persone reali che apprezzano e promuovono i vostri prodotti. Grazie a questa prova sociale, potete convincere i visitatori del vostro sito a effettuare un acquisto.
  • L'aggiunta di feed di Instagram consente di mostrare immagini e video rilevanti senza doverli caricare sul sito.
  • Con i feed di Instagram sul vostro sito, potete ottenere più follower dai vostri visitatori. In questo modo, il social media marketing sarà più facile per voi.
  • Incorporando i feed di Instagram shoppable, potete anche collegare i vostri post di Instagram alla vostra pagina di vendita e permettere alle persone di acquistare direttamente dai vostri feed di Instagram.

Il modo più semplice per aggiungere feed di Instagram a Elementor

miglior plugin instagram feed pro

Con Instagram Feed Pro di Smash Balloon, potete incorporare i feed di Instagram nel vostro sito Elementor, senza alcun problema.

Progettato per essere facile da usare, vi permetterà di aggiungere tutti i feed che desiderate anche se siete dei neofiti di WordPress.

Se vi state chiedendo "Smash Balloon funziona con Elementor?", siete fortunati.

Personalmente adoro il fatto che Instagram Feed Pro sia perfettamente compatibile con Elementor, in modo da poter aggiungere bellissimi feed di Instagram utilizzando l'editor drag-and-drop di Elementor.

Oltre alla facilità d'uso, Instagram Feed Pro è dotato di molte altre funzioni. Ecco alcuni punti salienti:

  • Configurazione super facile e veloce: Potete iniziare a incorporare i feed di Instagram in pochi minuti, senza bisogno di complicate operazioni di codifica.
  • Diversi tipi di feed di Instagram: Con Instagram Feed Pro, è possibile aggiungere molti tipi diversi di feed, dai post di Instagram shoppabili ai feed di hashtag, fino all'incorporazione di rulli di Instagram.
  • Abbinamento al vostro marchio: Tutti i feed di Instagram Feed Pro si abbinano automaticamente al design esistente del vostro sito web. Così i vostri feed di Instagram si adatteranno perfettamente al vostro branding.
  • Facile personalizzazione: Potete anche personalizzare il vostro feed, comprese le dimensioni, i margini, il colore, il carattere, il layout e molto altro ancora in pochi clic utilizzando l'incredibile editor di feed live.
editor di feed live per instagram feed pro
  • Veloce come un fulmine: Nonostante tutte le foto e i video di Instagram sul vostro sito web, il plugin è leggero, quindi i vostri feed si caricheranno molto velocemente. E un sito web veloce è molto meglio per la SEO.
  • Assistenza clienti: Instagram Feed Pro di Smash Balloon viene fornito con un team di esperti di WordPress per rendere la vostra esperienza di creazione di feed molto più fluida.

Come miglior plugin di feed Instagram per WordPress, Instagram Feed Pro è compatibile con Elementor e con altri page builder popolari come Divi, Thrive Architect, Beaver Builder e altri.

Pro-Tip: siete interessati a incorporare i contenuti di Instagram anche su altri website builder? Ecco come incorporare i feed di Instagram su Divi.

Con oltre 1.000.000 di utenti attivi e una valutazione di 4,9/5 stelle, è un successo tra gli utenti.

recensioni instagram feed pro plugin

Inoltre, Instagram Feed Pro gode della fiducia di alcuni dei più grandi marchi del mondo. Nel complesso, è davvero l'opzione migliore se volete aggiungere i feed di Instagram al vostro sito.

Oggi vi mostreremo come installare il plugin Instagram Feed Pro di Smash Balloon e aggiungere i vostri feed a Elementor.

Come aggiungere i feed Instagram di Smash Balloon a Elementor

Seguite i passaggi seguenti e potrete avere un bellissimo feed Instagram sul vostro sito Elementor WordPress in pochissimo tempo.

Iniziamo!

Passo 1: Installare e attivare Instagram Feed Pro

Innanzitutto, potete andare a prendere la vostra copia di Instagram Feed Pro qui. Quindi, installatelo e attivatelo sul vostro sito.

Non siete sicuri di come si fa? Abbiamo un pratico articolo su come installare i plugin di WordPress.

Fase 2: Creare un nuovo feed di Instagram

Una volta installato e attivato il plugin, andate su Instagram Feed " All Feeds dalla vostra dashboard di WordPress.

In questa pagina, fare clic sul pulsante Aggiungi nuovo .

creare un nuovo feed instagram feed pro

È ora possibile scegliere il tipo di feed Instagram che si desidera creare per il proprio sito. Ci sono 3 opzioni tra cui scegliere:

  • Timeline utente: Crea un feed live di Instagram che mostra i post del tuo account.
  • Hashtag pubblici: Utilizza il tuo feed di Instagram per mostrare i post con hashtag specifici.
  • Messaggi taggati: Incorpora tutti i post in cui il tuo account Instagram è stato taggato.

Inoltre, è possibile visualizzare più feed di Instagram contemporaneamente. In questo modo, è possibile creare un unico feed con diversi tipi di contenuti.

Per procedere, basta selezionare il tipo di feed di Instagram e cliccare su Avanti.

Per questa esercitazione, sceglieremo una timeline utente.

selezionare il tipo di feed instagram feed pro

Fase 3: Collegare il nuovo feed a Instagram

Dopo aver creato il feed di Instagram, il plugin vi chiederà di collegarvi a una fonte per poter mostrare i contenuti di Instagram.

A tal fine, è sufficiente collegare il proprio account Instagram come fonte.

Cliccate su Aggiungi fonte in questa pagina per iniziare a collegare il vostro account Instagram.

instagram aggiunge una fonte per il feed

Si aprirà una finestra a comparsa in cui si potrà scegliere tra un profilo aziendale o un profilo personale.

Con un profilo Instagram personale, potete utilizzare tutte le funzioni che usate normalmente su Instagram. Su Instagram Feed Pro, ciò significa che è possibile aggiungere feed dal proprio account Instagram.

Se si dispone di un profilo Instagram aziendale, si ha accesso alle analisi e a un pulsante di contatto che può aiutare la propria attività.

Con questo plugin è possibile aggiungere tutti i tipi di feed di Instagram, come i feed di hashtag, i video di Instagram TV (IGTV), i feed shoppable e molto altro ancora.

Scegliete l'opzione che preferite e cliccate su Accedi con Instagram.

Per questa esercitazione utilizzeremo un profilo personale.

popup per la selezione del tipo di account instagram

Ora Instagram Feed Pro chiederà l'accesso in sola lettura al vostro account. Il plugin utilizzerà tale accesso per visualizzare le informazioni di Instagram e non potrà apportare alcuna modifica.

Ciò significa che è perfettamente sicuro utilizzare Smash Balloon per il vostro sito web.

Per consentire l'accesso in sola lettura, è sufficiente fare clic su Consenti.

consentire l'accesso all'account instagram creare il feed

Infine, fate clic sul pulsante Avanti per confermare l'account Instagram come fonte del vostro feed.

confermare l'account come fonte per il feed di instagram

Ora è il momento di passare alla fase 4 e di personalizzare il design del vostro feed di Instagram.

Passo 4: personalizzare il feed di Instagram

Ora è possibile vedere l'editor di feed live di Instagram Feed Pro, dove è possibile personalizzare il design del feed.

Sul lato sinistro dell'editor si possono vedere tutte le opzioni di personalizzazione. È possibile modificare il layout del feed, lo schema dei colori, il layout dei post, il design dell'intestazione e molto altro ancora.

Ogni volta che si apportano delle modifiche, è possibile vedere l'aspetto dell'applicazione utilizzando l'anteprima dal vivo sulla destra.

editor di feed live feed instagram

Per iniziare a personalizzare il vostro feed di Instagram, fate clic sulla sezione Layout del feed a sinistra.

modificare il layout del carosello di instagram

Da qui è possibile scegliere tra 4 diversi layout per il feed di Instagram: Griglia, Carosello, Muratori e In evidenza.

opzioni di layout del feed aggiungere il feed di instagram a elementor

L'opzione griglia vi darà semplici righe e colonne per mostrare ordinatamente i vostri post di Instagram. Con questo layout pulito, è possibile mostrare tonnellate di post in una sola volta.

Personalmente, mi piace usare questo layout per il mio feed di Elementor Instagram perché è ordinato e organizzato e incoraggia i visitatori del sito a seguire il mio feed.

layout a griglia per il vostro feed instagram

Con un carosello di Instagram, potete posizionare i vostri post su uno slider per ottenere un aspetto dinamico. Inoltre, rende la vostra pagina più interattiva.

layout carosello aggiungere instagram a elementor

Volete che le vostre immagini di Instagram mantengano le dimensioni originali? In questo caso, il layout in muratura può fare al caso vostro.

È quindi possibile mostrare i contenuti di Instagram senza ritagliare nulla.

layout in muratura per lo shopping su instagram

E se volete che i vostri post su Instagram siano più visibili, avete a disposizione l'opzione highlight che ne aumenta le dimensioni di 4 volte.

Questo layout può essere utile se si desidera evidenziare determinati post di Instagram dal proprio feed.

evidenzia il layout del feed instagram

Una volta scelto il layout del feed, basta fare clic su Salva.

Per continuare a modificare il design del vostro feed di Instagram, fate clic sul piccolo pulsante Personalizza in alto.

Torna alle opzioni di personalizzazione principali

Ora fate clic sull'opzione Schema di colore a sinistra per modificare i colori del vostro feed di Instagram.

fare clic sull'opzione Schema di colore

Ora potete scegliere tra 4 diversi schemi di colore per il vostro nuovo feed di Instagram:

  • Eredita dal tema: Copia rapidamente i colori del tema del tuo sito web
  • Luce: Visualizza uno sfondo chiaro e un carattere di colore scuro.
  • Scuro: scegliete un colore scuro per lo sfondo e un carattere più chiaro.
  • Personalizzato: Scegliere manualmente tutti i colori del proprio feed Instagram
opzioni di combinazione di colori instagram feed pro

Una volta soddisfatti della combinazione di colori, fare clic sul pulsante Salva .

E non è tutto. Utilizzando questo editor di live feed, è possibile impostare anche altre opzioni di personalizzazione come le dimensioni del feed, lo stile dell'intestazione, il design dei pulsanti, lo stile della lightbox e molto altro ancora.

Grazie alle facili opzioni di personalizzazione del plugin, è possibile avere un maggiore controllo sull'aspetto dei feed di Instagram.

Infine, fare clic su Salva per confermare le modifiche e passare alla fase finale.

Passo 5: Aggiungere il feed di Instagram a Elementor

Infine, è possibile aggiungere il feed Instagram di Smash Balloon a Elementor.

Per iniziare, andare su Pagine " Aggiungi nuovo per aprire una nuova pagina nell'editor di WordPress.

Qui, fare clic sul pulsante Modifica con Elementor in alto.

modifica con elementor per aggiungere instagram

Se invece si desidera utilizzare un post di WordPress, si può andare su Post " Aggiungi nuovo e fare clic su Modifica con Elementor.

Per questo esempio utilizzeremo una pagina di WordPress.

aggiungere il feed di instagram a un post di wordpress

Si aprirà l'editor di Elementor. Qui si trova il pannello verso sinistra, dove si trovano tutti i widget di Elementor.

Nel campo di ricerca, digitate "instagram" e vedrete il widget Instagram Feed tra i risultati della ricerca.

ricerca di elementor widget feed di instagram

È sufficiente trascinare il widget di Instagram e rilasciarlo sulla pagina a destra.

trascinare il widget del feed di instagram sulla pagina

Dopo aver aggiunto il widget del feed di Instagram alla pagina, è possibile scegliere quale feed visualizzare.

Utilizzando il menu a tendina, selezionare il feed di Instagram creato in precedenza.

seleziona il tuo feed instagram elementor

Infine, fare clic sul pulsante Pubblica per salvare le modifiche.

Ora avete aggiunto con successo il vostro feed Instagram di Smash Balloon a Elementor.

Basta dare un'occhiata al vostro sito web e vedere come appare sul front-end.

esempio di feed instagram su elementor

E questo è quanto!

Ora dovreste sapere come incorporare i feed Instagram di Smash Balloon nelle vostre pagine Elementor. Come potete vedere, con questo plugin potete creare, personalizzare e incorporare i feed di Instagram in pochi e semplici passaggi.

Con bellissimi feed di Instagram sul vostro sito web, potete coinvolgere i vostri visitatori e far crescere facilmente il vostro seguito.

Volete aggiungere contenuti Instagram al vostro sito Elementor? Prendete la vostra copia di Instagram Feed Pro oggi stesso!

Siete alla ricerca di modi per aumentare la vostra presenza su Instagram? Perché non date un'occhiata al nostro post su come aumentare i follower su Instagram?

Oppure, se avete un altro feed di social media che volete visualizzare su Elementor, consultate questo tutorial su come aggiungere le recensioni di Google al vostro sito web Elementor.

Se questo articolo vi è stato utile, seguiteci su Twitter e Facebook e restate sintonizzati per altri suggerimenti e trucchi di social media marketing.

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

Commenti 4

  1. Manuel Escobar 3 anni fa

    Ciao Sara,

    Grazie per averci contattato! In questo caso, ti suggerirei di controllare che tu abbia l'ultima versione del plugin e che tu stia utilizzando un formato Hex per il colore di sfondo. Se si desidera uno sfondo trasparente, è possibile utilizzare #FFFFFF00, come in questo esempio.

    Se il problema persiste, inviateci una richiesta di assistenza utilizzando il modulo presente sul nostro sito web, includendo le informazioni sul sistema.

    Per ottenere queste informazioni, seguire la procedura descritta in questa pagina.

    Spero che questo sia d'aiuto! Fatemi sapere se avete domande.

    Grazie! 🙂

    Risposta
  2. Tessa Nicolai 3 anni fa

    Salve,

    Non riesco a trovare il widget del feed di Instagram. Sto usando il tema astra con elementor. Inoltre sto usando il nuovo flex box.

    Potete aiutarmi? Saluti a Tessa

    Risposta
    1. Manuel Escobar 3 anni fa

      Ciao Tessa,

      Grazie per averci contattato! Suggerisco di verificare che sia installata l'ultima versione del plugin; in questo modo, dovrebbe essere possibile vedere il widget di Instagram su Elementor, come nell'esempio qui riportato. Se non vedete questo widget, potete utilizzare un semplice widget di testo per incorporare lo shortcode di Instagram che potete ottenere navigando su Instagram Feed > All Feeds; dovrebbe avere questo aspetto [instagram-feed feed="1"]. Il numero di feed potrebbe variare a seconda del numero di feed creati. 

      Se non funziona, inviateci una richiesta di assistenza utilizzando il modulo presente sul nostro sito web, includendo le informazioni sul sistema.

      Per ottenere queste informazioni, seguire la procedura descritta in questa pagina.

      Vi chiediamo di utilizzare il nostro modulo, poiché le Informazioni sul sistema contengono altre informazioni sul sito web e il Token di accesso per la vostra connessione, che non consigliamo di pubblicare qui.

      Grazie! 🙂

      Risposta
  3. Manuel Escobar 2 anni fa

    Ciao Ken,

    Inviateci una richiesta di supporto utilizzando il modulo presente sul nostro sito web, includendo le informazioni sul sistema.

    Per ottenere queste informazioni, seguire la procedura descritta in questa pagina.

    Vi chiediamo di utilizzare il nostro modulo, poiché le Informazioni sul sistema contengono altre informazioni sul sito web e il Token di accesso per la vostra connessione, che non consigliamo di pubblicare qui.

    Grazie! 🙂

    Risposta

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.