I modi migliori per aggiungere un feed Instagram al tuo sito Web WordPress
Pubblicato: 2022-04-10Quando la maggior parte delle persone pensa ai social media, immagina Facebook e Twitter. Tuttavia, Instagram sta rapidamente diventando uno dei più grandi strumenti di social media online. È un sito di condivisione di foto che è cresciuto fino a raggiungere oltre 400 milioni di utenti attivi mensili. Si classifica anche come uno dei primi 10 siti Web più visitati in America. La tua attività deve esserci!
Questo articolo tratterà alcuni metodi diversi che puoi utilizzare per visualizzare il tuo feed Instagram sul tuo sito Web WordPress.
Instafeed.js è un'ottima opzione, ma non ha tutte le funzionalità che potresti desiderare. Il widget Instagram di Elfsight e il plug-in Smashballoon sono altre due opzioni che vale la pena considerare se stai cercando di creare un feed Instagram con più funzionalità di quelle fornite da instafeed.js. Continua a leggere per conoscere questi tre diversi modi per aggiungere un feed Instagram al tuo sito WordPress!
Perché aggiungere un feed Instragram al tuo sito web?
Instagram non è più una piattaforma solo per i fotografi e il valore di avere il tuo feed Instagram sul tuo sito Web non è dire che sei un "influencer" o che desideri Mi piace e follower. Un feed di Instagram mostra a clienti e clienti cosa stai facendo, a cosa tieni e come entrare in contatto con te. Il tuo feed Instagram può anche essere un efficace canale di servizio clienti.
Instagram ha circa 300 milioni di utenti attivi mensili. È un'enorme quantità di occhi per il tuo prodotto o azienda. Anche se il tuo obiettivo non è vendere le cose direttamente, un feed di Instagram può essere estremamente prezioso.
Instagram offre molte opportunità per ricerche di mercato, puoi vedere quali tipi di immagini catturano il tuo pubblico e conoscere il tipo di contenuto che ha maggiori probabilità di fare bene. In questo modo puoi pianificare in anticipo i post che hanno maggiori probabilità di ottenere coinvolgimento o raggiungere le persone giuste. Inoltre, semplifica la pianificazione dei tuoi contenuti poiché avrai una migliore comprensione di cosa funziona e cosa no.
Instagram è anche uno dei modi migliori per fidelizzare il marchio e garantire che i clienti continuino a tornare per saperne di più. Un ottimo esempio di uno dei nostri clienti (un'azienda di integratori online) mostra come il loro feed di Instagram li aiuti a connettersi con i propri clienti e fidelizzare il marchio, anche quando non stanno vendendo nulla attivamente.
Quindi... ora sappiamo che Instagram ne vale la pena e mostrare un feed Instagram sul tuo sito Web WordPress è prezioso. Ora parliamo di come fare proprio questo.
Tratteremo tre metodi. Il primo metodo è una libreria JavaScript gratuita chiamata Instafeed.js. La seconda opzione è Instafeed Widget di Elfsight e la terza è Smashballoon Plugin. Questi variano in termini di complessità e prezzi - e come agenzia inframezzeremo i nostri pensieri poiché abbiamo utilizzato tutti questi metodi.
Usa la libreria InstaFeed.js
Il primo metodo è la libreria InstaFeed.js. Funziona su tutti i principali browser, inclusi i dispositivi mobili, e non richiede alcun codice lato server per l'esecuzione. La libreria è disponibile gratuitamente da GitHub e puoi includerla nell'elemento <head> del tuo sito utilizzando un semplice tag di script.
Di recente, hanno lanciato la versione 2.0 di Instafeed, che ora funziona con la nuova API di Instagram.
Perché è codice Open Source, è gratuito.
Ecco alcune delle caratteristiche principali:
- Questo è un ottimo modo per creare un feed Instagram di base sul tuo sito web.
- È semplice, facile da usare, leggero e perfetto per i siti che hanno poco traffico o molte immagini (non rallenterà le pagine).
- Nel complesso ci piace molto perché è leggero e funziona bene.
- InstaFeed ora funziona con la nuova API di Instagram. Ciò aumenta le possibilità del tuo sito web di non essere rimosso perché segue le nuove linee guida API.
Questa libreria JS è relativamente facile da installare se sai cosa stai facendo, ma rispetto ad altri metodi, molto più complessa. Diamo un'occhiata al processo di installazione.
Innanzitutto, aggiungiamo la libreria tramite CDN.
Questo viene fatto con un tag script inserito nella testata del nostro sito Web WordPress.
Quindi inizializziamo il widget sul nostro sito e lo aggiungiamo a un div con un ID arbitrario:
var instaFeed = new InstaFeed("#myInstagramWidget");
Quindi, impostiamo le varie opzioni, come il nome utente di Instagram, la quantità di foto da visualizzare, ecc:
Il div con l'ID di #myInstagramWidget verrà quindi popolato con un feed di Instagram.
Se sei un tecnico, puoi creare visualizzazioni personalizzate, mostrare hashtag e fare praticamente tutto ciò di cui avresti mai bisogno in termini di aggiunta di un feed Instagram a WordPress (usiamo effettivamente questa libreria nel nostro Feed Instagram professionale per Oxygen Builder componente). Ma per farlo dovrai avere una buona conoscenza di JS e di questa libreria.
Per quanto riguarda le prestazioni, la dimensione di Instafeed è di 1,5 kb e funzionerà su tutti i principali browser e non ha dipendenze lato server.
Il problema con questo metodo è che offre funzionalità limitate rispetto ad altri metodi per aggiungere un feed Instagram al tuo sito web. Lo script tenta di simulare la "Mappa fotografica" di Instagram, ma non è molto perfetto per farlo. È anche destinato a essere complicato per qualcuno che non conosce JavaScript, il che lo rende non perfetto per un imprenditore che cerca una soluzione semplicissima.
Fortunatamente, ci sono altre opzioni disponibili per gli imprenditori che non hanno il tempo o le competenze per configurarlo da soli. Ne esamineremo due ora!
Widget del feed di Instagram di ElfSight
Il feed ElfSight IG è un altro modo per aggiungere foto di Instagram a un sito Web WordPress. Questo è semplicissimo da configurare e installare, ben progettato e facile da usare.
Con Elfsight, puoi aggiungere il tuo feed Instagram a qualsiasi parte di una pagina WordPress, inclusi l'intestazione, la barra laterale o il piè di pagina. Puoi anche applicare uno stile a elementi come colori e caratteri, nonché aggiungere CSS personalizzati.
Per alcuni, ElfSight è gratuito, ma nella maggior parte dei casi ti consigliamo di optare per il piano base o professionale. Il piano pro costa $ 10/mese e include:
- Siti web illimitati
- 50.000 visualizzazioni
- Supporto premium
- Servizio di installazione gratuito
- Rimozione del logo Elfsight
C'è un piano base leggermente più limitato di $ 5 / mese, oltre a un piano lite gratuito.
Ci sono 50 diverse opzioni di personalizzazione facili da usare e modelli tra cui scegliere. A differenza di Instafeed, con Elfsight puoi anche visualizzare le foto da qualsiasi account Instagram pubblico o per hashtag, posizione o URL della foto e non preoccuparti di combinare tutto insieme: qualsiasi combinazione è supportata.
Questo può essere filtrato o moderato e visualizzato come una griglia o un dispositivo di scorrimento. Puoi anche avere un popup!
Questa soluzione è interessante perché in realtà non è un plugin. Invece, lo installi incorporando del codice sul tuo sito, come Instafeed, ma per questo è solo un copia incolla. L'integrazione è perfetta e ha molte opzioni per la visualizzazione dei contenuti. È sempre aggiornato e tutto è gestito sul sito web di Elfsight.
Dei tre nella nostra lista, Elfsight è il nostro preferito. Hanno caratteristiche fantastiche in un pacchetto utilizzabile, oltre a un ottimo supporto. Soprattutto, il loro prezzo è ragionevole per quello che ne ricavi.
Come agenzia, ci piace questo perché è il più facile da usare per i nostri clienti. Lo abbiamo configurato per loro e non toccano mai il codice. Anche le opzioni di condivisione sui social media sono un bel tocco!
Plugin Smash Balloon
L'ultima voce della nostra lista è il plug-in di feed di Instagram Smash Balloon. Questo è un plugin standard per WordPress.
Progettato per essere compatibile con qualsiasi tema WordPress sul tuo sito, il plug-in Feed di Instagram non richiede alcun lavoro per renderlo perfetto. Il plug-in è dotato di tonnellate di opzioni di personalizzazione in modo da poter regolare l'aspetto e il layout del feed scelto. Puoi visualizzare i feed in tutto il tuo sito e personalizzarli con gli stili shortcode. Ad esempio, se vuoi un feed video su una pagina e un carosello di foto su un'altra, non è un problema!
Il plug-in memorizza nella cache i dati che riceve da Instagram per ridurre il tempo di caricamento e ridurre al minimo le richieste API. Ha anche un sistema di memorizzazione nella cache di backup in caso di problemi con l'API, assicurando che il tuo feed rimanga attivo anche se ne hai più bisogno. Puoi collegare i tuoi post di Instagram a URL personalizzati aggiungendo l'URL alla didascalia del tuo post. Ciò rende facile per le persone che fanno clic su un post specifico nel loro feed vedere prodotti o pagine rilevanti in quel momento.
Instagram Feed Pro è un plug-in WordPress reattivo per il tuo account Instagram che è stato progettato da zero per funzionare bene su tutti i dispositivi, indipendentemente dal fatto che tu stia utilizzando un touch screen o meno.
Qualcosa di incredibile dell'azienda dietro il plugin di WordPress, Smash Balloon, è il supporto che offrono. Entrare in contatto con il team tramite il loro sito Web è facile ed è incoraggiato a farlo se hai bisogno di supporto o hai domande su questo plug-in. L'azienda ha anche un ottimo blog in cui puoi trovare suggerimenti e trucchi, nonché tutorial per l'utilizzo di Instagram sul tuo sito.
Per un sito, costa $ 49 all'anno e, naturalmente, se vuoi utilizzare il plug-in avrai bisogno di una licenza.
Una parola sull'API di Instagram
Qualcosa da considerare (e un aspetto di Instagram che è fastidioso) è la loro API e le restrizioni che ne derivano. Il problema è che l'API di Instagram ha un limite alle richieste per utente. Quando il tuo script supera questo importo, riceverai un messaggio di errore da Instagram che ti dice di interrompere e Instagram disabiliterà l'accesso al tuo account se rileva un uso eccessivo.
Questo non significa disabilitare completamente il tuo account per sempre (anche se lo hanno fatto in passato), ma potresti non essere in grado di recuperare nuovamente i dati di Instagram finché non modifichi il tuo codice o attendi ore affinché le tue richieste vengano ripristinate da Instagram. Quindi tienilo a mente quando crei il tuo feed Instagram e non abusare dell'API!
Anche l'API sta cambiando molto, in particolare ora che Facebook possiede l'azienda. Ad esempio, è impossibile visualizzare davvero un feed Instagram su un sito Web WordPress senza una chiave API specifica.
La restante autorizzazione dell'API Legacy di Instagram è stata disabilitata il 29 giugno 2020. Ora, gli sviluppatori devono utilizzare l'API di visualizzazione di base di Instagram e l'API di Instagram Graph. Ciò significa che ora qualsiasi plug-in di WordPress deve essere creato utilizzando l'API di Instagram.
Tuttavia, con questo sviluppo, è diventato un po' più facile per gli utenti dei plugin. Potresti aver notato, ma ora è un'esperienza relativamente facile (sebbene più limitata) quando si tratta di creare la chiave API e l'integrazione. Nella maggior parte dei casi, è solo un clic del pulsante.
Tieni sempre d'occhio le notizie API associate a Instagram. Se apportano modifiche future e sei all'oscuro, il tuo feed Instagram di WordPress potrebbe smettere di funzionare!
Qual è la migliore soluzione di feed di Instagram per WordPress?
Elfsight è il miglior fornitore in questo momento. Hanno il miglior pacchetto per il prezzo e ci piace di più il loro supporto e il loro prodotto. Se sei un imprenditore o un amministratore web alla ricerca di una soluzione super vantaggiosa e conveniente, quello è il tuo ragazzo.
Instafeed.js è buono per i tecnici che desiderano una soluzione gratuita ma il controllo assoluto quando si tratta di WordPress un feed Instagram. Se sei uno sviluppatore e non hai paura di modificare il codice e creare le tue cose, sarai in paradiso. Tuttavia, attualmente c'è una mancanza di documenti che rende difficile l'accessibilità ai principianti.
Infine, Smash Balloon è una soluzione di tutto rispetto. Instagram Feed Pro ti aiuta a visualizzare feed Instagram completamente personalizzabili sul tuo sito Web e a renderli interattivi.
Tuttavia, rispetto a Elfsight, alcuni potrebbero trovarlo più complesso, ma è più economico!!
Indipendentemente dalla soluzione scelta, assicurati che il plug-in/la libreria sia aggiornato regolarmente per evitare problemi o problemi di utilizzo.
Se hai domande su questo articolo o domande sui plug-in dei feed di Instagram in generale, non esitare a lasciarle nella sezione commenti qui sotto! Divertiti e buona costruzione.