Come aggiungere il feed Instagram a TYPO3

An Instagram feed embedded on a website

TYPO3 è un CMS Open Source per lo sviluppo di siti web e portali ed è utilizzato da aziende come Phillips, Lufthansa, Villeroy & Boch e molte altre. Alcuni dei benefici maggiori dell’utilizzo di TYPO3 sono la flessibilità e la modularità che consente agli sviluppatori di costruire CMS customizzati per siti web, intranet e altri servizi digitali.

Aggiungere il feed di Instagram alla home page o ad altre pagine di TYPO3 è molto semplice grazie alla completa personalizzazione, ma invece di embeddare manualmente foto o video di Instagram la maggior parte dei marketer e degli sviluppatori è ala circa di un widget capace di mostrare il feed aggiornato in tempo reale.

Ecco che gli aggregatori di social media entrano in gioco. Con Flockler puoi raccogliere i contenuti da un qualsiasi account Instagram Business o creare campagne con contenuti generati dagli utenti. Se vuoi puoi anche combinare i contenuti di piattaforme social diverse e mostrare i contenuti in un unico posto (guarda l’elenco dei canali social supportati). Non hai bisogno di conoscenze di codice e embeddare il tuo feed su un sito TYPO3 ti richiederà solo pochi minuti.

Ecco una guida in tre passaggi per aggiungere il feed Instagram a TYPO3:

  1. Imposta un feed Instagram aggiornato in tempo reale.
  2. Scegli un layout di visualizzazione: Social Wall, Griglia o Carosello.
  3. Incorpora un feed Instagram su una pagina TYPO3.

1. Imposta un feed Instagram aggiornato in tempo reale.

Il primo passaggio è accedere al tuo account Flockler e configurare un feed Instagram in grado di aggiornarsi automaticamente. Gli strumenti di facile utilizzo di Flockler ti aiutano a raccogliere i contenuti di un’azienda o i post di qualsiasi utente che menziona un hashtag specifico.

Ecco un breve video che mostra come raggruppare i contenuti da qualsiasi azienda:

2. Scegli un layout di visualizzazione: Social Wall, Griglia o Carosello.

Dopo aver raccolto alcuni contenuti, il secondo passaggio è scegliere un layout per mostrare il tuo feed Instagram. Flockler ha tre opzioni pronte all'uso ed è facile personalizzarle come meglio preferisci o creare una versione su misura per te.

Fai clic su " Display’ " nella navigazione di Flockler e seleziona Social Wall, Griglia o Carosello.

Selecting a social media feed layout on the Flockler platform

Dopo aver selezionato il layout ti verrà mostrato il codice per l’embed. Puoi aggiungere il codice embed a qualsiasi pagina TYPO3 (vedi istruzioni dettagliate di seguito) e altri servizi digitali della tua organizzazione.

An embed code and a preview of the grid layout on the Flockler platform

Ecco alcuni esempi di ogni layout:

Social Wall

Il layout Social Wall mostra i testi delle caption di ogni post: è la scelta più adatta se stai cercando di mostrare i contenuti di vari canali social in un unico posto.

A social wall by Flockler

Griglia

Il layout Griglia crea un aspetto simile alla pagina del profilo Instagram ed è diventato il layout Flockler più popolare

A grid layout for social media feeds by Flockler

Carosello

Il layout Carosello consente di risparmiare spazio sulla home page e su altre pagine di destinazione in cui il feed social compete per l'attenzione con altri elementi e inviti all'azione.

A carousel layout for social media feeds by Flockler

3. Incorpora un feed Instagram su una pagina TYPO3

Il passaggio finale consiste nel copiare e incollare il codice di embed dalla scheda "Display" di Flockler nell'editor di contenuti di TYPO3.

Apri l'editor di una pagina (ad es. Home page) o di un post del blog e fai clic sul pulsante "+ Contenuto".

Adding a content block to a TYPO3 page

Dalle opzioni, seleziona la scheda "Elementi speciali" e elemento "HTML semplice".

Adding a 'Plain HTML' element to a TYPO3 website

Quindi aggiungi il codice di embed di Flockler all'editor e fai clic su "Salva".

Adding Flockler‘s embed code to a TYPO3 website editor

E Voilà: in meno di cinque minuti hai creato un bellissimo feed Instagram che si aggiorna automaticamente da mostrare sul tuo sito web TYPO3! Puoi aggiungere Flockler a qualsiasi pagina del tuo sito e utilizzare tutti e tre i layout senza costi aggiuntivi.

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 30 giorni
Comincia la prova gratuita di 30 giorni