Come incorporare facilmente Instagram in WordPress (passo dopo passo)

Vuoi incorporare i feed di Instagram in WordPress?

Mostrare foto e video di Instagram sul tuo sito web aiuta a mantenere aggiornati i tuoi contenuti, aumenta il coinvolgimento degli utenti e crea fiducia. È anche un ottimo modo per promuovere il tuo account Instagram e ottenere più follower.

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

Perché incorporare Instagram sul tuo sito WordPress?

Con oltre 1,21 miliardi di utenti attivi mensili, Instagram è un ottimo posto per promuovere i tuoi prodotti e servizi, costruire la consapevolezza del marchio e far crescere il tuo pubblico.

Tuttavia, le persone non vedranno i tuoi contenuti Instagram se visitano solo il tuo sito web. Con questo in mente, è intelligente incorporare il tuo feed Instagram in WordPress, in modo che tutti possano vederlo.

Questo è un modo semplice per promuovere la tua pagina sui social media e incoraggiare più persone a seguirti su Instagram. Può anche mantenere aggiornato il tuo sito Web WordPress, poiché i nuovi post di Instagram appariranno automaticamente sul tuo sito.

Tutti questi nuovi contenuti possono migliorare l'ottimizzazione per i motori di ricerca (SEO) del tuo sito e incoraggiare i visitatori a continuare a tornare per controllare gli ultimi post.

Puoi persino visualizzare recensioni in WordPress, mostrare feed di hashtag e incorporare qualsiasi post in cui sei stato taggato. Tutto questo è una potente prova sociale che può creare fiducia e aumentare le vendite.

Detto questo, vediamo come incorporare un feed Instagram in WordPress.

Come installare un plug-in per le foto di Instagram

Il modo migliore per incorporare Instagram in WordPress è utilizzare il social photo feed di Smash Balloon.

Questo plug-in gratuito ti consente di mostrare le foto di uno o più account Instagram, in un feed completamente personalizzabile.

In questa guida, utilizzeremo la versione gratuita di Smash Balloon in quanto ha tutto il necessario per aggiungere un feed Instagram al tuo sito Web WordPress. Tuttavia, esiste anche una versione pro che ti consente di visualizzare feed di hashtag, aggiungere immagini acquistabili su Instagram e altro ancora.

Prima di iniziare, dovrai collegare il tuo account Instagram a una pagina Facebook. Se disponi di un account Instagram personale, potresti anche volerlo trasformare in un account aziendale in quanto ciò consente a Smash Balloon di mostrare automaticamente la tua biografia e l'intestazione di Instagram.

Per istruzioni dettagliate su come eseguire entrambe queste operazioni, vedere la sezione delle domande frequenti alla fine di questa guida.

Quando sei pronto, vai avanti e installa e attiva il plug-in Smash Balloon Social Photo Feed. Per maggiori dettagli, consulta la nostra guida su come installare un plugin per WordPress.

Come collegare un account Instagram a WordPress

Dopo aver attivato il plug-in, la tua prima attività è connettere il tuo account Instagram a WordPress. Basta andare su Feed di Instagram »Impostazioni e quindi fare clic su "Aggiungi nuovo".

Con Smash Balloon pro, puoi creare feed da post e hashtag con tag o persino creare un social wall con contenuti da molti diversi siti Web di social media.

Poiché stiamo utilizzando il plug-in gratuito, seleziona semplicemente "Cronologia utente" e fai clic su "Avanti".

Ora, scegli semplicemente l'account Instagram da cui otterrai il feed fotografico.

Per iniziare, fai clic sul pulsante "Aggiungi sorgente".

Nella schermata successiva, scegli se vuoi mostrare le foto da un account Instagram personale o aziendale.

Se selezioni la casella accanto a "Personale", Smash Balloon non includerà l'avatar e la biografia di Instagram nell'intestazione per impostazione predefinita. Tuttavia, puoi sempre aggiungere l'avatar e la biografia di Instagram in un secondo momento nelle impostazioni del plug-in.

Dopo aver scelto "Personale" o "Azienda", vai avanti e fai clic su "Accedi con Facebook".

Ora puoi selezionare l'account Instagram che desideri visualizzare sul tuo sito Web WordPress e fare clic su "Avanti".

Successivamente, seleziona la casella accanto alla pagina Facebook collegata al tuo account Instagram.

Al termine, fai clic sul pulsante "Avanti".

Ora vedrai un popup con tutte le informazioni a cui Smash Balloon avrà accesso e le azioni che può eseguire.

Per limitare l'accesso di Smash Balloon al tuo account Instagram, fai clic su uno qualsiasi degli interruttori per impostarlo da "Sì" a "No". Tieni presente che ciò potrebbe influire sulle foto e sui video che puoi mostrare sul tuo blog o sito Web WordPress.

Con questo in mente, ti consigliamo di lasciare tutti gli interruttori abilitati.

Quando sei soddisfatto delle impostazioni, fai clic su "Fine".

Ora vedrai un popup con l'account Instagram che hai appena aggiunto al tuo sito web.

Basta selezionare la casella accanto a quell'account e quindi fare clic su "Aggiungi".

Smash Balloon ora ti riporterà alla schermata Feed di Instagram »Tutti i feed .

Per creare un feed, seleziona semplicemente la casella accanto all'account Instagram che desideri utilizzare. Quindi, fai clic su "Avanti".

Il plug-in ora creerà un feed di foto di Instagram che puoi aggiungere a qualsiasi pagina, post o area predisposta per i widget.

Tuttavia, prima di incorporare il feed di Instagram potresti voler personalizzare l'aspetto e aggiungere eventuali informazioni mancanti.

Come personalizzare il feed di foto di Instagram

Per impostazione predefinita, Smash Balloon aprirà il tuo feed nel suo editor pronto per la personalizzazione.

Sulla destra, vedrai un'anteprima del tuo feed fotografico di Instagram. Sul lato sinistro ci sono tutte le impostazioni che puoi utilizzare per personalizzare il feed delle foto.

La maggior parte di queste impostazioni è autoesplicativa, ma tratteremo rapidamente alcune aree chiave.

Per iniziare, puoi modificare il layout delle foto di Instagram e aggiungere il padding selezionando "Layout feed" dal menu a sinistra.

Man mano che apporti modifiche, l'anteprima si aggiornerà automaticamente in modo da poter provare diverse impostazioni per vedere quale sembra la migliore.

Per impostazione predefinita, Smash Balloon mostra lo stesso numero di foto sia che gli utenti si trovino su computer desktop o dispositivi mobili.

Puoi visualizzare in anteprima l'aspetto del feed di Instagram su computer desktop, tablet e smartphone utilizzando la fila di pulsanti nell'angolo in alto a destra.

Gli smartphone e i tablet in genere hanno schermi più piccoli e meno potenza di elaborazione, quindi potresti voler mostrare meno foto e video di Instagram sui dispositivi mobili.

Per fare ciò, basta digitare un numero diverso nel campo "Cellulare" sotto "Numero di messaggi".

Creando diversi layout per smartphone, tablet e computer desktop puoi assicurarti che il feed abbia un bell'aspetto, indipendentemente dal dispositivo utilizzato dal visitatore.

Per impostazione predefinita, il feed del plug-in mostra meno colonne su smartphone e tablet rispetto ai computer desktop. Questo aiuta le tue foto e i tuoi video a stare comodamente su schermi più piccoli.

Per modificare queste impostazioni predefinite, digita semplicemente i nuovi numeri nelle impostazioni "Colonne".

Dopo aver apportato le modifiche, fai clic sul link "Personalizza".

Questo ti riporterà all'editor principale di Smash Balloon, pronto per esplorare la schermata delle impostazioni successiva, che è "Combinazione di colori".

Per impostazione predefinita, Smash Balloon utilizza una combinazione di colori ereditata dal tuo tema WordPress, ma ha anche temi "Chiari" e "Scuri" che potresti voler utilizzare al loro posto.

Un'altra opzione è creare la tua combinazione di colori selezionando "Personalizzato". Una volta fatto, usa semplicemente i controlli per cambiare il colore di sfondo, cambiare il colore del testo in WordPress e altro ancora.

Per impostazione predefinita, Smash Balloon aggiunge un'intestazione al feed di Instagram, che è la tua immagine del profilo e il nome della tua pagina. Per modificare l'aspetto di questa sezione, fai clic su "Intestazione" nel menu a sinistra.

In questa schermata, puoi modificare le dimensioni dell'intestazione, aggiungere un nuovo colore o mostrare la tua biografia di Instagram.

A volte, potresti voler mostrare un'immagine del profilo diversa. Ad esempio, il tuo avatar di Instagram potrebbe non risaltare rispetto al tuo tema, quindi preferisci mostrare un logo personalizzato.

Per modificare l'immagine del profilo, fai clic su "Aggiungi immagine" in "Mostra avatar personalizzato". Puoi quindi scegliere un'immagine dalla libreria multimediale di WordPress o caricare una nuova foto.

Puoi anche aggiungere una biografia diversa. Ad esempio, potresti incoraggiare le persone a visitare il tuo profilo su Instagram o semplicemente a seguire il tuo account.

Per creare una biografia Instagram unica, digita semplicemente nella casella "Aggiungi biografia personalizzata".

Smash Balloon analizza automaticamente le tue foto di Instagram e le mostra alla migliore risoluzione. Ti consigliamo di utilizzare queste impostazioni predefinite, ma puoi ingrandire o ridurre le immagini di Instagram se necessario.

Per modificare le dimensioni dell'immagine, fai clic su "Post" nel menu a sinistra. Quindi, seleziona l'opzione "Immagini e video".

Ora puoi scegliere tra immagini in miniatura, medie e a grandezza naturale utilizzando il menu a discesa visualizzato.

Se non sei soddisfatto dell'aspetto del feed, puoi tornare a questa schermata in qualsiasi momento e selezionare "Rilevamento automatico (consigliato)" dal menu a discesa.

Per impostazione predefinita, Smash Balloon aggiunge un pulsante "Carica altro" nella parte inferiore del tuo feed Instagram in modo che i visitatori possano scorrere le tue foto e i tuoi video.

Puoi modificare l'aspetto di questo pulsante selezionando "Carica altro pulsante".

Qui puoi far risaltare il pulsante "Carica altro" cambiando il colore di sfondo, il colore del testo e lo stato al passaggio del mouse.

Puoi anche provare ad aggiungere i tuoi messaggi al pulsante, digitandoli nel campo "Testo". In questo modo i tuoi visitatori saranno più propensi a cliccare.

Anche se consigliamo di lasciare abilitato questo pulsante, è possibile rimuoverlo. Ad esempio, potresti incoraggiare le persone a visitare il tuo Instagram limitando il numero di foto che possono vedere sul tuo sito.

Per rimuovere il pulsante, sposta semplicemente il dispositivo di scorrimento "Abilita" in modo che diventi grigio.

Se ai visitatori piace ciò che vedono, possono decidere di iscriversi utilizzando il pulsante "Segui su Instagram" che appare sotto il feed incorporato.

Dal momento che è un pulsante così importante, potresti voler aggiungere uno stile personalizzato per farlo risaltare.

Puoi farlo selezionando "Segui il pulsante" nel menu a sinistra. Qui puoi cambiare il colore di sfondo del pulsante, lo stato al passaggio del mouse e il colore del testo.

Per impostazione predefinita, il pulsante mostra un'etichetta "Segui su Instagram".

Puoi sostituirlo con il tuo invito all'azione digitando nel campo "Testo".

Quando sei soddisfatto dell'aspetto del feed di Instagram, non dimenticare di fare clic su "Salva" per memorizzare le modifiche.

Ora sei pronto per aggiungere il feed di Instagram al tuo sito Web WordPress.

Come incorporare il feed di Instagram in WordPress

Puoi aggiungere il feed di Instagram al tuo sito Web utilizzando un blocco, un widget o uno shortcode.

Se hai creato più di un feed utilizzando il feed di foto social di Smash Balloon, dovrai conoscere il codice del feed se intendi utilizzare un widget o un blocco.

Per ottenere questo codice, vai su Instagram Feed »Tutti i feed e poi guarda la parte feed="" dello shortcode. Dovrai aggiungere questo codice al blocco o al widget, quindi prendine nota.

Nell'immagine seguente, dovremo usare feed="1"

Se desideri incorporare il feed di Instagram in una pagina o in un post, ti consigliamo di utilizzare il blocco Feed di Instagram.

Nota: se utilizzi un tema abilitato per i blocchi, puoi seguire le istruzioni riportate di seguito per aggiungere il blocco in qualsiasi punto del tuo sito utilizzando l'editor del sito completo.

Basta aprire la pagina o il post in cui desideri incorporare il feed di foto e video di Instagram. Quindi, fai clic sull'icona "+" per aggiungere un nuovo blocco e inizia a digitare "Feed Instagram".

Quando viene visualizzato il blocco giusto, fai clic per aggiungerlo alla pagina o al post.

Il blocco mostrerà uno dei tuoi feed Smash Balloon per impostazione predefinita. Se invece vuoi mostrare un feed Instagram diverso, trova "Impostazioni shortcode" nel menu a destra.

Qui, aggiungi semplicemente il codice feed="" e fai clic su "Applica modifiche".

Il blocco ora mostrerà le foto e i video dal tuo account Instagram. Basta pubblicare o aggiornare la pagina per pubblicare il feed sul tuo sito web.

Se stai utilizzando un tema che non utilizza la modifica dell'intero sito, puoi aggiungere il feed Instagram Smashballoon a qualsiasi area predisposta per i widget, come la barra laterale o una sezione simile in modo che i visitatori possano vederlo ovunque vadano sul tuo sito.

Basta andare su Aspetto »Widget nella dashboard di WordPress e quindi fare clic sul pulsante blu "+".

Nella barra di ricerca, digita "Instagram Feed" e seleziona il widget corretto quando viene visualizzato.

WordPress ha un blocco integrato "Instagram Feed", quindi assicurati di scegliere quello che mostra il logo ufficiale di Instagram.

Successivamente, trascina semplicemente il widget sull'area in cui desideri mostrare il feed di Instagram, come la barra laterale o una sezione simile.

Il widget mostrerà automaticamente uno dei feed che hai creato utilizzando Smash Balloon. Se desideri mostrare un feed Instagram diverso, digita semplicemente lo shortcode del feed nella casella "Impostazioni shortcode".

Finché aggiungi lo shortcode alla casella "Impostazioni shortcode", non è necessario includere le parentesi attorno ad esso.

Successivamente, fai clic su "Applica modifiche".

Ora puoi rendere attivo il widget facendo clic sul pulsante "Aggiorna". Per ulteriori informazioni, consulta la nostra guida passo passo su come aggiungere e utilizzare i widget in WordPress.

Un'altra opzione è incorporare il feed di Instagram in qualsiasi pagina, post o area predisposta per i widget utilizzando uno shortcode.

Basta andare su Instagram Feed »Tutti i feed e copiare il codice nella colonna "Shortcode". Ora puoi aggiungere questo codice a qualsiasi blocco Shortcode.

Per assistenza nell'inserimento dello shortcode, consulta la nostra guida su come aggiungere uno shortcode.

Infine, se disponi di un tema abilitato al blocco, puoi utilizzare l'editor del sito completo per aggiungere il blocco del feed di Instagram in qualsiasi punto del tuo sito.

Nella dashboard di WordPress, vai semplicemente su Aspetto »Editor .

Per impostazione predefinita, l'editor del sito completo mostrerà il modello principale del tema. Se desideri aggiungere il feed di Instagram a un modello diverso, fai clic sulla freccia accanto a "Home".

Puoi quindi scegliere qualsiasi design dal menu a discesa, come il modello del piè di pagina.

Se non vedi il modello nell'elenco, fai clic su "Sfoglia tutti i modelli".

L'editor del sito completo ora mostrerà un elenco di tutti i modelli che puoi modificare. Fai semplicemente clic sul modello in cui desideri mostrare il feed di Instagram.

Dopo aver scelto un modello, passa il mouse sopra l'area in cui desideri aggiungere il feed di foto di Instagram.

Quindi, fai clic sul pulsante blu "+".

Successivamente, inizia a digitare "Instagram Feed".

Quando viene visualizzato il blocco di destra, fare clic per aggiungerlo al modello. Questo sarà quello con il logo ufficiale di Instagram.

Come sempre, Smash Balloon mostrerà un feed per impostazione predefinita se non aggiungi uno shortcode specifico. Puoi modificare questo feed aggiungendo uno shortcode seguendo la stessa procedura descritta sopra.

Domande frequenti sull'incorporamento di Instagram in WordPress

Smash Balloon semplifica la visualizzazione di foto e video di Instagram sul tuo sito web. Detto questo, ecco alcune delle domande più frequenti sull'aggiunta di un feed Instagram in WordPress.

Come faccio a creare un account aziendale Instagram?

Smash Balloon Social Photo Feed può visualizzare foto da un account Instagram personale o aziendale.

Tuttavia, Smash Balloon non può recuperare automaticamente l'avatar e la biografia di Instagram da un account Instagram personale. Con questo in mente, potresti voler verificare se disponi di un account personale o aziendale, quindi passare a un account aziendale in modo che Smash Balloon possa recuperare automaticamente il tuo avatar e la tua biografia.

Per verificare, visita il tuo account Instagram e fai clic sull'icona a tre linee nel menu laterale.

Successivamente, seleziona "Impostazioni".

Se non disponi di un account aziendale, questa schermata mostrerà "Passa ad account professionale" nel menu a sinistra.

Se attualmente disponi di un account personale e desideri passare a un account aziendale, fai semplicemente clic su questo link.

Come collego una pagina Facebook a un account Instagram?

Prima di poter aggiungere un feed Instagram a WordPress, dovrai connettere il tuo account Instagram a una pagina Facebook.

Per fare ciò, vai alla pagina Facebook che desideri utilizzare e quindi fai clic su "Impostazioni" nel menu a sinistra.

Successivamente, fai clic su "Account collegato". Ora puoi selezionare "Instagram" e fare clic sul pulsante "Connetti".

Facebook ora mostrerà tutte le informazioni a cui potrà accedere e le azioni che può eseguire su Instagram.

Se sei felice di andare avanti, fai clic sul pulsante "Connetti".

Tieni presente che chiunque altro gestisca la tua pagina Facebook sarà in grado di vedere i tuoi messaggi Instagram e rispondere. Se desideri mantenere privati ​​i tuoi messaggi Instagram, fai clic per disabilitare l'opzione.

Quando sei soddisfatto e pronto per andare avanti, fai clic su "Conferma".

Questo apre un popup in cui puoi digitare il nome utente e la password di Instagram.

Successivamente, vai avanti e fai clic su "Accedi".

Dopo alcuni istanti, vedrai un messaggio che dice che i tuoi account Instagram e Facebook sono ora collegati.

Speriamo che questo articolo ti abbia aiutato a imparare come incorporare facilmente Instagram in WordPress. Potresti anche voler vedere la nostra guida su come creare un feed Facebook personalizzato in WordPress, o vedere la nostra selezione esperta dei migliori plugin per social media per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i video tutorial di WordPress. Puoi trovarci anche su Twitter e Facebook.