Come aggiungere il feed Instagram al tuo sito in Drupal

Instagram feed widget on a website

Drupal è uno dei sistemi di content management open source più popolari, utilizzato da moltissimi brand e organizzazioni come Tesla, Pfizer, NBC – e molti altri.

Non è quindi una sorpresa che una delle domande più frequenti che riceviamo al nostro servizio clienti sia come inserire il feed Instagram in uno sito fatto in Drupal.

Il codice di embed di Instagram ti permette di aggiungere immagini e video a qualsiasi servizio digitale. È vero anche che moltissime aziende aggiornano I propri profili Instagram con nuovi contenuti quasi ogni giorno e pensare di aggiornare anche il sito aziendale manualmente, per aggiungere questi nuovi contenuti, sarebbe troppo dispendioso in termini di tempo e risorse.

Cerchi una soluzione automatizzata per inserire i tuoi ultimi post di Instagram o la tua campagna hashtag su Drupal?

Flockler aiuta le aziende ad aggiungere un feed Instagram costantemente aggiornato a qualsiasi pagina Drupal. In meno di cinque minuti potrai settare un feed con aggiornamenti automatici ed incorporarlo nella tua home page Drupal o in qualsiasi altra pagina senza bisogno di avere conoscenze tecniche o di sviluppo.

Questa guida riguarda Drupal ma sappi che puoi anche inserire il tuo feed Instagram in qualsiasi sito o servizio digitale. Ecco i tutorial per i più diffusi CMS e piattaforme di e-commerce:

 Inserire il feed Instagram in Drupal: guida in tre passaggi

Ecco una guida in tre passaggi su come aggiungere il tuo feed Instagram a qualsiasi pagina Drupal:

  1. Aggiungi il profilo Instagram e gli hashtag
  2. Scegli il layout per il tuo widget
  3. Incorpora il feed di Instagram su Drupal

1. Aggiungi il profilo Instagram e gli hashtag

Il primo passaggio consiste nel decidere quale feed Instagram vuoi mostrare sul tuo sito Drupal:

Con Flockler puoi creare feed Instagram multipli e mostrarli assieme. Ecco le fonti Instagram disponibili:

  • Feed Instagram basato su hashtag: puoi mostrare immagini e video di tutti gli utenti Instagram che menzionano un hashtag specifico. Il contenuto dei loro profili deve però essere pubblico.
  • Feed Instagram di un account business: puoi raccogliere I contenuti da qualsiasi account Instagram Business. Non hai bisogno di essere admin per poterlo fare.
  • Menzioni dell’account Instagram Business: hai bisogno di essere amministratore del profilo per poterlo fare. In questo caso potrai raccogliere sia le menzioni nelle caption che i tag degli user. Le immagini e i video devono essere pubblici.
  • Storie di Instagram: hai bisogno di essere amministratore del profilo per poterlo fare. Le storie di Instagram sono visibili per 24 ore su Flockler. Possiamo creare aggiornamenti che seguono le nuove storie ogni volta che le posti.

Creare un nuovo feed Instagram con Flockler richiede solo pochi minuti e il contenuto del feed si aggiornerà automaticamente ogni 5-15 minuti.

Ecco un video di un minuto su come raccogliere immagini e video da un account Instagram Business:

2. Scegli il layout per il tuo widget

An example of an Instagram feed on a website

Dopo aver aggiunto uno o più account Instagram e hashtag al tuo feed Flockler, il secondo passaggio è scegliere il layout del tuo widget Instagram.

Vai alla scheda Display di Flockler e otterrai quattro opzioni di layout del widget Instagram:

  • Wall
  • Griglia
  • Carosello
  • Slideshow
Flockler app’s Instagram feed layouts

Puoi incorporare i diversi layout Wall, Griglia e Carosello su qualsiasi sito e servizio digitale. Lo Slideshow è la scelta perfetta se hai schermi digitali in ufficio o organizzi eventi dal vivo.

Dopo aver scelto il layout del widget di Instagram che più si adatta alle tue esigenze, riceverai un codice di embed che potrai aggiungere a qualsiasi pagina di Drupal.

Flockler app’s embed code for a social media feed

3. Incorpora il feed di Instagram su Drupal

Drupal è una piattaforma di pubblicazione versatile e ci sono diversi modi per aggiungere il codice di embed di Flockler al tuo sito Drupal. La posizione migliore per il tuo widget Instagram dipende dal tema e dal layout del tuo sito web.

In questo tutorial, ti guiderò attraverso due opzioni:

1. Incorpora il tuo feed Instagram in qualsiasi articolo o pagina su Drupal

2. Incorpora il tuo feed Instagram sulla tua home page di Drupal con l'elemento block

1. Incorpora il tuo feed Instagram in qualsiasi articolo o pagina su Drupal

Puoi aggiungere un widget del feed di Instagram all'area dei contenuti di qualsiasi articolo o pagina.

Nell'editor dei contenuti, di una pagina nuova o esistente, seleziona l'opzione "HTML completo" dal menu a discesa. Quindi fai clic su "Sorgente" nella barra degli strumenti e aggiungi il codice di embed di Flockler.

An Instagram feed embed code in the Drupal article page editor

Fai clic sul pulsante "Salva" e troverai lo straordinario feed di Instagram sul tuo sito Drupal.

Instagram feed on a Drupal website

2. Incorpora il tuo feed Instagram sulla tua home page di Drupal con l'elemento block

Se hai familiarità con gli elementi block di Drupal, aggiungere Flockler alla tua home page sarà molto semplice.

Nella gestione di Drupal, vai a Struttura> Layout a blocchi e fai clic sulla scheda "Libreria di blocchi personalizzata". Quindi, fai clic sul pulsante "+ Aggiungi blocco personalizzato".

Adding a custom block on Drupal

Nell'editor assegna un nome al blocco (ad esempio, widget Flockler) e modifica il formato del testo in "HTML completo". Quindi fai clic su "Sorgente" nella barra degli strumenti e aggiungi il codice di embed di Flockler al campo. Salva le modifiche.

Adding an embed code to a custom block on Drupal

Dopo aver completato questi passaggi torna alla visualizzazione "Layout blocco" e seleziona dove desideri aggiungere il widget di Instagram. Ad esempio puoi aggiungerlo all'area dei contenuti. Fare clic su "Posiziona blocco".

Placing a block element on a Drupal site

Seleziona il blocco ('Flockler widget') che hai creato prima.

Selecting a custom block on Drupal CMS

Nell'editor puoi selezionare se mostrare il titolo del blocco sulla tua pagina e se ci sono restrizioni. Ad esempio, potresti decidere di limitare la visualizzazione di questo elemento su una pagina specifica.

Configuring a custom block on Drupal CMS

Dopo aver configurato il blocco personalizzato, scorri la pagina verso il basso e fai clic su "Salva blocchi" per salvare le modifiche.

Saving custom blocks on Drupal CMS

Tutto fatto: il bellissimo widget di Instagram apparirà sulla tua home page!

Perchè i brand mostrano il feed Instagram nei siti Drupal?

Ci sono alcuni motivi chiave per cui i marchi aggiungono feed Instagram ai loro siti web.

Guidare le conversioni

Con un feed di aggiornamento in tempo reale delle immagini di Instagram, puoi mettere in evidenza i tuoi prodotti e servizi più recenti e mostrare feedback e recensioni sui social dei clienti. Questa social proof incorporata nel tuo sito crea fiducia e aumenta le conversioni. Inoltre, puoi aggiungere pulsanti di invito all'azione che indirizzano i tuoi visitatori ai prodotti e ai servizi mostrati nei contenuti generati dagli utenti.

An Instagram feed with a call-to-action button

Aumenta il tempo di permanenza sul sito

Mostrare un nuovo feed di immagini e video sulla tua home page ti aiuta a mantenere i visitatori coinvolti con i tuoi servizi più a lungo. Inoltre, se hai creato campagne di contenuti generati dagli utenti, il feed di Instagram arricchisce il tuo sito web con contenuti autentici e coinvolgenti.

La griglia Instagram incorporata nel sito web di Hapag-Lloyd evidenzia alcuni dei feedback dei loro clienti soddisfatti.

Instagram feed embedded on Hapag-Lloyd’s website

Aumenta l’engagement e la portata

Per aumentare le conversioni e il tempo trascorso sul sito, i feed di Instagram aiutano i marchi a creare coinvolgimento e migliorare la portata dei loro canali social.

Più persone visualizzano e interagiscono con i tuoi contenuti sui social, più persone vedranno i tuoi post anche nei loro feed di notizie. Pertanto vorrai massimizzare la visibilità dei contenuti dei social sui tuoi siti e servizi digitali: ti assicuri così che i tuoi contenuti ispirino costantemente un nuovo pubblico che non ha ancora interagito con te su 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