Joomla è una delle piattaforme open source più diffuse per la pubblicazione dei contenuti sul web. Joomla offre un’importante varietà di template pronti all’uso e di plugin e il CMS è utilizzato da aziende come Hyundai e NCA oltre che da famosi campioni dello sport come Michael Phelps e Roger Federer.
Le aziende amano Instagram e non è una sorpresa che i gli utilizzatori di Joomla spesso aggiungano dei widget per i social alla home page o che creino landing page per le campagne con contenuti generati dagli utenti. Con tool come Flockler, gli utilizzatori di Joomla possono combinare i feed dei social come Instagram, Facebook, Twitter, YouTube e altri canali e mostrarli ovunque all’interno del proprio sito.
Con questo tutorial vedremo passo per passo come mostrare un feed Instagram su un sito in Joomla.
Creare un widget Instagram per il tuo sito è semplicissimo e ci vorranno solo un paio di minuti. Ecco una guida in tre passaggi di come aggiungere un feed Instagram a Joomla:
- Raccogli i feed Istagram usando username o hashtag
- Scegli il layout per il tuo feed Instagram spaziando tra Wall, Griglia, Carosello o Slideshow
- Inserisci il feed Instagram nella tua pagina Joomla.
1. Raccogli i feed Istagram usando username o hashtag
Prima di iniziare, registrati per la prova gratuita di Flockler. Ottieni l'accesso al prodotto completo: non ti verrà richiesta la carta di credito e non c'è alcun vincolo.
Dopo esserti registrato, crea il tuo primo feed Instagram. Da Instagram, puoi raccogliere e mostrare:
• Immagini e video di qualsiasi azienda
• Feed hashtag di tutti gli utenti
• Menzioni del tuo account Business
• Storie dal tuo account aziendale
Ecco un breve video su come raccogliere immagini e video dagli account aziendali Instagram:
Ti piacerebbe mostrare più di un account o hashtag o mischiare i contenuti di Instagram con i contenuti di un altro social come TikTok? Con Flockler puoi combinare feed di social da più account, hashtag o canali e mostrarli tutti in un unico posto. Consulta l'elenco dei canali di social supportati e dei tipi di contenuto che puoi mostrare insieme.
2 Scegli il layout per il tuo feed Instagram spaziando tra Wall, Griglia, Carosello o Slideshow
Ora che hai impostato il feed di Instagram, il passaggio successivo è selezionare un layout che si adatti all'aspetto del tuo sito.
Dalla scheda Display puoi creare social wall, griglie, caroselli e slideshow. Non ci sono limiti: puoi crearne quanti ne vuoi.
Dopo aver selezionato il layout, otterrai un codice di embed che puoi aggiungere al tuo sito in Joomla.
3. Inserisci il feed Instagram nella tua pagina Joomla
L'ultimo passaggio è incorporare il tuo feed Instagram sul tuo sito in Joomla. Per questo passaggio ti mostreremo due metodi diversi:
- Aggiungi un feed Instagram a qualsiasi pagina Joomla
- Aggiungi un feed Instagram a tutte le pagine Joomla
1. Aggiungi un feed Instagram a qualsiasi pagina Joomla
Spesso, i clienti Flockler mostrano i feed di Instagram su una pagina dedicata o sulla pagina di destinazione della campagna hashtag. Ecco come aggiungere Flockler alla tua pagina Joomla:
Nella gestione di Joomla, fai clic su "Contenuto", seleziona "Articoli", quindi fai clic su "Aggiungi nuovo articolo".
Nell'editor dell'articolo, aggiungi un titolo per il tuo post e quindi fai clic sul pulsante "Codice" nella barra degli strumenti.
Si aprirà una finestra con un campo per inserire il codice di embed. Vai alla scheda Display di Flockler e copia e incolla il codice di embed del feed di Instagram nel campo. Quindi fare clic su "Inserisci".
Fai clic su "Salva e chiudi". Se lo desideri, puoi aggiungere la pagina al menu del sito dagli strumenti di modifica del menu di Joomla.
2. Aggiungi un feed Instagram a tutte le pagine Joomla
Joomla include moduli che gli sviluppatori di siti possono utilizzare per mostrare i feed di Instagram su aree dedicate in tutto il sito. Per esempio potresti voler mostrare il feed di Instagram nel piè di pagina del sito su tutte le pagine: i moduli sono la soluzione perfetta per questo!
Ecco come aggiungere un feed Instagram con un modulo personalizzato:
Nella gestione di Joomla fai clic su "Estensioni" e seleziona "Moduli".
Fai clic sul pulsante "Nuovo"
Dalla lista seleziona “Custom”
Quindi fare clic sul pulsante "Codice" nella barra degli strumenti.
Si aprirà una finestra. Copia e incolla il codice di embed del feed di Instagram da Flockler nel campo e fai clic su "Inserisci".
Assegna un titolo al Modulo e seleziona la posizione da destra. Qui potresti aver bisogno dell'aiuto dello sviluppatore del tuo sito per assicurarti che il modulo venga visualizzato su tutte le pagine e che la posizione selezionata non sia utilizzata per altri scopi.
Infine, fai clic su "Salva e chiudi" e il feed di Instagram sarà incorporato nel tuo sito web Joomla
