Volete conoscere un modo semplice per aggiungere un feed di Instagram al vostro sito WordPress senza utilizzare un plugin?
La visualizzazione del feed di Instagram sul vostro sito vi permette di aumentare l'esposizione del vostro account senza un grande sforzo. Inoltre, vi offre un modo nuovo per coinvolgere i vostri potenziali clienti.
Inoltre, in base alle nostre ricerche, mostrare i contenuti di Instagram può aumentare il tasso di conversione dei clienti nel lungo periodo.
Ecco la risposta breve basata sulla mia esperienza personale: Non è possibile incorporare un feed senza un plugin, a meno che non si sappia codificare un'applicazione da soli.
In questo post, vi mostrerò come incorporare un singolo post di Instagram in WordPress senza un plugin.
Se volete incorporare un feed di Instagram, il modo migliore e più semplice per farlo è un plugin, quindi vi mostrerò anche questo.
Non preoccupatevi, l'uso di questo plugin non rallenterà il vostro sito. È stato progettato per essere ultraveloce.
In questo articolo
- Confronto rapido: Plugin o non plug-in?
- Come incorporare un post di Instagram in WordPress senza un plugin
- 3 motivi per utilizzare un plugin per Instagram
- Come incorporare il feed di Instagram in WordPress
- 📽️ Suggerimento bonus: Incorporare facilmente i filmati di Instagram sul vostro sito web
Confronto rapido: Plugin o non plug-in?
| Caratteristica | Utilizzo del Feed Pro di Smash Balloon su Instagram | Non utilizzare un plugin |
| 🛠️ Complessità di configurazione | Configurazione facilissima! Configurate e incorporate il vostro feed in meno di 5 minuti. | Richiede l'approvazione di uno sviluppatore di app e comporta una codifica complessa. |
| 💻 Requisiti di codifica | Non è necessario alcun codice. Il meglio per i non esperti di tecnologia! | È necessaria una notevole capacità di codifica, compresi JavaScript e HTML. |
| 🚀 Accesso alle funzioni | Accesso completo a funzioni avanzate come feed multipli di Instagram e feed di hashtag. | Si limita a visualizzare un singolo feed delle 20 immagini più recenti. |
| 🎨 Personalizzazione | Personalizzate facilmente i layout e gli stili per adattarli al vostro marchio, in pochi clic! | La personalizzazione è difficile senza competenze avanzate di codifica. |
| 📞 Aiuto e supporto | Accesso a un utile team di supporto pronto ad assistervi nell'incorporazione del vostro feed Instagram su WordPress | Non c'è un supporto dedicato, ci si affida a tentativi ed errori o si assume uno sviluppatore. |
| ✨ Da asporto | Volete un modo semplice e veloce per visualizzare il vostro feed di Instagram? Provate oggi stesso Instagram Feed Pro! | Se non si utilizza un plugin, preparatevi a un processo complesso con limitazioni. |
Come incorporare un post di Instagram in WordPress senza un plugin
Potete visualizzare il vostro feed di Instagram su WordPress senza un plugin solo se prima siete stati approvati da Instagram come sviluppatori di app.
Detto questo, è facile incorporare un post di Instagram in WordPress senza un plugin. Cominciamo.
Passo 1: Scegliere il post di Instagram che si desidera visualizzare
Per prima cosa, è necessario accedere al proprio account Instagram. Se non si dispone dei dati di accesso, è possibile visitare il profilo di Instagram.
Quindi, cliccate sul post di Instagram che volete incorporare nel vostro sito web. Nell'angolo in alto a destra del post, vedrete 3 punti che assomigliano a questo ⠇.
Fare clic sui punti e selezionare Embed dal menu visualizzato.
Ora è possibile visualizzare il codice di incorporamento per il post di Instagram in un popup. Se si desidera incorporare la didascalia insieme al post, selezionare l'opzione Includi didascalia.
Dopodiché, basta fare clic sul pulsante Copiacodice incorporato .
Ora avete copiato il codice embed del post di Instagram. Ora aprite il vostro sito WordPress in modo da poter incollare questo codice in un post o in una pagina.
Passo 2: Creare una nuova pagina su WordPress
Quindi, accedere alla dashboard di WordPress e navigare su Pagine " Aggiungi nuovo per creare una nuova pagina.
È anche possibile utilizzare un post di WordPress. A tale scopo, andare su Post " Aggiungi nuovo dall'area del cruscotto.
Ora che l'editor di WordPress è aperto, è possibile incollare il codice embed di Instagram di prima.
Passo 3: Incollare il codice incorporato
Per incollare il codice embed, fare clic sull'icona più (+) e selezionare il blocco HTML personalizzato .
Ora incollate il codice embed nel blocco HTML personalizzato. Per verificare l'aspetto del vostro post su Instagram, potete fare clic sul pulsante Anteprima in alto.
Una volta soddisfatti dell'aspetto, fate clic su Pubblica per vedere il post di Instagram incorporato nel vostro sito web.
Avete problemi con gli incorporamenti manuali di Instagram? Ecco come risolvere i problemi di incorporazione di Instagram in WordPress.
Ed ecco fatto! Ora avete imparato come incorporare i vostri post di Instagram su WordPress senza usare un plugin.
La domanda successiva è: è meglio usare un plugin per WordPress o no quando si aggiunge il feed di Instagram al proprio sito web?
3 motivi per utilizzare un plugin per Instagram
Forse conoscete qualcuno che ha avuto problemi con l'utilizzo di un plugin sul proprio sito web e quindi anche voi avete paura di usarlo.
Forse persone a caso su Internet vi hanno dato consigli non proprio utili, dicendovi che i plugin rallentano il vostro sito e quindi non dovreste usarli.
O forse avete usato un plugin in passato, ed era ottimo. Ma quando avete avuto bisogno del loro aiuto per un problema, nessuno vi ha dato la soluzione al vostro problema?
Qualunque sia il motivo per cui non si vuole utilizzare un plugin, la verità è sempre la stessa:
È molto più difficile e complicato quando non si utilizza un plugin Instagram WordPress per incorporare il feed di Instagram sul proprio sito web.
Ecco 3 motivi reali per cui è possibile farlo:
1. Senza un plugin, è più difficile visualizzare il feed di Instagram
Quando non facevo parte di Smash Balloon, pensavo di incorporare manualmente i miei feed di Instagram sul mio sito personale.
Ma quando ho iniziato a farlo, mi sono reso conto che è complicato perché se non si usa un plugin per i social media di WordPress, bisogna farlo:
- Registratevi come sviluppatore di app presso Instagram: Devono esaminare la vostra domanda e approvarvi solo se soddisfate i loro standard. Che peccato.
- Registrate un nuovo cliente sul sito web di Instagram Developers: Inoltre, è necessario impostare l'autenticazione implicita dopo.
- Generare un codice di accesso: A tal fine, è necessario autenticare la propria app e concedere l'accesso ai media.
- Utilizzate JavaScript: E lavorare anche sui codici HTML.
La parte peggiore di tutto questo?
Dopo aver speso un sacco di tempo e di sforzi per fare tutto questo, potete mostrare solo le ultime 20 immagini nel vostro feed. Che peccato.
Nel frattempo, se si utilizza un plugin di WordPress per incorporare un feed di Instagram su WordPress, è possibile farlo facilmente:
- Scaricate e installate un plugin facile da usare: Potete provare il plugin Instagram Feed Pro di Smash Balloon, il miglior plugin Instagram per WordPress.
In meno di 5 minuti, potete aggiungere facilmente il vostro feed di Instagram su WordPress. Sì, senza dover affrontare confusi snippet di codice HTML e JavaScript!
Inoltre, è possibile personalizzare l'aspetto dei feed di Instagram sul proprio sito web con pochi clic.
E se utilizzate Instagram Feed Pro, i vostri feed possono copiare automaticamente il design del vostro sito web e adattarsi al vostro branding.
Incorporate il vostro feed di Instagram in pochi minuti iniziando a lavorare con Instagram Feed Pro!
2. Se non si usa un plugin, il tempo è maggiore
Volete aggiungere un feed Instagram a WordPress senza utilizzare un plugin?
È necessario impostare l'autenticazione implicita per ogni sito web su cui si desidera visualizzare il feed di Instagram.
Quindi, se volete mostrare il vostro feed di Instagram a 3 siti web diversi, dovete eseguire l'autenticazione implicita 3 volte.
La cosa più deludente è che anche l'accesso è limitato. È possibile visualizzare solo il proprio feed di Instagram.
E se si desidera visualizzare account che non si possiedono?
È necessario contattare l'amministratore dell'account e chiedergli di ottenere il proprio ID cliente. Poi, bisogna seguire il complicato processo di cui abbiamo parlato prima. Vedere il punto #1 per un ripasso.
Non abbattetevi però! Siamo qui per darvi una buona notizia.
Mostrare il feed di Instagram sul proprio sito web è più facile, più veloce e migliore, se si sceglie di utilizzare un ottimo plugin come Instagram Feed Pro di Smash Balloon.
Volete sapere un'altra buona notizia? Potete utilizzare il plugin per visualizzare più feed sul vostro sito web.
È sufficiente collegare al plugin gli account Instagram che si desidera mostrare e il plugin si occuperà di tutto il resto.
Facile facile. E questo perché avete deciso di utilizzare un plugin per il feed di Instagram, progettato per integrare i contenuti di Instagram sul vostro sito in pochi clic.
3. Senza un plugin, si è abbandonati a se stessi
E se si fosse comunque andati avanti e si fosse cercato di aggiungere un feed di Instagram al proprio sito web senza utilizzare un plugin, anche dopo aver letto le vere ragioni di cui sopra?
In caso di problemi nella registrazione come sviluppatore di app o nella generazione di un codice di accesso, è necessario contattare direttamente Instagram.
Tuttavia, non è possibile garantire al 100% che risolvano il problema.
E se avete fatto un pasticcio con il codice HTML del vostro sito web? O se non riuscite a capire come funziona JavaScript?
Potete studiare l'HTML o assumere uno sviluppatore che vi aiuti, ma queste opzioni costano molto tempo e denaro.
E non ha senso investire migliaia di dollari solo per aggiungere un semplice feed di Instagram al vostro WordPress, ovviamente.
Se scegliete di utilizzare il plugin Instagram Feed Pro di Smash Balloon, però, saprete di essere in ottime mani.
Il team di assistenza clienti del plugin è composto da esperti di WordPress che saranno lieti di aiutarvi in ogni fase del processo.
Con oltre 1.000.000 di utenti attivi e una valutazione di 4,9 stelle, il plugin deve fare qualcosa di buono, non credete?
Se state cercando un modo semplice per aggiungere il vostro feed di Instagram al vostro sito web, potete invece utilizzare il plugin Instagram Feed Pro. È più semplice e veloce. Potete configurarlo e visualizzare il vostro feed in meno di 5 minuti, ricordate?
Inoltre, utilizzare un plugin è meglio che perdere tempo prezioso con un HTML confuso.
È anche molto più economico che assumere uno sviluppatore costoso che lo faccia per voi.
Con un solo plugin per il feed di Instagram, è possibile utilizzare Instagram Feed Pro anche per:
- Ereditare il tema del vostro sito web in modo da utilizzare lo stesso carattere, colore e stile sul vostro feed, automaticamente.
- Incorporare feed di hashtag brandizzati per coinvolgere i visitatori con foto e video Instagram pertinenti
- Visualizzate tutti i feed di Instagram che desiderate sul vostro sito web.
- Incorporare il feed di Instagram su WordPress
- Utilizzate un incredibile personalizzatore di feed live per modificare il design dei vostri feed di Instagram
- Mostrate le menzioni di Instagram sul vostro sito web
- Creare feed Instagram acquistabili per incrementare le vendite
... e molto altro ancora. Scoprite qui tutto ciò che Instagram Feed Pro può fare per voi.
Ora che ne avete letto, vi starete chiedendo: "Quanto è davvero facile visualizzare un feed di Instagram sul mio sito web utilizzando un plugin?".
Passiamo alla sezione successiva per rispondere alla sua domanda, che ne dice?
Come incorporare il feed di Instagram in WordPress
In meno di 5 minuti, potete facilmente configurare il plugin Instagram Feed Pro per visualizzare il vostro feed sul vostro sito. Ecco come fare:
Passo 1: Scaricare e installare Instagram Feed Pro
Per prima cosa, dovete procurarvi una copia di Instagram Feed Pro qui. Poi potete procedere all'installazione sul vostro sito web WordPress.
Non sapete come installare un plugin? Date un'occhiata a questo utile tutorial sull'installazione dei plugin di WordPress, in modo da poterlo fare facilmente.
Una volta installato e attivato il plugin, passare alla fase successiva.
Fase 2: Creare un nuovo feed di Instagram
Dopodiché, è possibile creare un feed di Instagram utilizzando il plugin.
Per prima cosa, andate su Instagram Feed " Tutti i feed dalla vostra dashboard di amministrazione di WordPress.
In questa pagina, fare clic sul pulsante Aggiungi nuovo.
È ora possibile selezionare il tipo di feed di Instagram tra 3 opzioni:
- Timeline utente: Mostra gli ultimi post di Instagram sul tuo sito web
- Hashtag pubblici: Mostra i post di Instagram con hashtag specifici
- Messaggi taggati: Incorporare le foto e i video in cui il vostro account Instagram è taggato
È possibile selezionare più opzioni e combinare diversi tipi di alimentazione in uno solo.
Una volta selezionato il tipo di alimentazione, fare clic su Avanti per procedere.
Per questa esercitazione, selezioneremo una timeline utente.
In pochi clic, avrete un nuovo feed di Instagram che il plugin creerà per voi. Potete passare al punto 3 e collegarlo al vostro account su Instagram.
Fase 3: Collegare l'account Instagram
Successivamente, è possibile scegliere di collegare un account creatore o un account aziendale a questo plugin.
Se volete saperne di più, ecco una guida pratica sull'aggiornamento del vostro account Instagram.
Per iniziare, fare clic sul pulsante Aggiungi sorgente.
Esistono 2 tipi di connessione a Instagram tra cui scegliere:
- Business Basic: Inclusione di foto e filmati dal proprio profilo
- Business Advanced: Ottenere più tipi di feed, come i feed hashtag, i feed shoppable e altro ancora.
Dopo aver scelto un'opzione, fare clic su Connetti per procedere.
A questo punto, potete aprire Facebook o Instagram per completare la connessione del vostro account.
Per questa esercitazione, andrò avanti e farò clic su Connetti con Instagram.
È ora possibile dare accesso in sola lettura al plugin, in modo che possa incorporare contenuti da Instagram. Con questo accesso, Smash Balloon può solo visualizzare i vostri post e non può apportare alcuna modifica.
Quindi, è completamente sicuro usare Smash Balloon.
Fare clic sul pulsante Consenti nella finestra a comparsa per consentire l'accesso in sola lettura.
Il plugin vi riporterà ora al vostro sito web, in modo che possiate finire di collegare il vostro nuovo feed a Instagram.
A questo punto, fate clic sul pulsante Avanti e confermerete questo account Instagram come fonte per il vostro nuovo feed.
Fase 4: personalizzare il nuovo feed di Instagram
Dopo aver collegato il vostro account Instagram, vedrete il vostro feed aperto nell'editor di feed visuale con un'anteprima dal vivo.
A sinistra, sono visibili le opzioni di personalizzazione del feed di Instagram. È possibile utilizzare queste opzioni per modificare il layout del feed, lo stile dell'intestazione, la combinazione di colori, lo stile dei post e molto altro ancora.
Quando si modificano le opzioni di personalizzazione del proprio feed di Instagram, è possibile vedere come appare utilizzando l'anteprima dal vivo sul lato destro del personalizzatore.
Cominciamo a progettare il nostro feed di Instagram.
Di solito inizio personalizzando il layout del mio feed di Instagram. Per farlo, cliccate sull'opzione Layout del feed per iniziare la personalizzazione.
È ora possibile scegliere tra 4 opzioni per il layout del feed: Griglia, Carosello, Muratori e In evidenza.
La prima opzione è il layout a griglia che mostra i post di Instagram in righe e colonne.
Poiché tutte le foto hanno la stessa dimensione, il feed di Instagram appare pulito se si sceglie questo layout.
Con il layout Carousel , potete visualizzare uno slider di Instagram sul vostro sito web. In questo modo, date ai visitatori un altro modo di interagire con il vostro sito e aumentate il coinvolgimento.
Volete mostrare i post di Instagram con le loro proporzioni originali? Allora potete scegliere il layout Masonry .
È un ottimo modo per incorporare le gallerie di Instagram nel vostro sito web e mostrare l'intera foto ai vostri visitatori.
Infine, c'è il layout Highlight che può rendere altamente visibili specifici post di Instagram. Utilizzando questo layout, potete mettere in mostra i vostri prodotti migliori nei vostri feed Instagram acquistabili.
Una volta scelto il layout, ricordarsi di fare clic su Salva modifiche.
Per tornare alle opzioni di personalizzazione principali, fare clic sul pulsante piccolo Personalizza .
Dopodiché, è possibile fare clic sull'opzione Schema di colore per scegliere i colori per il proprio feed di Instagram.
Con Instagram Feed Pro è possibile scegliere tra 4 diversi schemi di colore:
- Ereditare dal tema: Eredita i colori del sito web
- Luce: Mostra uno sfondo chiaro e un carattere più scuro.
- Scuro: scegliere uno sfondo scuro e un colore di carattere chiaro.
- Personalizzato: Scegliere manualmente tutti i colori del proprio feed Instagram
Una volta soddisfatti della combinazione di colori, fare clic su Salva.
In questo modo, è possibile utilizzare le restanti opzioni di personalizzazione per impostare il layout dei post, lo stile dell'intestazione, le dimensioni del feed, il lightbox e molto altro ancora. Una volta terminata la personalizzazione, cliccate nuovamente su Salva .
Passo 5: incorporare il feed di Instagram nel sito web
Finalmente è arrivato il momento di incorporare il feed di Instagram nel vostro sito web. Con questo plugin, avete a disposizione due modi molto semplici per farlo:
- Incorporare il feed di Instagram nella propria pagina
- Incorporare il feed di Instagram nella barra laterale o nel piè di pagina
Incorporare il feed di Instagram nella propria pagina
Potete iniziare a incorporare il vostro feed di Instagram direttamente dal vostro editor di live feed. Per iniziare, fate clic sul pulsante Incorpora in alto.
Successivamente, è possibile scegliere dove incorporare il feed di Instagram in un nuovo popup. Fare clic sul pulsante Aggiungi a una pagina per continuare.
Quindi, selezionare la pagina in cui si desidera inserire il feed di Instagram e fare clic sul pulsante Aggiungi.
A questo punto, il plugin vi invierà a quella pagina per incorporare il vostro feed di Instagram.
Per farlo, fare clic sulla piccola icona più (+) e aggiungere un nuovo blocco di contenuti alla pagina.
A questo punto, utilizzate la barra di ricerca per cercare "Instagram" e poi fate clic sull'opzione Instagram Feed nei risultati della ricerca.
Infine, cliccate su Pubblica e il vostro feed di Instagram sarà attivo.
Seguendo semplicemente i passaggi di questo tutorial, ora avete un feed di Instagram sulla vostra pagina WordPress. Ora potete aprire il vostro sito web e vedere come appare il vostro feed di Instagram.
Vediamo quindi come incorporare il vostro feed di Instagram nella barra laterale o nel piè di pagina del vostro sito web.
Incorporare il feed di Instagram nella barra laterale o nel piè di pagina
È inoltre possibile incorporare i feed di Instagram nella barra laterale o nel piè di pagina come widget di Instagram.
Per prima cosa, aprite il vostro feed di Instagram nell'editor di feed live. Se non è già aperto, utilizzate la vostra dashboard di WordPress per navigare in Instagram Feed " All Feeds.
Ora fate clic sul feed di Instagram creato in precedenza.
Ora vedrete il feed di Instagram aperto nell'editor del live feed.
Fare clic sul pulsante Embed nell'angolo in alto a destra per iniziare a incorporare il feed.
Dopodiché, apparirà un popup che chiede dove si vuole incorporare il feed.
Nel popup, fare clic sul pulsante Aggiungi a un widget.
A questo punto il plugin aprirà la pagina dei widget , in modo da poter aggiungere il widget del feed di Instagram.
Per incorporare il vostro feed di Instagram nella barra laterale, potete cliccare sul pannello Sidebar .
Se invece volete incorporare il vostro feed di Instagram nel piè di pagina, fate clic su un pannello del piè di pagina.
Per questa esercitazione, incorporeremo il feed di Instagram nel footer del sito web.
Ora, fate clic sull'icona più (+) per aggiungere un nuovo widget, quindi selezionate il widget Feed di Instagram dalle opzioni.
Fate clic su Aggiorna per pubblicare il widget del feed di Instagram sul vostro sito web.
Quando si apre il sito web, si può vedere come appare.
📽️ Suggerimento bonus: Incorporare facilmente i filmati di Instagram sul vostro sito web
Avendo aiutato innumerevoli utenti a visualizzare i feed sociali sui loro siti WordPress, so che l'aggiunta di contenuti dinamici come i reel di Instagram può fare miracoli per l'engagement!
Le bobine non solo mantengono freschi i vostri contenuti, ma attirano anche un maggior numero di visitatori grazie ai loro alti tassi di raggiungimento.
Integrando le bobine di Instagram nel vostro sito web, offrirete un'esperienza video coinvolgente che farà interagire gli utenti con il vostro marchio più a lungo, contribuendo ad aumentare l'attrattiva del vostro sito e la fidelizzazione degli utenti.
Il plugin Smash Balloon Instagram Feed Pro è il modo più semplice per incorporare i filmati. È stato progettato all'insegna della semplicità, in modo da poter aggiungere i filmati senza bisogno di competenze tecniche. Bastano pochi clic e il gioco è fatto!
Per seguirvi passo dopo passo, leggete il prossimo post su come inserisco le bobine di Instagram nel mio sito web.
E questo è quanto!
In questo articolo avete imparato come aggiungere un post di Instagram al vostro sito web senza utilizzare un plugin.
Sapete anche come incorporare un feed di Instagram in WordPress utilizzando un plugin, in modo da aumentare l'engagement del vostro account e il traffico del vostro sito web.
Volete il modo più semplice per visualizzare il vostro feed di Instagram sul vostro sito web?
Iniziate subito con Smash Balloon's Instagram Feed Pro!
Volete fare un ulteriore passo avanti e visualizzare tutti i feed dei vostri social media? Il prossimo articolo sull'aggiunta dei feed dei social media a WordPress fa al caso vostro.
Potrebbe piacervi anche il prossimo post su come ottenere più visualizzazioni per i vostri video di Instagram.
Infine, se questo articolo vi è piaciuto, non esitate a seguirci su Twitter e Facebook per altre esercitazioni sul social media marketing.
