Come aggiungere il feed Instagram a Wordpress

A gallery of Instagram images embedded on a website

Instagram è diventato rapidamente uno dei canali di marketing più importanti per i brand di consumo e per settori come viaggi e accoglienza, musica, sport, istruzione e molti altri. Milioni di aziende stanno già utilizzando Instagram.

WordPress è ad oggi il sistema di gestione di contenuti più popolare per i siti web; uno sbalorditivo 40% dei siti è costruito con WordPress. Una piattaforma che una volta ra dedicata ai blog ora alimenta i siti web di aziende come Playstation, CNN e The Rolling Stones

Pertanto non sorprende che una delle domande più frequenti sulla nostra live chat sia "Come aggiungere il feed Instagram a WordPress?"

Utilizzando l'embed di Instagram, puoi aggiungere qualsiasi immagine a WordPress. Tuttavia, i professionisti del marketing e i gestori di siti web che hanno poco tempo a disposizione, sono spesso alla ricerca di soluzioni automatizzate che li aiutino a mostrare i feed delle ultime immagini dell'account Instagram senza alcun lavoro manuale.

Con Flockler, i professionisti del marketing possono raccogliere immagini e video di Instagram, pubblicati da qualsiasi azienda, e mostrare un widget Instagram su qualsiasi servizio digitale.

Puoi creare e incorporare un feed Instagram in qualsiasi sito WordPress. Scegli un layout tra Social Wall, Griglia o Carosello e mostra il feed di immagini Instagram live e sempre aggiornato su un numero illimitato di pagine.

 Ecco come aggiungere un feed Instagram a WordPress in pochi minuti:

1. Raccogli immagini e video da qualsiasi account Instagram Business

2. Scegli un layout del feed di Instagram: Social Wall, Griglia o Carosello

3. Aggiungi un feed Instagram a WordPress


1. Raccogli immagini e video da qualsiasi account Instagram Business

Il primo passaggio è definire quali immagini vuoi mostrare da Instagram. Con Flockler puoi raccogliere immagini e video da qualsiasi account Instagram aziendale. Non è necessario essere amministratore di un account specifico per poterne raccogliere le immagini e mostrarle su Wordpress.

Se non disponi ancora di un account Flockler per la tua azienda, inizia registrandoti per la prova gratuita di 14 giorni. Non ci sono impegni e puoi testare gratuitamente il nostro prodotto completo. Il nostro team di supporto è disponibile ad aiutarti e a rispondere alle tue domande.

Dopo la registrazione ti indirizzeremo a configurare il feed Instagram con aggiornamento in tempo reale. Instagram richiede di effettuare l’accesso con il tuo account Facebook personale: Flockler non memorizzerà alcun dato né mostrerà il contenuto del tuo account Facebook. Riceveremo una key da Facebook per consentirti di accedere e sfogliare i contenuti di Instagram. Una volta ricevuta la key, puoi mostrare il feed Instagram di qualsiasi azienda.

Ecco un video che mostra come abbiamo raccolto le immagini di Instagram dalla Banca Centrale Europea:

Dopo aver creato il feed Instagram che si aggiorna automaticamente, Flockler continua a cercare nuovi contenuti ogni 5-15 minuti. Le nuove immagini e video di Instagram si aggiornano istantaneamente sul tuo sito WordPress senza bisogno di alcun intervento manuale.

2. Scegli un layout del feed di Instagram: Social Wall, Grid o Carousel

Il passaggio successivo è scegliere un layout per il tuo feed Instagram di WordPress. Utilizzando il feed di contenuto creato nel passaggio 1, Flockler ti fornisce tre opzioni: Social Wall, Griglia e Carosello. Con una licenza Flockler puoi creare più versioni di layout e aggiungerle a un numero illimitato di pagine WordPress.

Social Wall:

Il layout Social Wall è la scelta preferita se stai cercando di aggiungere contenuti da più canali social o se preferisci mostrare i testi delle didascalie delle immagini Instagram. Con l'aiuto degli strumenti di modifica di Flockler e del nostro team di supporto (gratuitamente), puoi personalizzare l'aspetto del feed Instagram e renderlo così adatto al tuo marchio.

Ecco un esempio del layout del Social Wall incorporato nella pagina dei concerti dei Metallica:

An Instagram feed embedded on a website

Griglia:

Il layout Griglia di Flockler è l'opzione più popolare per i feed Instagram incorporati nei siti WordPress. L'aspetto grafico dell'embed della griglia di Instagram corrisponde allo stile della pagina del tuo profilo Instagram. Dalle impostazioni del codice di embed di Flockler puoi scegliere se le informazioni del profilo, il timestamp e il numero di Mi piace e commenti vengono mostrati anche sulla griglia.

Ecco un esempio del layout Griglia incorporato nella home page di Hapag-Lloyd Cruises:

A live-updating Instagram feed embedded on a website

Carosello:

Il layout Carosello è la scelta idealese non hai troppo spazio in verticale e desideri che i visitatori del sito scorrano le immagini a sinistra e a destra. Molti clienti Flockler preferiscono mostrare il layout Carousel sulla versione mobile del proprio sito o sulle app.

Ecco un esempio della versione mobile della pagina dei GoPro Awards e dello straordinario feed di Instagram:

An Instagram feed added to a mobile site

Come creare un layout con Flockler

Effettua l’accesso al tuo account e vai su “Display”. Seleziona il tuo layout preferito partendo dalle tre opzioni:

Selecting the embed layout on Flockler

Dopo aver selezionato il layout troverai il bottone “Aggiungi a Wordpress” sulla pagine successiva. Clicca e copia il codice. Grazie al plugin di Flockler puoi utilizzare il codice sulle pagine del tuo sito.

"Add to WordPress" button on the Flockler editorial tools

3. Aggiungi il feed Instagram a WordpPress

Il passaggio finale è accedere al tuo sito WordPress e aggiungere il codice di embed del feed Instagram da Flockler al tuo sito.

Aggiungere un feed Instagram a WordPress è semplice e puoi incorporare Flockler in qualsiasi pagina o elemento del tuo sito web.

Se hai un abbonamento Business da WordPress.com, puoi aggiungere il feed al sito WordPress installando il plug-in Flockler. Se disponi di un sito WordPress con hosting autonomo, puoi utilizzare sia il codice di embed predefinito che il plug-in.

Per questo tutorial, presumo che tu abbia scaricato e installato il plug-in WordPress di Flockler.

.A seconda della versione di WordPress che utilizzi, potresti avere un editor classico o a blocchi oppure potresti utilizzare plugin come Elementor per la gestione delle pagine. Ecco le istruzioni per ogni versione:

Aggiungi feed di Instagram utilizzando il Block Editor di WordPress

  1. Apri il post o la pagina in cui desideri incorporare il feed di Instagram.
  2. Scegli "(+) Aggiungi blocco" nell'angolo in alto a sinistra degli strumenti di modifica di WordPress.
  3. Successivamente, cerca l'elemento HTML personalizzato e aggiungilo alla tua pagina.
  4. Selecting Custom HTML feature from WordPress Block Editor tools

    Copia e incolla il tuo shortcode univoco dalla scheda Flockler.

  5. A Flockler plugin shortcode added to the WordPress Page

Aggiorna / pubblica le modifiche al post / pagina di WordPress.

Ecco fatto. Il bellissimo widget di embed di Instagram dovrebbe essere mostrato sul tuo sito WordPress. In caso di problemi o domande, fare clic sul pulsante della chat sul nostro sito per ricevere assistenza immediata.

Aggiungi feed Instagram utilizzando l'editor classico di WordPress

  1. Apri il post o la pagina in cui desideri aggiungere il feed Instagram aggiornato in tempo reale.
  2. Nell'editor di contenuti di WordPress troverai le opzioni per utilizzare una modalità visiva o di testo. Scegli la modalità Testo.
  3. Copia e incolla il tuo shortcode univoco dalla scheda Visualizza di Flockler nel punto in cui desideri mostrare il feed di Instagram su WordPress.
  4. Aggiorna / pubblica le modifiche al post / pagina di WordPress

Tutto fatto! Quando apri la pagina dovrebbero essere visualizzati il ​​layout che hai scelto e il tuo feed Instagram. Se riscontri problemi non esitare a premere il pulsante della chat dal vivo del nostro sito web.

Aggiungi il feed di Instagram utilizzando Elementor

1 Aggiungi una nuova pagina su WordPress o modificane una esistente.

2 Fai clic su Modifica con il pulsante Elementor.

3 Da sinistra, cerca il widget HTML.

Adding the Flockler plugin shortcode to the Elementor editor

4 Trascina e rilascia il widget HTML nella tua pagina.

5 Si aprirà una nuova serie di strumenti di modifica sulla sinistra.

6 Copia e incolla il tuo shortcode unico del plug-in Flockler direttamente nel campo Codice HTML.

Adding the Flockler plugin shortcode to the Elementor editor

7 Aggiorna / Pubblica la pagina

Tutto fatto! Ora hai aggiunto il feed Instagram a WordPress e, con l'aiuto di Flockler, i nuovi contenuti si aggiorneranno automaticamente quando una nuova immagine o video verranno pubblicati sull'account Instagram.

Crea il tuo social hub o porta i contenuti dei social sul tuo sito, applicazione, e-commerce o su qualsiasi altro servizio digitale

Prenota una demo Comincia la prova gratuita di 14 giorni
Comincia la prova gratuita di 14 giorni