Volete visualizzare un feed Instagram orizzontale in WordPress?
Un elegante feed orizzontale di Instagram migliora il design del vostro sito e invoglia i visitatori a rimanere in contatto per diventare vostri follower e fan di Instagram!
Questo articolo mostra come visualizzare un feed Instagram orizzontale in WordPress in pochi semplici passi.
Ecco un indice per aiutarvi nella navigazione:
- Installare il plugin Instagram Feed
- Creare il feed di Instagram
- Collegare l'account Instagram
- Selezionare il layout di alimentazione orizzontale
- Personalizzate il design del vostro feed
- Pubblicare il feed in WordPress
Siete pronti a far crescere la vostra attività utilizzando i feed orizzontali di Instagram? Entriamo nel vivo.
Perché aggiungere un feed Instagram orizzontale in WordPress?
Un feed Instagram orizzontale è più di un semplice elemento estetico sul vostro sito. Utilizzato nel modo giusto, è un ottimo strumento tattico per aumentare le vendite e far crescere la vostra attività.
È anche un modo intelligente per mostrare le foto di Instagram in un unico posto, dando agli utenti il controllo di scorrere i contenuti a loro piacimento.
È possibile utilizzare un feed Instagram orizzontale in molti modi diversi:
- I feed orizzontali possono aiutarvi a mostrare i feed degli hashtag di Instagram in WordPress. Ad esempio, le foto del marchio sulla vostra pagina about, o le foto dei post del blog con hashtag pertinenti all'argomento.
- Utilizzando il plugin giusto, potete anche aggiungere il vostro feed orizzontale di Instagram al vostro WordPress per incrementare la SEO del vostro sito web.
- Poiché i feed orizzontali assomigliano ai caroselli utilizzati nei siti di e-commerce, è possibile utilizzarli per creare un'esperienza di acquisto su Instagram.
- Inoltre, i feed di Instagram alimentati da contenuti generati dagli utenti hanno anche una prova sociale. Potete quindi usarli per convincere i visitatori del vostro sito ad acquistare da voi.
Come visualizzare un feed Instagram orizzontale in WordPress
Il modo più semplice per visualizzare i feed orizzontali di Instagram in WordPress è utilizzare un plugin per WordPress come Instagram Feed Pro.
Questo perché Instagram non offre un'opzione semplice per ottenere un effetto orizzontale utilizzando il metodo di incorporazione predefinito.
Quando si incorporano i post di Instagram in WordPress senza un plugin, è possibile inserire solo un singolo post.
Ma con un plugin per WordPress come Instagram Feed Pro, è possibile incorporare un intero feed di post con diverse opzioni di layout, compresi i feed carosello orizzontali.
Per questo tutorial, utilizzeremo questo plugin per il feed di Instagram per ottenere il design e il layout di cui abbiamo bisogno.
Instagram Feed Pro di Smash Balloon è il plugin di feed Instagram per WordPress con la valutazione più alta. La valutazione di 4,9/5 stelle da parte di oltre 1.000.000 di utenti attivi la dice lunga sulla qualità di questo plugin.
Grazie alla sua interfaccia facile da usare, bastano pochi clic per ottenere i contenuti di Instagram nel modo desiderato, senza bisogno di codifica.
Inoltre, è possibile personalizzare completamente il design del feed e filtrare i contenuti per visualizzare feed di hashtag, feed di foto, feed shoppable, reel di Instagram e altro ancora.
La parte migliore?
Una volta collegato il vostro account al plugin, questo comunica automaticamente con l'API di Instagram, quindi può aiutarvi a visualizzare facilmente il vostro feed Instagram orizzontale, anche se non siete esperti di tecnologia.
Instagram Feed Pro è facile da usare per i principianti, veloce e affidabile: per questo motivo è apprezzato da alcuni dei più grandi marchi del mondo:
Passo 1: Installare il plugin Instagram Feed di Smash Balloon
Per mostrare il vostro Instagram lateralmente, potete iniziare procurandovi una copia di Instagram Feed Pro e scaricando il plugin sul vostro computer.
Una volta fatto ciò, caricate il plugin e installatelo sul vostro sito web WordPress. Se vi serve un po' di aiuto, ecco una guida pratica per l'installazione di un plugin di WordPress.
Fase 2: Creare il feed orizzontale di Instagram
Il passo successivo consiste nel creare un feed Instagram utilizzando il plugin.
Per farlo facilmente, andate nel menu Feed di Instagram sulla dashboard e cliccate su Aggiungi nuovo.
Successivamente, è possibile scegliere il tipo di feed di Instagram che si desidera inserire nel proprio sito web. Come potete vedere, ci sono 3 opzioni tra cui scegliere:
- Timeline utente: Mostra i tuoi post nel feed orizzontale di Instagram
- Hashtag pubblici: Visualizza i post di Instagram con hashtag pubblici di vostra scelta.
- Post taggati: Utilizza il tuo feed per mostrare i post che hanno menzionato il tuo account Instagram.
Inoltre, è possibile selezionare più di un'opzione per combinare diversi tipi di feed di Instagram in un unico feed.
Dopo aver scelto il tipo di feed di Instagram, fate clic su Avanti.
Fase 3: Collegare l'account Instagram
Nella fase successiva, è possibile collegare il nuovo feed al proprio account Instagram in pochi clic.
Per iniziare, fare clic sul pulsante Aggiungi sorgente .
Successivamente, il plugin chiederà se si desidera collegare un account personale o un account aziendale .
Alcuni dei tipi di feed inclusi nel plugin richiedono un account aziendale, come ad esempio i feed filtrati da hashtag specifici, la visualizzazione delle storie di Instagram e la creazione di "feed di shopping" che collegano al vostro negozio online.
Potete consultare questo articolo se avete bisogno di aiuto per capire come convertire il vostro account Instagram in un profilo aziendale.
Per continuare, basta scegliere il tipo di account Instagram e poi cliccare su Accedi con Instagram.
Per questa esercitazione, utilizzeremo un account personale .
Dopodiché, il plugin aprirà Instagram per consentire l'accesso in sola lettura a Instagram Feed Pro.
Con questo accesso, il plugin visualizzerà le informazioni di Instagram in modo da poter mostrare foto e video sul vostro feed di Instagram.
D'altra parte, non è in grado di apportare alcuna modifica, quindi è completamente sicuro da usare.
Basta fare clic sul pulsante Consenti del popup per continuare.
Dopo aver concesso l'accesso in sola lettura, il plugin vi riporterà al vostro sito WordPress in modo che possiate completare la connessione del vostro account.
Per farlo, è sufficiente fare clic sul pulsante Avanti .
Passo 4: selezionare il layout del carosello orizzontale
Siete interessati a progettare il vostro feed Instagram orizzontale? Ottimo! Instagram Feed Pro dispone di un editor di feed live con molte opzioni di personalizzazione tra cui scegliere.
Nel pannello di sinistra è possibile modificare il layout del feed, lo schema dei colori, il design dell'intestazione, lo stile dei post, lo sfondo e molto altro ancora.
Per aiutarvi a seguire le modifiche, sulla destra potete vedere un'anteprima in tempo reale del vostro feed Instagram.
Per il passo successivo, fare clic sull'opzione Layout di alimentazione a sinistra dello schermo.
Qui potete trovare le opzioni di layout per il vostro feed di Instagram con 4 opzioni tra cui scegliere: griglia, carosello, muratura ed evidenziazione.
Ognuno di questi layout crea un effetto visivo diverso.
E poiché si vuole visualizzare un feed Instagram orizzontale in WordPress, scegliamo l'opzione Carosello.
Questa opzione mostra il feed in un carosello di slideshow che scorre orizzontalmente tra i post.
Facendo clic sul layout del carosello, vengono visualizzate diverse impostazioni che possono essere utilizzate per modificare il design.
Esaminiamo le impostazioni del display in modo più dettagliato:
- File: Scegliere tra 1 o 2 file per l'alimentazione orizzontale.
- Tipo di loop: Selezionare Riavvolgi o Infinito. Infinito consente ai visitatori di scorrere tutte le foto del vostro feed. Invece, Rewind consente di scorrere un numero prestabilito di foto.
- Intervallo: consente di specificare l'intervallo di tempo tra un ciclo di foto e l'altro.
- Mostra frecce di navigazione: Consente di aggiungere frecce per spostarsi avanti e indietro nel feed.
- Mostra la paginazione: Include icone a punti sotto la presentazione che indicano il numero di foto presenti nel feed.
- Abilita la riproduzione automatica: Permette di far girare automaticamente i post di Instagram nel carosello.
In queste opzioni è possibile scegliere il numero di colonne e di immagini Instagram nel feed e impostare il padding in pixel.
Ecco un esempio di come appaiono queste impostazioni quando si incorpora il proprio Instagram lateralmente sul proprio sito web.
Abbiamo selezionato 1 riga e abilitato la paginazione e le frecce di navigazione per il nostro feed.
Una volta selezionate le opzioni di layout del feed, fare clic sul pulsante Salva .
In questo modo, potrete attivare il layout a carosello orizzontale per il vostro feed di Instagram con estrema facilità.
Passo 5: personalizzare il design del feed orizzontale di Instagram
Per personalizzare il resto del vostro feed Instagram orizzontale, fate clic sul pulsante Personalizza in alto.
Da qui è possibile fare clic sull'opzione Schema di colore per impostare i colori del feed.
Per quanto riguarda le opzioni di colore, Instagram Feed Pro è dotato di 4 diversi schemi di colore tra cui è possibile scegliere:
- Ereditare dal tema: Se si desidera utilizzare gli stessi colori del tema del sito web
- Luce: Per mostrare uno sfondo chiaro per il feed e un colore scuro per i caratteri.
- Scuro: consente di visualizzare uno sfondo scuro e un carattere più chiaro.
- Personalizzato: Consente di scegliere manualmente tutti i colori del feed.
Una volta scelta la combinazione di colori, fare clic su Salva per confermare le modifiche.
E così potrete modificare il design dei vostri post, il layout dell'intestazione, lo stile dei pulsanti, le dimensioni del feed e molto altro ancora con questo editor di feed live, senza bisogno di codifica.
Ricordarsi di fare clic sul pulsante Salva nella parte superiore della pagina una volta soddisfatte le impostazioni.
Passo 6: Pubblicare il feed orizzontale di Instagram in WordPress
Il plugin Instagram Feed Pro offre diversi modi per visualizzare il feed orizzontale di Instagram in WordPress.
I diversi metodi comprendono:
- Aggiungete il vostro feed orizzontale a una pagina di WordPress
- Utilizzate un widget del feed di Instagram per visualizzare il vostro feed nella barra laterale o nel piè di pagina di WordPress.
Di seguito vi mostriamo come utilizzare ciascun metodo:
Aggiungere un feed Instagram orizzontale a una pagina WordPress
Per aggiungere il vostro feed di Instagram a una pagina, fate innanzitutto clic sul pulsante Embed in alto.
Si aprirà una finestra di dialogo in cui è possibile impostare la posizione del feed orizzontale di Instagram.
Per continuare, fare clic sull'opzione Aggiungi a una pagina nel popup.
Successivamente, il popup mostrerà un elenco di pagine di WordPress, in modo da poter scegliere una pagina tra le opzioni.
Quindi, fare clic sul pulsante Aggiungi per incorporare il feed in quella pagina.
Questo aprirà la pagina nell'editor di WordPress, in modo da poter incorporare il feed orizzontale di Instagram.
A tale scopo, fare clic sull'icona più (+) per aggiungere un nuovo blocco di contenuti di WordPress.
Scrivete "Instagram" nella barra di ricerca e poi fate clic sul blocco Instagram Feed per aggiungerlo alla vostra pagina.
WordPress genererà un'anteprima del feed, in modo da poter apportare eventuali modifiche prima di cliccare su Pubblica.
Ora i vostri visitatori possono vedere uno splendido feed Instagram orizzontale in diretta sul vostro sito web.
Come potete vedere, potete incorporare il vostro feed orizzontale di Instagram in pochi clic, senza bisogno di alcuna codifica.
Aggiungere un feed Instagram orizzontale alla barra laterale o al piè di pagina di WordPress
Per iniziare, accedete al menu Instagram Feed " Tutti i feed dalla vostra dashboard di WordPress.
Quindi, fate clic sul feed Instagram orizzontale creato in precedenza.
Questo aprirà nuovamente il feed nell'editor dei feed live. Per continuare, cliccate nuovamente sul pulsante Embed in alto.
Da questo popup, fare clic sul pulsante Aggiungi a un widget per iniziare a incorporare il feed di Instagram nella barra laterale o nel piè di pagina.
Si aprirà la pagina dei widget del vostro sito web, dove potrete aggiungere, rimuovere o gestire il vostro widget.
Volete aggiungere il vostro feed di Instagram alla barra laterale? Fate clic sul pannello Sidebar qui.
Invece, potete fare clic sul pannello Footer e incorporare il vostro feed Instagram orizzontale nel footer di WordPress.
Per questa esercitazione sceglieremo un piè di pagina.
Aggiungete un nuovo widget facendo clic sull'icona più (+) e poi selezionate il widget Feed di Instagram dalle opzioni presenti.
Infine, fare clic sul pulsante Aggiorna per confermare questo nuovo widget di WordPress.
Ora, quando si naviga nella parte anteriore del sito web, si vedrà il feed di Instagram visualizzato orizzontalmente nella barra laterale.
Ecco fatto!
Speriamo che questo articolo vi abbia aiutato a capire come visualizzare un feed Instagram orizzontale nei siti web WordPress con facilità.
Ora basta incorporarne uno sul proprio sito per coinvolgere il pubblico e trasformarlo in fan fedeli e potenziali clienti.
Volete mostrare un feed Instagram orizzontale sul vostro sito? Iniziate con Instagram Feed Pro qui.
Se volete far crescere la vostra presenza su Instagram, date un'occhiata a questa guida su come aumentare gli iscritti a Instagram.
Avete Elementor? Ecco come aggiungere un feed Instagram di Elementor al vostro sito in pochi clic.
E ricordate di seguirci su Facebook e Twitter per ricevere gli ultimi articoli su come commercializzare con successo la vostra attività sui social network.
