Come aggiungere un feed Instagram al vostro sito web Divi (il modo migliore)

Cercate un modo per aggiungere un feed Instagram al vostro sito web Divi?

Divi di Elegant Themes è un tema popolare con un costruttore di siti facile da usare che può aiutarvi a creare facilmente bellissime pagine.

E se volete promuovere i contenuti di Instagram sul vostro sito web Divi, c'è una soluzione semplice.

In questo post, condivideremo con voi come incorporare un feed Instagram sul vostro sito Divi in pochi clic.

Ecco un indice per aiutarvi a navigare in questo articolo. È possibile passare alla sezione desiderata facendo clic su di essa:

Perché aggiungere i feed di Instagram al vostro sito web Divi?

Come popolare plugin per la creazione di pagine, Divi semplifica la progettazione di siti web, consentendo di creare un bellissimo sito WordPress con pulsanti, sezioni call-to-action, immagini, animazioni e altro ancora.

Supponiamo che abbiate già costruito un ottimo sito web WordPress per il vostro marchio con Divi. Il passo successivo è promuoverlo per attirare più clienti.

E se volete promuovere qualcosa su Internet, non potete ignorare i social media.

Solo su Instagram, ci sono oltre 2 miliardi di utenti attivi che potete raggiungere!

E se volete usare Instagram per promuovere il vostro marchio, un modo semplice è aggiungere un feed di post di Instagram al vostro sito Divi.

Infatti, ecco alcuni modi in cui un feed di Instagram può aiutare il vostro sito:

• Aumenta il coinvolgimento - L'inserimento di un feed di hashtag di contenuti Instagram rilevanti cattura l'attenzione dei visitatori del sito e li incoraggia a interagire con il vostro sito.
• Costruire la fiducia nel marchio - Se inserite recensioni e testimonianze dei vostri clienti, queste possono funzionare come prova sociale. Ciò significa che vedere persone reali che apprezzano i vostri prodotti può ispirare i visitatori a fare un acquisto.
• Aumentare le vendite - Quando aggiungete un feed Instagram shoppable al vostro sito web Divi, potete promuovere direttamente le pagine dei prodotti ai visitatori del sito, in modo che siano più propensi ad acquistare da voi.
• Risparmiare tempo - Il vostrofeed di Instagram viene aggiornato automaticamente, quindi potete visualizzare belle immagini e video di Instagram sul vostro sito web senza caricarli manualmente.
• Aumentare la presenza online: Mostrare i post di Instagram sul vostro sito può aumentare i vostri follower di Instagram e aiutarvi a raggiungere un numero ancora maggiore di potenziali clienti.

Ma anche se è possibile costruire un ottimo sito web con Divi, questo non è dotato di funzioni di social media marketing.

La buona notizia è che vi mostreremo il miglior plugin per i feed di Instagram per WordPress, in modo che possiate iniziare subito ad aggiungere feed di Instagram!

Ancora meglio, questo plugin funziona al 100% anche con il vostro sito web Divi.

Il modo più semplice per aggiungere i feed Instagram di Divi al vostro sito web

Il modo più semplice per aggiungere i feed di Instagram al vostro sito web Divi è utilizzare Instagram Feed Pro, il miglior plugin per feed di Instagram sul mercato.

Essendo l'aggregatore di feed di Instagram numero 1, Instagram Feed Pro vi aiuta a creare, personalizzare e incorporare il vostro feed di Instagram sul vostro sito Divi in pochi clic, senza bisogno di codifica.

Inoltre, è ricco di funzioni straordinarie che vi permetteranno di iniziare subito ad aggiungere i vostri feed di Instagram, come ad esempio:

• Configurazione super facile e veloce: Bastano pochi minuti per iniziare ad aggiungere i feed di Instagram al vostro sito Divi, senza dover ricorrere a linguaggi di codifica complessi come CSS o JavaScript personalizzati.
• Tonnellate di tipi di mangimi disponibili: Avete a disposizione molti tipi di feed tra cui scegliere. Il plugin supporta feed di hashtag, Instagram Reels e caroselli di feed di Instagram per il vostro sito web Divi.
• Personalizzatore visuale dei feed: Poiché tutti i feed di Instagram sono altamente personalizzabili, è possibile personalizzarli in pochi clic utilizzando un personalizzatore visivo.

• Leggero e veloce: Instagram Feed Pro è stato ottimizzato per essere leggero, quindi i vostri feed di Instagram e il vostro sito si caricheranno molto velocemente, il che è ottimo per la SEO.
• Instagram Shopping: Per i negozi online e i siti WooCommerce, è possibile creare feed acquistabili e consentire ai visitatori di acquistare da voi e aumentare le conversioni.
• Assistenza clienti di prim'ordine: Con Instagram Feed Pro, avrete anche un team di esperti di WordPress che vi aiuterà in caso di problemi con i vostri feed.

Grazie alla facilità di utilizzo e di personalizzazione, Instagram Feed Pro è diventato il miglior plugin di feed Instagram per WordPress, compatibile anche con Divi.

Ora ha più di 1.000.000 di utenti attivi con una valutazione di 4,9/5 stelle. E questa base di utenti comprende alcuni dei più grandi marchi a livello mondiale.

Come si può vedere, anche nomi famosi come Coca-Cola utilizzano i feed Instagram di Smash Balloon e i plugin per i social media di Smash Balloon per aggiungere i feed dei social media ai loro siti.

Se state pensando che Smash Balloon non funziona con Divi, non preoccupatevi. Tutti i plugin di Smash Balloon sono perfettamente compatibili con Divi.

Siete pronti a impostare i feed di Instagram sul vostro sito web Divi? Iniziate oggi stesso con Instagram Feed Pro!

Come aggiungere un feed Instagram al vostro sito web Divi (5 semplici passi)

Per incorporare i feed di Instagram nel vostro sito web Divi, non dovete fare altro che seguire le istruzioni passo-passo riportate di seguito.

Cominciamo.

Passo 1: Installare e attivare Instagram Feed Pro

Per prima cosa, dovete procurarvi una copia del plugin Instagram Feed Pro qui.

Una volta ottenuto il file zip del plugin, è sufficiente installarlo e attivarlo sul proprio sito web Divi.

Se avete bisogno di un po' di aiuto per questa parte, potete seguire il nostro tutorial completo su come installare un plugin di WordPress.

Passo 2: Creare un nuovo feed Divi Instagram

Ora che il plugin è attivo, è possibile creare il primo feed.

Per iniziare, andate su Instagram Feed " Tutti i feed dalla vostra dashboard di WordPress.

Quindi, fare clic sul pulsante Aggiungi nuovo per avviare il processo di configurazione.

Il plugin vi chiederà quindi di scegliere il tipo di feed che volete mostrare sul vostro sito Divi. Sono disponibili tre opzioni principali:

• Timeline utente: Visualizza tutte le foto e i video del vostro profilo Instagram.
• Hashtag pubblici: Mostra i post di Instagram che includono hashtag specifici.
• Messaggi taggati: Crea un feed di post che hanno taggato il vostro account.

Dopo aver selezionato l'opzione più adatta a voi, fate clic sul pulsante Avanti.

Per questa guida, sceglieremo il tipo di feed della timeline dell'utente.

Fase 3: Collegare l'account Instagram

In questa fase, dovrete collegare il vostro account Instagram al feed. Per ottenere i migliori risultati, si consiglia di utilizzare un account aziendale o di un creatore.

Se non ne avete ancora uno, potete consultare la nostra guida sull'aggiornamento del vostro account Instagram.

Nella pagina successiva, fare clic sul pulsante Aggiungi sorgente .

Successivamente, è possibile scegliere tra una connessione Instagram Business Basic e una Business Advanced .

Utilizzando una connessione di base, è possibile pubblicare le foto e i video dal proprio account Instagram.

Con una connessione avanzata, è possibile mostrare tutti i tipi di contenuti, tra cui hashtag feed, shoppable feed, storie, menzioni e altro ancora.

Scegliere la connessione Instagram che si desidera utilizzare, quindi fare clic su Connetti.

Per questa guida, utilizzerò una connessione avanzata a Instagram.

Nella pagina successiva, fate clic sul pulsante Connetti con Facebook .

A questo punto, il plugin vi reindirizzerà a Facebook. Qui è possibile dare al plugin l'accesso in sola lettura al proprio account.

Ciò significa che Instagram Feed Pro è in grado di visualizzare i contenuti di Instagram ma NON può apportare modifiche, quindi è perfettamente sicuro al 100%.

Basta premere il pulsante Continua per procedere.

Una volta tornati alle impostazioni del plugin, scegliere l'account appena collegato e fare clic su Aggiungi.

Infine, fare clic sul pulsante Avanti per terminare la connessione dell'account e passare alla fase di personalizzazione.

Passo 4: personalizzare il feed Instagram di Divi

Per aiutarvi a progettare rapidamente bellissimi feed, Instagram Feed Pro è dotato di modelli di feed che potete importare.

Avete a disposizione molti modelli diversi con design unici tra cui scegliere:

• Predefinito
• Griglia semplice
• Griglia semplice XL
• Fila semplice
• Carosello semplice
• Scheda muratura
• In evidenza
• Messaggio singolo
• Carosello di post singoli

Una volta scelto il modello che desiderate per il vostro feed Divi Instagram, fate clic su Avanti.

Nella pagina successiva, vedrete il personalizzatore del feed visivo. Qui è possibile utilizzare l'editor di feed live per personalizzare il design e il contenuto del feed di Instagram.

Verso sinistra, è possibile vedere un pannello di personalizzazione che contiene tutte le opzioni per modificare il design del vostro feed di Instagram.

Ciò significa che è possibile impostare il layout del feed, lo schema dei colori, lo stile dell'intestazione, le dimensioni del feed, i pulsanti di caricamento, il design dei post e molto altro ancora in pochi clic.

Inoltre, sul lato destro, è possibile vedere tutte le modifiche in tempo reale con un'anteprima live del feed di Instagram.

Cliccate sull'opzione Layout del feed per iniziare a personalizzare il feed di Instagram per il vostro sito Divi.

Qui è possibile scegliere tra 4 diverse opzioni di layout per il feed dei social media di Divi:

• Griglia
• Carosello
• Muratura
• In evidenza

Con il layout a griglia, è possibile mostrare una galleria di immagini con una serie di foto e video in file e colonne ordinate.

Se desiderate un aspetto dinamico per il vostro feed di Divi sui social media, c'è l'opzione carosello.

In questo modo, potete aggiungere un bellissimo cursore Instagram al vostro sito Divi.

Volete mantenere le proporzioni originali dei vostri post su Instagram?

Quindi, si può scegliere l'opzione muratura come in questo esempio che ho creato.

Infine, è disponibile l'opzione di evidenziazione che può rendere più visibili i vostri post su Instagram.

Questo layout aumenterà le dimensioni dei vostri messaggi di 4 volte.

A questo punto, basta selezionare il layout del feed di Instagram che vi piace e fare clic su Salva.

Volete continuare a personalizzare il vostro feed Divi Instagram? Fate semplicemente clic sul piccolo pulsante Personalizza .

Da qui è possibile fare clic sull'opzione Schema di colore per continuare.

Per aiutarvi a impostare facilmente i colori per il vostro feed di Instagram, avete a disposizione 4 schemi di colori tra cui scegliere:

• Eredita dal tema: Usa i colori del tema WordPress del tuo sito web
• Luce: Sfondo chiaro e font più scuro per il vostro feed Instagram di Divi.
• Scuro: utilizza uno sfondo scuro con un colore di carattere chiaro.
• Personalizzato: Selezionare manualmente tutti i colori

Una volta scelta la combinazione di colori, fare clic sul pulsante Salva per confermare le modifiche.

Dopodiché, potete personalizzare il vostro feed di Instagram a vostro piacimento utilizzando le opzioni rimanenti. È possibile scegliere le dimensioni, lo stile dei post, il font, il design del pulsante di follow e molto altro ancora.

Passo 5: incorporare il feed Instagram di Divi

Infine, è arrivato il momento di mostrarvi come aggiungere il vostro feed Instagram al vostro sito Divi WordPress. Ci sono due modi per farlo:

• Aggiungere il feed Instagram di Divi a una pagina
• Aggiungete il vostro feed Instagram di Divi alla barra laterale o al piè di pagina

Potete aggiungerli direttamente ai vostri post e alle vostre pagine, oppure pubblicarli sulla vostra barra laterale.

Metodo 1: Aggiungere il feed di Divi Instagram a una pagina

Per aggiungere il feed di Instagram alla vostra pagina Divi WordPress, potete iniziare dall'editor di feed live.

Per prima cosa, fare clic sul pulsante Embed in alto.

Verrà quindi visualizzato un popup contenente lo shortcode del vostro feed di Instagram. Incollando questo codice sul vostro sito, potrete incorporare il vostro feed di Instagram.

Per continuare, fare clic sul pulsante Copia .

Dopo aver fatto questo, andate su Pagine " Aggiungi nuovo dalla vostra dashboard e aprite l'editor di WordPress.

Qui, basta cliccare sul pulsante Usa Divi Builder .

È possibile fare lo stesso anche per un post di WordPress.

Dalla dashboard di WordPress, basta andare su Post " Aggiungi nuovo e cliccare su Usa Divi Builder.

In questo modo si aprirà il page builder Divi. Qui avete 3 modi per procedere:

• Iniziare a costruire: È possibile partire da un modello vuoto e costruire una pagina.
• Sfogliare i layout: Controllare i layout precostituiti e iniziare a modificarne uno.
• Scegliere Pagina: Oppure è possibile copiare il design di una pagina esistente e modificarlo.

Qui potete selezionare l'opzione che preferite.

Se si sceglie l'opzione Inizia a costruire, si può iniziare subito a modificare da un modello vuoto.

Ma se si seleziona Sfoglia layout, viene visualizzata la finestra di dialogo Carica dalla libreria . Qui è possibile sfogliare tutti i layout disponibili.

Per selezionare un layout per la pagina, è sufficiente fare clic su di esso.

Si aprirà la pagina Dettagli layout . A questo punto è sufficiente fare clic su Usa questo layout per iniziare a modificare la pagina.

Se invece scegliete Scegli pagina , vedrete i layout di pagina esistenti che avete progettato.

È sufficiente fare clic su una qualsiasi delle opzioni per iniziare a modificare l'età.

Prima di aggiungere il feed di Instagram a Divi, è necessario creare uno spazio per esso. Ciò significa creare una nuova riga.

Per farlo, cliccate sulla piccola icona verde più (+) nella vostra pagina di Divi Builder.

Verrà visualizzata la finestra a comparsa Inserisci riga . È sufficiente selezionare una delle righe disponibili facendo clic su quella desiderata.

Infine, potete fare clic sull'icona più (+) per aggiungere un nuovo modulo alla vostra pagina Divi.

Quindi, utilizzare la barra di ricerca per cercare il modulo di codice e fare clic su di esso nei risultati della ricerca.

Una volta fatto questo, vedrete le Impostazioni del codice sulla sinistra. Qui, andate nel campo del codice e incollate lo shortcode di prima.

Quindi, fare clic sull'icona di controllo nell'angolo in basso a destra.

E il gioco è fatto! Ora avete aggiunto il vostro feed di Instagram al vostro sito Divi.

Come potete vedere, questo plugin per il feed dei social media di WordPress rende super facile incorporare i post di Instagram, anche se non siete esperti di tecnologia.

Ora, quando visitate il vostro sito web, potete vedere il feed di Divi Instagram incorporato nella vostra pagina.

Metodo 2: Aggiungere il feed Instagram di Divi alla barra laterale o al piè di pagina

E se si desidera visualizzare il feed di Instagram nella barra laterale o nel piè di pagina?

Ora parliamo di come incorporare i feed di Instagram nella barra laterale o nel piè di pagina di Divi come widget di Instagram.

Per prima cosa, andate su Aspetto " Widget dalla vostra dashboard di WordPress.

In questa pagina, fate clic sul pannello Sidebar per aggiungere i feed di Instagram all'area della barra laterale del tema Divi.

In alternativa, è possibile fare clic sul pannello Piè di pagina se si preferisce mostrare i contenuti di Instagram nell'area del piè di pagina.

Per questa esercitazione utilizzeremo una barra laterale.

Dopo aver scelto la barra laterale, fare clic sull'icona più (+) e selezionare il widget Shortcode dalle opzioni.

Infine, incollate il vostro shortcode di prima nel campo Shortcode.

Una volta terminato l'incollaggio del codice breve, basta cliccare su Aggiorna per salvare le modifiche.

Il vostro feed di Instagram è stato incorporato con successo! Visitate il vostro sito web per vedere il feed live visualizzato sulla vostra pagina o post di Divi.

Di seguito, potete vedere l'esempio di feed Divi Instagram che ho creato per questo tutorial.

Oltre Instagram: Migliorare il sito Divi con i video TikTok

Una volta impostato il feed Instagram di Divi, c'è un ottimo modo per portare il vostro social media marketing al passo successivo: visualizzare i video di TikTok sul vostro sito Divi.

Con oltre 1,6 miliardi di utenti attivi, TikTok è diventata rapidamente la piattaforma dominante per i contenuti video di breve durata, offrendo un'opportunità senza precedenti di raggiungere un nuovo pubblico.

La buona notizia? Aggiungendo i video di TikTok al vostro sito Divi, sarete in grado di:

• Convertire il traffico del sito web: Trasformate i visitatori del sito in spettatori, like e follower di TikTok, ampliando la portata dei vostri contenuti.
• Promozione incrociata: Guidate il vostro pubblico di TikTok a seguirvi su Instagram e altre piattaforme sociali, favorendo una comunità multicanale.
• Rimanere competitivi: Assicuratevi che il vostro marchio rimanga visibile e rilevante dove il vostro pubblico e i vostri concorrenti si impegnano attivamente.

Inoltre, integrare TikTok con il vostro sito è facilissimo. Utilizzando TikTok Feed Pro, potete aggiungere i vostri video TikTok a Divi in pochi minuti!

Proprio come Instagram Feed Pro, TikTok Feed Pro semplifica l'intero processo, rendendolo al 100% privo di codici.

Suggerimento dell'esperto: Per iniziare subito, date un'occhiata alla nostra guida su come aggiungere un feed TikTok al vostro sito web Divi.

E questo è quanto!

Speriamo che questo post vi abbia mostrato come incorporare un feed di Instagram nel vostro sito web Divi in pochi minuti.

Con il plugin Instagram Feed Pro è più facile che mai aggiungere contenuti da Instagram al vostro sito, anche se siete alle prime armi con WordPress.

Siete pronti a ottenere più follower e coinvolgimento con i feed di Instagram?

Iniziate subito con Instagram Feed Pro per creare, personalizzare e aggiungere feed di Instagram al tema Divi per far crescere il vostro sito web.

Migliora ulteriormente il tuo sito Divi: Più integrazioni con i social media

Volete integrare più piattaforme di social media con Divi? Esplorate queste guide correlate dei nostri esperti:

• Come visualizzare i video di YouTube in un sito WordPress Divi
• Come incorporare il widget delle recensioni di Google su Divi
• Come aggiungere facilmente il feed di Facebook ai siti WordPress di Divi
• Come incorporare il widget delle recensioni di Google sul vostro sito web Divi