Volete mostrare un feed di Twitter sul vostro sito web di Beaver Builder?
Beaver Builder è un ottimo strumento se volete creare un bel sito web per il vostro marchio senza dover ricorrere al codice. Ma aggiungere i feed di Twitter a Beaver Builder può essere complicato, soprattutto se non si è abituati a trattare con il codice.
Per aiutarvi, abbiamo messo insieme questa guida per principianti su come incorporare facilmente i feed di Twitter in Beaver Builder.
Iniziamo!
Perché aggiungere i feed di Twitter a Beaver Builder?
Utilizzando un feed di Twitter, potete coinvolgere i visitatori del vostro sito web con post, foto, video e altro ancora. Dopotutto, i post sui social media sono uno dei modi migliori per mantenere vivo l'interesse delle persone.
L'utente "tipico" di Internet trascorre quasi 2 ore e mezza al giorno utilizzando le piattaforme dei social media, pari a più di un terzo del tempo totale trascorso online.
Simon Kemp, analista capo presso DataReportal
Inoltre, è possibile utilizzare un feed di Twitter per:
- Mostrate le recensioni online dei vostri prodotti per utilizzarle come prova sociale e aumentare le vostre conversioni.
- Pubblicate i vostri contenuti su Twitter e ottenete facilmente tonnellate di like, commenti e follower.
- Inserite regolarmente contenuti Twitter con parole chiave pertinenti per incrementare il vostro SEO e posizionarvi più in alto nei risultati dei motori di ricerca.
- Visualizzare annunci importanti, comunicati di prodotto, notizie e altro ancora per attirare l'attenzione degli utenti.
- E molto altro ancora!
Per creare feed Twitter per Elementor, basta seguire i semplici passaggi riportati di seguito. Iniziamo!
Come incorporare facilmente un feed Twitter di Beaver Builder
Seguite i passaggi seguenti e potrete avere un bellissimo feed di Twitter sul vostro sito WordPress Beaver Builder in pochissimo tempo.
Passo 1: Scaricare il plugin Twitter Feed Pro
Quando si tratta di incorporare i contenuti di Twitter, il miglior strumento che si possa utilizzare è Twitter Feed Pro.
Come miglior plugin per i feed di Twitter, è possibile utilizzarlo per creare, personalizzare e incorporare feed di tweet in pochi minuti, senza dover toccare una sola riga di codice.
Inoltre, tutti i feed di Twitter si abbineranno automaticamente al design del vostro sito Beaver Builder e appariranno subito bellissimi.
Procuratevi una copia del plugin Twitter Feed Pro da qui prima di installarlo e attivarlo sul vostro sito web.
Per maggiori informazioni su come farlo, potete dare un'occhiata a questo tutorial su come installare facilmente i plugin di WordPress.
Fase 2: Creare un nuovo feed di Twitter
Ora che avete il plugin, potete utilizzare la guida in 3 fasi per creare rapidamente il vostro feed Twitter.
Dall'area di amministrazione di WordPress, aprite il menu Twitter Feed " Tutti i feed e fate clic sul pulsante Aggiungi nuovo.
Successivamente, il plugin mi ha chiesto quale tipo di feed Twitter volevo creare. Si è scoperto che ci sono 3 opzioni tra cui scegliere:
- Timeline utente: Mostrare i propri contenuti Twitter dalla propria timeline
- Hashtag: Visualizza i tweet che hanno gli hashtag selezionati
- Ricerca: Incorpora i risultati della ricerca per i termini scelti.
Alla fine ho scelto il tipo di feed User Timeline .
Una volta selezionato il tipo di alimentazione, fare clic su Avanti per continuare.
Twitter Feed Pro chiederà ora una fonte. Questa fonte è fondamentalmente costituita dalle timeline degli utenti, dagli hashtag o dai termini di ricerca che si desidera selezionare.
Come si può vedere qui sotto, ho aggiunto la timeline dell'utente "starbucks" come fonte.
Ricordate di aggiungere la vostra fonte e fate clic su Avanti per continuare.
Passo 3: personalizzare il feed di Twitter
Per aiutarvi a creare bellissimi feed di Twitter con design unici, il plugin consente di scegliere un modello di feed da importare:
- Predefinito
- Schede di muratura
- Carosello semplice
- Carte semplici
- Carosello di vetrine
- Ultimo tweet
- Widget
Scegliete il modello che preferite e fate clic sul pulsante Avanti .
Successivamente, Twitter Feed Pro mostrerà il vostro feed nel personalizzatore visivo. Qui potrete trovare le opzioni per modificare il layout, il design dell'intestazione, il design dei pulsanti, lo stile dei tweet e molto altro ancora.
Inoltre, è possibile avere un'anteprima dal vivo per tenere traccia delle modifiche apportate.
Siete pronti per iniziare a personalizzare il feed di Twitter per il vostro Beaver Builder?
Per prima cosa, selezionate l'opzione Layout di alimentazione a sinistra.
Qui si hanno 3 modi diversi di visualizzare i tweet sul sito di Beaver Builder:
- Elenco: Incorpora i tweet uno dopo l'altro in un'unica colonna in modo che ogni tweet sia chiaramente visibile.
- Muratura: Visualizzare contemporaneamente tonnellate di tweet sul sito utilizzando più colonne.
- Carosello: Mostrate un carosello scorrevole di contenuti Twitter e rendete il vostro sito web più interattivo.
Per questo esempio ho scelto una disposizione in muratura.
Per mantenere il nuovo layout, fare clic sul pulsante Salva in alto a destra. Quindi, fare clic su Personalizza per tornare alle opzioni di personalizzazione principali.
Vediamo un'altra opzione di personalizzazione di questo editor visuale.
Fare clic sull'opzione Schema di colore a sinistra.
Questo mostra un luogo comodo in cui è possibile scegliere i colori del proprio feed di Twitter.
È possibile scegliere tra 4 diverse combinazioni di colori:
- Eredita dal tema: Usa gli stessi colori del tema del tuo sito Beaver Builder.
- Luce: Scegliete uno sfondo chiaro e un colore scuro per il carattere e le icone.
- Scuro: selezionare uno sfondo di colore scuro e un colore chiaro per il carattere.
- Personalizzato: Scegliere manualmente tutti i colori
Come in precedenza, fare clic su Salva per mantenere le modifiche.
È quindi possibile utilizzare le opzioni rimanenti per personalizzare lo stile dei tweet del feed, il numero di tweet, lo stile dell'intestazione e altro ancora.
Ricordate di cliccare su Salva quando siete pronti a incorporare il vostro feed Twitter di Beaver Builder.
Passo 4: Aggiungere il feed di Twitter a Beaver Builder
È possibile iniziare a incorporare il feed di Twitter dal personalizzatore visivo. Per prima cosa, fare clic sul pulsante Incorpora in alto.
Questo mostra tutti i modi per incorporare i contenuti di Twitter. Potete aggiungerlo a una pagina di WordPress o incorporarlo nel footer o nella barra laterale come widget di Twitter.
Per ora è sufficiente fare clic sul pulsante Copia.
Si può quindi creare un nuovo Beaver Builder aprendo il menu Pagine " Aggiungi nuovo dalla propria dashboard.
A questo punto, fare clic sul pulsante Avvia il costruttore di castori .
In questo modo si aprirà la pagina nell'editor drag-and-drop di Beaver Builder.
Se guardate a sinistra, vedrete tutti i moduli di Beaver Builder che potete aggiungere alla pagina di WordPress.
Per prima cosa, fare clic sull'opzione Moduli standard per aprire un menu a discesa.
Selezionare l'opzione Widget di WordPress.
In questo modo si apriranno altri moduli da aggiungere alla pagina web.
Tra le opzioni, cercate il modulo Custom Twitter Feeds e rilasciatelo sulla sinistra.
Una volta fatto ciò, Beaver Builder mostrerà ulteriori opzioni per questo modulo.
A questo punto, incollate il vostro shortcode di prima nel campo principale prima di cliccare su Salva.
Infine, cliccare sul pulsante Fatto in alto a destra per confermare la nuova pagina. A questo punto si può scegliere di pubblicare il nuovo feed Twitter di Beaver Builder.
Una volta fatto ciò, aprite il vostro sito per verificare come appare ai vostri visitatori.
Ed ecco fatto!
Come potete vedere, incorporare un feed Twitter di Beaver Builder può essere facilissimo con l'aiuto dello strumento giusto. In questo modo, potrete coinvolgere i visitatori, far crescere la vostra presenza su Twitter, incrementare le vendite e molto altro ancora.
Tutto ciò che serve è il plugin Twitter Feed Pro e l'integrazione di Twitter con il vostro sito web è più facile che mai. Il plugin funziona anche con tutti i page builder più diffusi, come SeedProd ed Elementor!
Siete pronti a incorporare i feed di Twitter in Beaver Builder? Prendete la vostra copia di Twitter Feed Pro oggi stesso!
Per ulteriori modi di integrare i social media nel vostro sito, date un'occhiata a questa guida approfondita su come incorporare i widget dei social feed nel vostro sito web.
Vi è stato utile? Seguiteci su Twitter e Facebook per ulteriori suggerimenti e trucchi di social media marketing.
