Come aggiungere un feed TikTok al sito web Divi (guida passo passo)
clicksocial

Programmare i post sui social media direttamente da WordPress con ClickSocial

Iniziare la prova gratuita angolo-destro
Casa Blog Come aggiungere un feed TikTok al sito web Divi (guida passo passo)

Come aggiungere un feed TikTok al sito web Divi (guida passo passo)

aggiungere un feed tiktok a divi

Cercate un modo semplice per aumentare il vostro coinvolgimento e ottenere più follower su TikTok?

Potete semplicemente aggiungere i feed di TikTok al vostro sito web Divi. Dopotutto, TikTok è una fantastica fonte di contenuti video di piccole dimensioni che possono tenere impegnati i visitatori.

Ma aggiungere manualmente i contenuti di TikTok al vostro sito web può richiedere molto tempo ed essere complicato.

Per offrirvi un'opzione migliore, abbiamo usato la nostra esperienza nel social media marketing per mettere insieme questa semplice guida senza codice per incorporare i feed di TikTok in Divi.

Perché incorporare i feed video di TikTok in Divi?

Come popolare costruttore di siti web, Divi rende super facile la creazione di un bellissimo sito web per promuovere la vostra attività online.

Se volete rendere il vostro sito web ancora più coinvolgente, una soluzione semplice è quella di incorporare i feed video di TikTok. In questo modo, potrete mostrare video pertinenti e di piccole dimensioni per mantenere l'interesse delle persone sul vostro sito web.

[...] Gli utenti di TikTok hanno una probabilità 1,8 volte maggiore di concordare sul fatto che TikTok li introduce a nuovi argomenti che non sapevano nemmeno di apprezzare.

Rapporto TikTok What's Next 2024

E questo è solo l'inizio! Anche l'incorporazione dei feed di TikTok nel vostro sito Divi WordPress può esservi utile:

  • Promuovete i vostri video TikTok per ottenere più visualizzazioni, like e follower TikTok con facilità
  • Aumentate il SEO del vostro sito web aggiungendo didascalie ricche di parole chiave, in modo da raggiungere un maggior numero di persone.
  • Aggiungete recensioni e testimonianze video alla pagina di checkout del vostro sito e-commerce Divi per aumentare le conversioni
  • Mostrate dimostrazioni del prodotto, tutorial o video unboxing sulle pagine dei vostri prodotti per informare i potenziali clienti.
  • E molto altro ancora!

Come aggiungere un feed TikTok al vostro sito WordPress Divi

Seguite il tutorial passo-passo qui sotto e potrete avere un feed di video TikTok sul vostro sito web Divi in pochissimo tempo.

Passo 1: Scaricare il plugin TikTok Feed Pro

Per il modo più semplice di incorporare i contenuti di TikTok, è possibile utilizzare il plugin di feed TikTok numero 1 sul mercato: TikTok Feed Pro.

Utilizzando questo semplice strumento, è possibile aggiungere bellissimi feed di TikTok che si adattano automaticamente all'aspetto del vostro sito in pochi minuti, senza bisogno di HTML, CSS personalizzati o qualsiasi tipo di codice.

Prezzi di tiktok feed pro

Poiché il plugin è leggero e veloce, è possibile incorporare un numero illimitato di video e il sito verrà caricato con la stessa velocità di sempre. Ciò significa che potrete incrementare la SEO e offrire ai vostri visitatori un'esperienza migliore.

La parte migliore? Questo plugin è dotato di un team dedicato di esperti che sono pronti ad aiutarvi o a rispondere alle vostre domande ogni volta che lo desiderate.

Per prima cosa, procuratevi una copia di TikTok Feed Pro qui prima di installarlo e attivarlo sul vostro sito web.

Potete dare un'occhiata a questa guida per principianti su come installare i plugin di WordPress se avete bisogno di un rapido ripasso su come farlo.

Fase 2: Creare un nuovo feed TikTok

Ora è possibile aprire il flusso guidato in 3 fasi del plugin per creare rapidamente un nuovo feed TikTok.

Per prima cosa, aprite il menu TikTok Feed " Tutti i feed dalla vostra dashboard e poi fate clic sul pulsante Aggiungi nuovo.

aprire l'editor di feed live tiktok feed

Dopodiché, TikTok Feed Pro vi mostrerà tutti gli account o le fonti che avete collegato finora. Il nuovo feed recupererà i video da queste fonti e li visualizzerà sul vostro sito.

Nel mio caso, non ho ancora collegato una sorgente, quindi posso semplicemente aggiungerne una nuova.

Fare clic sul pulsante Aggiungi sorgente per iniziare a farlo.

tiktok feed pro aggiungere fonte

Passo 3: collegare l'account TikTok

Nella nuova pagina, fare clic sul pulsante Connetti con TikTok per procedere.

In questo modo si aprirà il sito https://www.tiktok.com/ sul browser web, in modo da poter collegare il proprio account.

connettersi con tiktok

Per visualizzare i vostri video, TikTok Feed Pro chiederà l'accesso in sola lettura al vostro account. Ciò significa che il plugin può solo visualizzare i vostri contenuti e non sarà in grado di apportare alcuna modifica.

È possibile fare clic sul pulsante Autorizza per collegare il proprio account.

In questo modo si aprirà nuovamente il sito web. Qui, ora vedrete il vostro account TikTok elencato come fonte.

Potete riutilizzare liberamente questa fonte per tutti i vostri futuri feed di TikTok senza lasciare il vostro sito web.

Per ora, selezionare la sorgente e fare clic su Avanti.

selezionare la fonte di tiktok

Passo 4: personalizzare il feed dei video di TikTok

Per aiutarvi a creare facilmente feed TikTok unici, il plugin vi offre modelli di feed che potete importare:

  • Predefinito
  • Carte
  • Elenco
  • Ultimo video
  • Carosello
  • Carosello di vetrine

Una volta scelto un modello di vostro gradimento, fate clic su Avanti.

Per questo esempio, utilizzerò il modello Default.

selezionare il modello di alimentazione tiktok

Una volta scelto un modello, TikTok Feed Pro creerà automaticamente il vostro feed e lo aprirà nel visualizzatore.

A sinistra si trovano le opzioni per modificare il layout, l'intestazione, gli elementi video, i pulsanti e molto altro. Inoltre, l'anteprima dal vivo sulla destra può aiutarvi a monitorare tutte le modifiche in tempo reale.

editor di feed live tikto feed pro

Per iniziare, possiamo modificare il layout dei video sul vostro sito web.

Per iniziare, selezionare l'opzione Layout a sinistra.

layout aperti tiktok feed pro

Successivamente, TikTok Feed Pro vi mostrerà 4 diversi layout tra cui scegliere:

  • Griglia: Visualizza tonnellate di video TikTok in una sola volta in diverse righe e colonne.
  • Elenco: Evidenzia ogni video mostrando il feed in un'unica colonna.
  • Muratura: Mostra una galleria in muratura che mantiene le proporzioni del video originale.
  • Carosello: Incorpora il tuo feed video di TikTok sul tuo sito come uno slider interattivo.
opzioni di layout per tiktok feed pro

Per continuare, selezionare il modello e fare clic su Salva.

È inoltre possibile modificare il numero di righe, colonne, video visualizzati e altro ancora dalle opzioni qui presenti. Una volta terminata la modifica delle impostazioni del layout, fare clic sul pulsante Personalizza per tornare alle opzioni principali.

personalizzare il pulsante editor di feed live tiktok feed pro

Quindi, modifichiamo l'aspetto dell'intestazione sopra il feed di TikTok.

Per prima cosa, selezionare l'opzione Intestazione da sinistra.

opzioni di intestazione aperte per tiktok

Successivamente, è possibile visualizzare l'opzione per attivare o disattivare l'intestazione del feed sulla sinistra.

In questa sezione si può scegliere di mostrare o nascondere gli elementi dell'intestazione, come ad esempio:

  • Immagine del profilo
  • Nome
  • Nome utente
  • Descrizione
  • Statistiche
  • Pulsante

È sufficiente selezionare gli elementi che si desidera mostrare e fare clic sul pulsante Salva.

È inoltre possibile fare clic su ciascuno di questi elementi e personalizzarli in dettaglio da questa pagina. Per il nostro esempio, personalizziamo l'immagine del profilo.

In questo modo è possibile modificare le dimensioni dell'immagine del profilo, le opzioni di spaziatura e i margini intorno all'immagine.

personalizzare intestazione profilo feed titok

Una volta che siete soddisfatti del vostro feed video di TikTok, fate clic su Salva per confermare le modifiche.

In questo modo, è possibile utilizzare le altre opzioni per modificare l'aspetto del pulsante, degli elementi video, delle didascalie e altro ancora. Ricordate solo di salvare le modifiche.

Passo 5: Aggiungere il feed di TikTok a Divi

Potete iniziare ad aggiungere il feed di TikTok a Divi facendo clic sul pulsante Embed nell'angolo in alto a destra.

embed tiktok feed editor di feed live

Verrà quindi visualizzato un popup con i diversi modi per incorporare i video. Ad esempio, è possibile aggiungerlo a una pagina web, mostrarlo nel footer o aggiungerlo alla barra laterale del sito.

Per continuare, è sufficiente copiare lo shortcode qui.

copia shortcode tiktok feed pro

Quindi, è possibile creare una nuova pagina Divi per incorporare il feed video di TikTok.

Basta aprire il menu Pagine " Aggiungi nuovo dalla dashboard e fare clic sul pulsante Usa il costruttore di Divi.

Per mostrare invece il feed di TikTok su un post, si può aprire il menu Post " Aggiungi nuovo prima di selezionare l'opzione Usa il costruttore di Divi.

Se volete, potete anche utilizzare uno qualsiasi dei vostri post o pagine Divi esistenti.

aggiungere un nuovo post in divi

Divi vi darà ora 3 modi per iniziare a creare la vostra pagina.

  • Iniziare a costruire: Iniziare a progettare la pagina da un modello vuoto
  • Sfogliare i layout: Importare un layout pre-progettato che si ottiene con Divi
  • Scegliere la pagina: Copiate uno dei vostri progetti esistenti e utilizzatelo al suo posto.

Qui potete selezionare l'opzione che preferite.

scegliere l'opzione divi builder

Se avete selezionato l'opzione Inizia a costruire, Divi vi permetterà di iniziare immediatamente a progettare la nuova pagina o il nuovo post.

iniziare a costruire con l'editor divi

Con l'opzione Browse Layouts (Sfoglia layout), si aprirà un nuovo popup con diversi design predefiniti che è possibile controllare.

Basta selezionare il layout che si preferisce da qui.

caricare il pacchetto di layout dalla libreria divi

Se il design vi piace, potete fare clic su Usa questo layout per importarlo nella pagina o nel post corrente.

importare il layout per divi

Se avete selezionato l'opzione Scegli pagina , vedrete un elenco di modelli già creati con Divi.

È sufficiente selezionare il modello che si desidera utilizzare.

caricare dalla libreria il tema divi

Una volta entrati nell'editor di Divi, è possibile creare una nuova riga in cui inserire il feed di TikTok.

A tale scopo, fare clic sull'icona verde più (+) e selezionare un disegno di riga.

inserire una riga nel sito web di divi

Una volta aggiunta una riga, è possibile inserire un nuovo modulo facendo clic sull'icona più (+).

Si apre un popup con i diversi moduli che si possono aggiungere. Per ora, utilizzare la barra di ricerca per trovare il modulo "Codice" e fare clic su di esso.

modulo di codice per il tema divi

Inserendo un modulo si aprirà un popup con alcune opzioni aggiuntive. È sufficiente incollare lo shortcode di prima nel campo Codice.

Quindi, fare clic sull'icona di controllo per salvare le modifiche.

inserire shortcode feed tiktok divi

Infine, potete fare clic su Pubblica e il vostro feed video di TikTok sarà in diretta sul vostro sito WordPress Divi. Basta aprire la pagina o il post per vedere come apparirà ai visitatori.

esempio di feed tiktok divi

E questo è quanto!

Come si può vedere, è facilissimo aggiungere i feed di TikTok in Divi se si utilizza lo strumento giusto. Ora potete coinvolgere i visitatori, aumentare il vostro seguito sui social media e far crescere le vostre attività utilizzando i contenuti di TikTok.

Con il plugin TikTok Feed Pro, l'integrazione di TikTok con il vostro sito web è più semplice che mai, senza dover toccare una sola riga di codice!

Siete pronti a incorporare i feed di TikTok in Divi? Ottenete TikTok Feed Pro per il vostro sito oggi stesso!

Volete promuovere il vostro canale YouTube sul vostro sito Divi? Ecco una guida su come incorporare facilmente i video di YouTube in Divi.

E non dimenticate di seguirci su Twitter e Facebook per altri consigli e trucchi sui social media per far crescere la vostra attività.

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.