Come incorporare tweet/post X nel tuo sito web (per principianti)
Casa Blog Come incorporare tweet/post X nel tuo sito web (per principianti)

Come incorporare tweet/post X nel tuo sito web (per principianti)

Come incorporare i tweet nel proprio sito web

Stai pensando di incorporare i tweet nel tuo sito web WordPress ma non sai da dove iniziare?

Incorporare tweet o post X ti consente di mostrare conversazioni reali, condividere testimonianze e mantenere i contenuti del tuo sito aggiornati e coinvolgenti.

È anche un modo efficace per entrare in contatto con il tuo pubblico e incoraggiare più follower su X (Twitter).

Quando ho provato per la prima volta ad aggiungere tweet al mio sito, ho trovato gli strumenti di incorporamento standard di X piuttosto confusi. Soprattutto se sei alle prime armi.

Noi di Smash Balloon abbiamo aiutato milioni di utenti WordPress a visualizzare i feed dei social media in modo fluido, rendendo semplice per chiunque aggiungere contenuti Twitter al proprio sito web.

In questo articolo ti guiderò attraverso una procedura adatta anche ai principianti per incorporare i tweet nel tuo sito.

Ma la cosa migliore è che imparerai come incorporare i tweet sul tuo sito web in pochi semplici passaggi, anche se non sei un esperto di tecnologia.

In questo articolo

Perché incorporare i tweet sul vostro sito web?

X (Twitter) è una delle più grandi piattaforme di social media esistenti e un luogo molto popolare tra i marchi che desiderano promuovere la propria attività.

Con oltre 237 milioni di utenti X, puoi trovare tantissimi potenziali clienti per la tua attività.

Ma sono già tantissimi i marketer che utilizzano X ogni giorno, quindi aumentare il numero dei propri follower può essere difficile.

La soluzione? Puoi aggiungere contenuti social media da X al tuo sito web e trasformare il traffico del sito in interazioni e follower.

Oltre a far crescere la vostra presenza sui social media, ecco altri modi in cui l'incorporazione dei tweet può aiutare il vostro marchio:

Come potete vedere, con Twitter potete facilmente far crescere il vostro seguito su Twitter, raggiungere più clienti, incrementare le vendite, far crescere il vostro marchio e fare soldi.

A questo punto, vediamo come iniziare a integrare Twitter con il vostro sito web.

2 modi per incorporare un tweet sul tuo sito web WordPress

Se volete incorporare i tweet nel vostro sito web WordPress, ci sono due modi per farlo:

  • Manuale: Generare un codice embed di Twitter per i tweet, modificare il codice e inserirlo manualmente nel sito web.
  • Automatico: Utilizzate un plugin per WordPress in grado di incorporare automaticamente i contenuti di Twitter.

Se si sceglie il primo metodo, si ha a che fare con codici HTML molto complessi. Inoltre, può essere necessario molto più tempo per incorporare i feed di Twitter utilizzando il metodo manuale.

E se qualcosa va storto durante l'inserimento del codice nel vostro sito, non avrete un team di supporto che vi aiuti.

Tutto sommato, il metodo manuale può essere impegnativo per molti utenti.

Qual è il modo più semplice per incorporare i tweet nel tuo sito web?

D'altra parte, se scegli l'opzione automatica, puoi semplicemente utilizzare un plugin per il feed Twitter per incorporare tutti i tweet con facilità, senza bisogno di codifica.

E il miglior plugin per Twitter che puoi usare è Smash Balloon Twitter Feed Pro.

smash balloon twitter feed pro homepage

Questo plugin è dotato di un semplice flusso guidato in 3 fasi che vi condurrà attraverso l'intero processo di creazione, personalizzazione e incorporazione di feed di contenuti Twitter sul vostro sito web.

Inoltre, è possibile scegliere il tipo di contenuto di Twitter che si desidera incorporare.

È possibile mostrare i tweet di un profilo specifico, mostrare i risultati della ricerca su Twitter, visualizzare gli hashtag scelti da Twitter, incorporare le menzioni di Twitter, visualizzare i retweet e molto altro ancora.

Oltre ai post di testo e alle foto, con questo plugin potete incorporare un video di Twitter sul vostro sito web e tenere i vostri visitatori impegnati molto più a lungo.

Twitter Feed Pro vi dà anche il controllo completo su come i tweet appaiono sul vostro sito web.

Potete scegliere di importare un bel modello e poi utilizzare un personalizzatore di feed live per modificare il design del vostro feed Twitter in pochi semplici clic.

editor di feed live per twitter

Come puoi vedere, Twitter Feed Pro è la scelta migliore se vuoi aggiungere tweet al tuo sito web con facilità. Apprezzo anche il fatto di poter usare questo plugin di Twitter per incorporare i tweet nel mio sito web Divi .

Con tutte queste incredibili caratteristiche, il plugin ha una valutazione di 4,9/5 stelle da parte di oltre 150.000 utenti attivi!

recensioni degli utenti feed twitter personalizzati pro

Ora vediamo come puoi usare questo plugin per incorporare contenuti di Twitter sul tuo sito web in pochi clic.

Pronti ad aggiungere i vostri tweet al vostro sito web, anche se non siete esperti di tecnologia?

Inizia subito a usare Twitter Feed Pro !

Come incorporare i tweet sul vostro sito web (in modo semplice)

Per iniziare a incorporare i tweet nel vostro sito web con facilità, potete semplicemente seguire le istruzioni passo-passo riportate di seguito.

Passaggio 1: installa e attiva Smash Balloon Twitter Feed Pro

Per prima cosa, procuratevi una copia del plugin Twitter Feed Pro da qui. Quindi, installate e attivate il plugin sul vostro sito web.

Se non siete sicuri di come fare, date un'occhiata a questa guida passo passo su come installare i plugin di WordPress.

A questo punto si può passare al punto 2 e iniziare a usare il plugin per creare feed di Twitter.

Fase 2: Creare un nuovo feed di Twitter

Utilizzando un feed di Twitter, potete iniziare a mostrare i tweet sul vostro sito web con facilità.

Per creare il vostro feed, andate nel menu Twitter Feed " Tutti i feed dall'area della dashboard dell'amministratore e cliccate su Aggiungi nuovo.

aggiungere un nuovo feed twitter personalizzato

Con Twitter Feed Pro è possibile scegliere il tipo di feed di Twitter da mostrare sul proprio sito web. Ci sono 6 opzioni tra cui scegliere:

  • Timeline utente: Scegliere un account Twitter e mostrare i tweet di quell'utente.
  • Hashtag: Visualizza tutti i tweet che hanno gli hashtag scelti da Twitter.
  • Timeline di casa: Mostra i tweet della propria timeline di Twitter.
  • Ricerca: Scegliere i termini di ricerca e incorporare i tweet con tali termini.
  • Menzioni: Incorporare i tweet che menzionano il vostro account Twitter
  • Elenchi: Incorpora elenchi X (Twitter) specifici sul tuo sito

Volete utilizzare più di un singolo tipo di feed di Twitter? È sufficiente selezionare più opzioni e combinare i tipi di feed qui.

Dopo aver scelto il tipo di feed di Twitter, fate clic su Avanti per continuare.

scegliere hashtag twitter feed

Utilizzeremo il tipo di feed hashtag quando mostreremo un esempio di feed Twitter su un sito web.

Ora che avete creato un feed di Twitter, è il momento di collegare questo feed a Twitter nel passaggio 3.

Passo 3: collegare l'account Twitter

Collegando il vostro account Twitter, il vostro nuovo feed può recuperare i contenuti di Twitter e visualizzarli sul vostro sito.

Innanzitutto, fare clic sul pulsante Connetti del popup.

collegare l'account twitter a wordpress

In questo modo si aprirà il sito web di Twitter, dove il plugin chiederà l'accesso in sola lettura al vostro account.

Twitter Feed Pro utilizzerà questo accesso per visualizzare i contenuti di Twitter e non apporterà alcuna modifica al vostro account. Quindi, il plugin è sicuro da usare.

Per continuare, fare clic sul pulsante Autorizza app qui.

autorizzare l'accesso in sola lettura a twitter.jpg

Dopodiché, Twitter Feed Pro vi rimanderà al vostro sito web, in modo che possiate finire di aggiungere la fonte del vostro feed di Twitter.

Questa fonte può essere un profilo Twitter, un hashtag, un termine di ricerca, un elenco Twitter e altro ancora, a seconda del tipo di feed.

È sufficiente inserire l'origine nel popup e fare clic su Avanti.

selezionare gli hashtag del proprio feed di Twitter

Dato che stiamo creando un feed di hashtag su Twitter, useremo l'hashtag "KEEB_PD" come fonte.

Ora potete passare alla fase successiva e personalizzare il modo in cui i tweet appaiono sul vostro sito web.

Passo 4: personalizzare i tweet

Per personalizzare il vostro feed di Twitter con facilità, potete scegliere un modello di feed da importare con un solo clic.

Sono disponibili 7 modelli di feed con design unici tra cui scegliere:

  • Predefinito
  • Muratura
  • Carosello semplice
  • Carte semplici
  • Carosello di vetrine
  • Ultimi tweet
  • Widget

Selezionate il modello di feed Twitter che preferite e fate clic su Avanti.

scegliere un modello di alimentazione

Ora è possibile utilizzare il live feed customizer per modificare il design del proprio feed di Twitter in pochi semplici clic.

Utilizzando le opzioni a sinistra, è possibile scegliere il layout del feed, il design dell'intestazione, l'opzione lightbox, la combinazione di colori e molto altro ancora.

Inoltre, sulla destra, è possibile visualizzare un'anteprima in tempo reale del feed di Twitter per tenere traccia delle modifiche apportate.

editor di feed live twitter feed pro anteprima visiva

Siete pronti a personalizzare i vostri tweet?

Cercare l'opzione Layout di alimentazione sulla sinistra e fare clic su di essa per avviare la personalizzazione.

scegliere l'opzione di layout del feed creare il feed di twitter

È possibile scegliere tra diversi layout di feed per controllare il modo in cui i tweet appaiono sul sito WordPress.

Sono disponibili 3 layout: elenco, carosello e muratura.

opzioni di layout del feed aggregatore di twitter

Utilizzando il layout a elenco , i vostri tweet appariranno in una singola colonna, come sul sito ufficiale di Twitter.

Inoltre, in questo modo i vostri tweet saranno più visibili.

layout di lista twitter feed pro

È quindi possibile scegliere il layout in muratura , che mostra i tweet utilizzando diverse colonne.

Di conseguenza, è possibile incorporare sul proprio sito tonnellate di tweet in una sola volta.

layout in muratura feed di twitter

Infine, c'è il layout carosello , che trasforma i tuoi tweet in un carosello o slider di Twitter .

In questo modo, potrete rendere il vostro sito web più coinvolgente e interattivo.

layout carosello twitter

Dopo aver scelto l'opzione di layout del feed, fare clic sul pulsante Salva in alto.

Una volta fatto ciò, fare clic sul pulsante Personalizza per tornare alle opzioni di personalizzazione principali.

torna al menu principale editor di feed live

Da qui è possibile continuare a modificare il design del feed di Twitter.

Per modificare i colori dei vostri tweet, fate clic sull'opzione Schema colori a sinistra.

scegliere l'opzione di combinazione di colori feed twitter

Qui potete vedere i 4 schemi di colore che potete scegliere per i vostri tweet:

  • Eredita dal tema: Usa gli stessi colori del tema di WordPress
  • Luce: Mostra uno sfondo chiaro e un colore di carattere scuro
  • Scuro: scegliere un colore chiaro per i caratteri e uno sfondo scuro.
  • Personalizzato: Scegliete manualmente tutti i colori da soli
opzioni di combinazione di colori per il feed di Twitter

Scegliete la combinazione di colori che preferite da questo elenco e fate clic su Salva.

Ora puoi utilizzare le restanti opzioni di personalizzazione per scegliere il design dei tuoi tweet. Puoi impostare lo stile dell'intestazione, il design dei pulsanti, limitare il numero di tweet , le dimensioni del feed e molto altro.

Infine, cliccate sul pulsante Salva quando siete soddisfatti del design del vostro feed Twitter.

Dopodiché, è il momento di passare alla fase finale e aggiungere questi tweet al vostro sito web.

Fase 5: incorporare i tweet nel sito web

Utilizzando Twitter Feed Pro, avete 2 modi per incorporare i vostri tweet sul vostro sito web:

  • Incorporare i tweet in una pagina web
  • Incorporare i tweet nella barra laterale o nel piè di pagina di un sito web

Incorporare i tweet in una pagina web

Utilizzando l'editor di live feed, è possibile incorporare i propri tweet in pochi clic, senza dover toccare una sola riga di codice.

Per iniziare, fare clic sul pulsante Embed in alto.

editor di feed live pulsante di incorporamento twitter

Successivamente, verrà visualizzato un popup contenente tutte le opzioni per incorporare il feed di Twitter.

Per continuare, fare clic su Aggiungi a una pagina qui.

aggiungere a una pagina

Il popup mostrerà quindi un elenco di tutte le pagine WordPress presenti sul sito web.

È sufficiente selezionare la pagina in cui si desidera visualizzare i tweet e poi fare clic su Aggiungi.

aggiungere il feed di Twitter a una nuova pagina

In questo modo si aprirà la pagina nell'editor di WordPress.

Da qui, è possibile aggiungere un nuovo blocco di contenuti facendo clic sull'icona più (+).

aggiungere un nuovo blocco wordpress

Utilizzare la barra di ricerca in alto per cercare il blocco "twitter feed".

Infine, fate clic sul blocco Twitter Feed qui sotto per incorporare i vostri tweet.

incorporare il feed di twitter nel vostro sito wordpress

Per confermare le modifiche, fare clic sul pulsante Aggiorna in alto e il gioco è fatto!

Ora aprite il vostro sito web e potrete vedere come appaiono i tweet.

esempio di feed twitter su sito web

Vediamo ora il prossimo modo per incorporare i tweet nel vostro sito web.

Oltre ad aggiungere i tweet alla pagina, è possibile mostrare i tweet nella barra laterale o nel piè di pagina come widget di Twitter.

Come in precedenza, è possibile utilizzare l'editor di live feed per incorporare i tweet.

Per aprire nuovamente il vostro feed di Twitter nell'editor di live feed, andate nel menu Twitter Feed " Tutti i feed dalla vostra dashboard di WordPress.

Quindi, fare clic sul feed di Twitter che si desidera incorporare.

aprire il feed di twitter con hashtag

Ora è possibile vedere nuovamente i propri tweet nell'editor del live feed.

Per continuare, fare clic sul pulsante Embed in alto, come in precedenza.

editor di feed live pulsante di incorporamento twitter

Nel popup, è possibile scegliere dove incorporare i propri tweet.

Questa volta, fare clic sul pulsante Aggiungi a un widget per continuare.

aggiungere il feed di Twitter al widget

In questo modo si aprirà la pagina dei widget del vostro sito WordPress e potrete incorporare il vostro nuovo widget di Twitter.

Per aggiungere i vostri tweet alla barra laterale, fate clic sul pannello Sidebar .

aprire il pannello della barra laterale

Se invece si desidera mostrare i tweet nel piè di pagina, fare clic su un pannello Piè di pagina .

Per questo esempio di feed Twitter utilizzeremo la barra laterale di WordPress.

aprire il pannello del piè di pagina

Fare clic sull'icona più (+) in basso per aggiungere un nuovo widget alla barra laterale o al piè di pagina.

Quindi, fare clic su Twitter Feed per incorporare il nuovo feed di Twitter.

aggiungere un widget per il feed di Twitter a wordpress

Infine, fate clic sul pulsante Aggiorna per confermare il nuovo widget del feed di Twitter e il gioco è fatto.

Ora è possibile aprire il proprio sito web per vedere i propri tweet visualizzati nell'area widget.

incorporare il feed di twitter nella barra laterale di wordpress

Ed ecco fatto!

Ora sapete come incorporare i tweet nel vostro sito web in modo semplice. In questo modo potrete facilmente aumentare il vostro seguito su Twitter, coinvolgere i vostri visitatori e incrementare le vostre vendite.

La parte migliore? Potete usare il plugin Twitter Feed Pro per fare tutto questo in pochi semplici clic, senza dover toccare una sola riga di codice.

Volete iniziare a incorporare i tweet? Acquistate la vostra copia di Twitter Feed Pro qui.

Mentre siete qui, potete anche dare un'occhiata al nostro elenco dei modi migliori per aumentare il coinvolgimento su Twitter.

Se questo articolo ti è stato utile, seguici su X (Twitter) e Facebook e resta sintonizzato per ulteriori consigli e trucchi sul social media marketing.

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.