Volete visualizzare gli ultimi post di X (Twitter) sul vostro sito web Elementor in pochi minuti?
Aggiungere il vostro feed X a Elementor è un modo fantastico per mantenere il vostro sito dinamico, coinvolgere i vostri visitatori e far crescere il vostro seguito sociale direttamente dal vostro sito WordPress.
Con le timeline che si muovono velocemente su X, mostrare gli aggiornamenti in tempo reale sul vostro sito web può aiutarvi a raggiungere più persone e ad aumentare la credibilità del vostro marchio.
Ma far sì che il vostro feed X (Twitter) appaia perfettamente in Elementor può essere complicato, soprattutto se non siete dei coder o se siete alle prime armi con i plugin di WordPress.
All'inizio, quando ho cercato di aggiungere il mio feed X a un sito Elementor, ho incontrato alcuni ostacoli prima di trovare un metodo rapido e adatto ai principianti.
Grazie alla mia esperienza presso Smash Balloon, che aiuta gli utenti a collegare facilmente i loro siti WordPress a X (Twitter) e ad altre piattaforme sociali, ho trovato la soluzione più semplice per qualsiasi livello di competenza.
In questo articolo vi illustrerò i passaggi esatti per aggiungere il vostro feed X (Twitter) a Elementor in 5 minuti, anche se non siete esperti di tecnologia o siete alle prime armi con la costruzione di siti web.
In questo articolo
Perché visualizzare i feed Twitter di Elementor?
Elementor è un popolare plugin per la creazione di siti web su WordPress e può aiutarvi a progettare un bellissimo sito web con facilità. È dotato di un semplice editor drag-and-drop che potete utilizzare per creare facilmente le vostre pagine, senza bisogno di codifica.
Inoltre, è possibile ottenere gli addon di Elementor per aggiungere ancora più funzioni al vostro sito WordPress.
Ma se non volete acquistare molti addon premium, c'è un modo semplice per rendere il vostro sito Elementor ancora più accattivante.
Tutto ciò che dovete fare è incorporare un feed X (Twitter) nel vostro sito Elementor. In questo modo, potrete mostrare ai vostri visitatori i tweet più rilevanti e farli rimanere più a lungo sul vostro sito.
Inoltre, ecco altri modi in cui un feed Twitter di Elementor può aiutare la vostra attività a crescere:
- Incorporando la timeline di Twitter in Elementor, è possibile utilizzare il traffico del sito per ottenere tonnellate di follower, retweet, like e altro ancora su Twitter.
- Con un feed di Twitter, potete mostrare recensioni e testimonianze di persone reali su Twitter. Questa prova sociale può aiutarvi a convertire i visitatori in clienti paganti.
- È possibile pubblicare i propri tweet utilizzando un feed, in modo che le ultime notizie e gli annunci siano chiaramente visibili.
- Per promuovere gli hashtag del vostro marchio, potete mostrare un feed di hashtag Twitter sul vostro sito web Elementor.
In definitiva, i feed di Twitter possono essere un'aggiunta straordinaria al vostro sito Elementor e un ottimo modo per promuovere il vostro marchio.
Vediamo ora il modo più semplice per incorporare un feed Twitter di WordPress sul vostro sito.
Il modo più semplice per incorporare i feed Twitter di Elementor
Per incorporare i contenuti di Twitter nel vostro sito web, potete scegliere tra due opzioni:
- Modo manuale: Generate un codice embed per il vostro feed Twitter e poi aggiungete il codice al vostro sito web manualmente.
- Modo automatico: Utilizzate invece un plugin per WordPress per incorporare automaticamente i feed di Twitter sul vostro sito web.
Se scegliete la via manuale, dovrete occuparvi di molti snippet di codice quando preparate i vostri feed di Twitter. Di conseguenza, la visualizzazione del feed sociale di Twitter sul vostro sito può richiedere molto più tempo e sforzi.
Inoltre, se qualcosa va storto durante l'aggiunta del codice HTML embed al vostro sito, non avrete un team di supporto per aiutarvi.
Per un modo più semplice di incorporare i tweet sul vostro sito Elementor, il modo più semplice è utilizzare un plugin per WordPress come Smash Balloon Twitter Feed Pro.
Come miglior plugin per i feed di Twitter al mondo, Twitter Feed Pro può aiutarvi a creare, personalizzare e incorporare i feed di Twitter sul vostro sito web Elementor con facilità.
Per aiutarvi a iniziare, potete utilizzare il semplice flusso guidato fornito con il plugin.
In pochi clic, potete iniziare a incorporare i contenuti di Twitter nel vostro sito, senza bisogno di HTML, CSS o altro codice.
Inoltre, è possibile scegliere tra diversi tipi di contenuti Twitter da mostrare, tra cui la timeline di Twitter, il feed di hashtag, i risultati della ricerca, la timeline della home e molto altro.
Inoltre, potrete controllare il modo in cui i feed di Twitter appaiono sul vostro sito web. Potrete scegliere tra una collezione di modelli di feed con design unici.
Per una personalizzazione più approfondita, potete semplicemente utilizzare l'editor di feed live per modificare il design del vostro feed di Twitter. È possibile impostare il layout, la combinazione di colori, il design dell'intestazione, lo stile dei tweet, il pulsante Carica altro e molto altro ancora.
Inoltre, Twitter Feed Pro è dotato di una funzionalità di caching intelligente, che salva una copia del feed di Twitter. In questo modo, il vostro sito mostrerà quella copia e non dovrà caricare il feed di Twitter da zero ogni volta.
Di conseguenza, i vostri feed di Twitter saranno più veloci che mai, e un sito web che si carica velocemente può garantire una migliore SEO e quindi un posizionamento potenzialmente più alto.
Grazie a tutte queste caratteristiche, questo plugin è diventato il miglior plugin per il feed di Twitter sul mercato, con una valutazione di 4,9/5 stelle da parte di oltre 150.000 utenti attivi.
Volete creare facilmente i feed Twitter di Elementor? Prendete Twitter Feed Pro oggi stesso!
Vediamo ora come creare i feed Twitter di Elementor per il vostro sito web utilizzando questo plugin.
Come aggiungere il feed Twitter di Elementor a WordPress
Per creare feed Twitter per Elementor, basta seguire i semplici passaggi riportati di seguito. Iniziamo!
Passo 1: Scaricare il plugin Smash Balloon Twitter Feed Pro
Per iniziare, potete prendere una copia del plugin Twitter Feed Pro da qui e installarlo sul vostro sito web.
Se non sapete come fare, potete seguire questa semplice guida su come installare i plugin di WordPress.
Poi, potete creare un feed di Twitter per il vostro sito web con l'aiuto di Twitter Feed Pro.
Fase 2: Creare un feed X (Twitter)
Per creare il vostro feed Twitter, potete semplicemente seguire il flusso guidato in 3 fasi.
Per prima cosa, andate nel menu Twitter Feed " Tutti i feed dalla vostra dashboard e poi fate clic su Aggiungi nuovo.
Successivamente, è possibile scegliere il tipo di feed di Twitter che si desidera aggiungere al proprio sito web Elementor. È possibile scegliere tra queste 6 opzioni:
- Timeline utente: Visualizzare i tweet e i retweet di un profilo Twitter specifico.
- Hashtag: Incorpora i tweet con gli hashtag scelti da X (Twitter).
- Timeline della home: Mostra la timeline della tua home di Twitter sul tuo sito web
- Ricerca: Cerca termini specifici e incorpora i risultati nel tuo sito.
- Menzioni: Visualizza i tweet che menzionano il tuo profilo X
Per procedere, selezionare un tipo di alimentazione e fare clic sul pulsante Avanti.
Per il nostro esempio, utilizzeremo il tipo di feed della timeline dell'utente .
Dopo aver creato un nuovo feed, si può passare al punto 3 e collegarlo a Twitter.
Passo 3: collegare la timeline di Twitter
Collegando il vostro account Twitter, il vostro feed può iniziare a incorporare i contenuti di Twitter sul vostro sito web.
Per iniziare, è sufficiente fare clic sul pulsante Connetti nel popup.
Il plugin aprirà quindi Twitter in modo da consentirgli l'accesso in sola lettura al vostro account Twitter.
Utilizzando questo accesso, Twitter Feed Pro si collegherà a Twitter e visualizzerà il contenuto. Inoltre, non può apportare alcuna modifica al vostro account.
Come potete vedere, Twitter Feed Pro è completamente sicuro da usare.
Per terminare la connessione dell'account, fare clic sul pulsante Autorizza app qui.
Quindi, è il momento di scegliere la fonte che si desidera utilizzare per questo feed di Twitter. A seconda del tipo di feed, può trattarsi della timeline di un utente, di un hashtag, di un termine di ricerca, di un elenco di Twitter e altro ancora.
Poiché stiamo incorporando una timeline, abbiamo aggiunto il profilo Twitter "starbucks" come fonte.
Dopo aver inserito la fonte, fare clic su Avanti per continuare.
In questo modo, il feed di Twitter è pronto per essere incorporato nel vostro sito web Elementor.
Ma prima di ciò, è il momento della fase 4, in cui è possibile personalizzare il design del nuovo feed di Twitter.
Passo 4: personalizzare il feed della timeline di Twitter
Il vostro feed di Twitter copierà automaticamente il design del vostro sito e avrà un aspetto fantastico fin dall'inizio. Ma se volete avere un maggiore controllo sul suo design, Twitter Feed Pro vi offre una soluzione.
Per iniziare, si può scegliere di importare un modello precostituito per il proprio feed. Ecco i modelli di feed che è possibile importare:
- Predefinito
- Schede di muratura
- Carosello semplice
- Carte semplici
- Carosello di vetrine
- Ultimo tweet
- X (Twitter) Widget
Dopo aver selezionato il modello di alimentazione, fare clic sul pulsante Avanti .
Successivamente, è possibile utilizzare l'editor di feed visivo con anteprima dal vivo per personalizzare il feed di Twitter in dettaglio.
A sinistra si trovano le opzioni per modificare il layout del feed, lo stile dei tweet, i colori, lo stile dell'intestazione, il pulsante "Carica altro" e molto altro.
Ogni volta che si apportano modifiche a sinistra, è possibile utilizzare l'anteprima live a destra per verificare l'aspetto del feed di Twitter.
Per modificare la visualizzazione dei tweet sul sito Elementor, fare clic sull'opzione Layout del feed a sinistra.
Twitter Feed Pro offre 3 diverse opzioni per il vostro nuovo feed: Elenco, Masonry e Carousel.
Vediamo di seguito ciascuno di questi layout.
Utilizzando il layout a elenco, è possibile mostrare i tweet in un'unica colonna sul proprio sito web.
In questo modo, potrete rendere i vostri tweet ben visibili ai visitatori.
Un'altra opzione che si può provare è il layout in muratura e mostrare i tweet in più colonne.
In questo modo è possibile mostrare facilmente tonnellate di tweet contemporaneamente.
Se scegliete il layout del carosello di Twitter, potete mostrare i tweet come un carosello di feed sul vostro sito.
È un ottimo modo per rendere il vostro sito ancora più coinvolgente.
Per confermare il nuovo layout del feed, ricordarsi di fare clic sul pulsante Salva in alto.
Dopo aver impostato il layout, fare clic su Personalizza per tornare alle opzioni di personalizzazione principali.
Successivamente, è possibile iniziare a modificare i colori del feed di Twitter utilizzando l'editor live.
Per farlo, basta fare clic sull'opzione Schema di colore a sinistra.
Con Twitter Feed Pro, potete scegliere tra 4 diversi schemi di colore per il vostro feed:
- Ereditare dal tema: Copia i colori del sito web
- Luce: Mostra uno sfondo chiaro e un carattere scuro
- Scuro: scegliete uno sfondo scuro e un carattere chiaro.
- Personalizzato: Selezionare manualmente tutti i colori
Dopo aver selezionato la combinazione di colori, fare nuovamente clic sul pulsante Salva.
Infine, è possibile utilizzare le altre opzioni per modificare lo stile dei tweet, il numero di tweet, la tipografia, lo stile dell'intestazione e molto altro ancora.
Quando si è soddisfatti dell'aspetto del feed Twitter di Elementor, fare clic su Salva.
A questo punto, si può procedere con l'incorporazione del feed di Twitter al punto 5.
Passo 5: Aggiungere il feed di Twitter a Elementor
Infine, è il momento di incorporare questo feed di Twitter nel vostro sito web WordPress. Utilizzando questo plugin, è possibile incorporarlo in una pagina o in un post, oppure nella barra laterale o nel piè di pagina come widget di Twitter.
Per iniziare, fare clic sul pulsante Embed nell'angolo in alto a destra.
A questo punto apparirà un popup con le opzioni di incorporamento per il feed di Twitter.
Per ora, fare clic sul pulsante Copia.
Ora è possibile creare una nuova pagina navigando nel menu Pagine " Aggiungi nuovo dalla dashboard.
Successivamente, fare clic sul pulsante Modifica con Elementor in alto.
Volete invece incorporare un feed Twitter di Elementor in un post di WordPress?
È sufficiente andare nel menu Post " Aggiungi nuovo e fare clic sul pulsante Modifica con Elementor.
Ora è possibile vedere il costruttore di pagine Elementor aperto sul sito. A sinistra, si possono vedere i widget di Elementor che si possono usare per aggiungere contenuti alla pagina o al post.
Per incorporare il feed di Twitter, cercate la barra di ricerca in alto a sinistra e digitate "shortcode".
Quindi, è possibile vedere il widget Shortcode nei risultati di ricerca sottostanti.
Quindi, trascinare il widget Shortcode e rilasciarlo a sinistra sull'anteprima della pagina a destra.
Infine, incollate il vostro shortcode del feed di Twitter nel campo Inserisci il tuo shortcode.
Ora cliccate su Pubblica e il vostro feed Twitter di Elementor sarà online.
Come si può vedere, è facilissimo incorporare i feed di Twitter utilizzando questo plugin. Ora potete aprire il vostro sito web per vedere come appare la pagina ai vostri visitatori.
Ed ecco fatto!
Ora sapete come visualizzare un feed Twitter di Elementor sul vostro sito web. Come potete vedere, Twitter Feed Pro rende super facile l'integrazione di Twitter con Elementor.
Potrete così coinvolgere i vostri visitatori, far crescere il vostro seguito su Twitter, incrementare le vostre vendite e molto altro ancora con facilità.
Volete aggiungere i feed di Twitter a Elementor? Prendete la vostra copia di Twitter Feed Pro oggi stesso!
Se volete ottenere di più dal social media marketing, date un'occhiata alla nostra guida su come incorporare i widget dei social feed sul vostro sito web.
Vi è stato utile? Seguiteci su Twitter e Facebook per ulteriori suggerimenti e trucchi di social media marketing.