Add Live Chat to ClickFunnels Courses

Per prima cosa, dobbiamo aprire l'editor dei template di ClickFunnels. Per i corsi, si accede aprendo il corso e cliccando Customize in alto a destra:

Personalizza

Vai a Templates:

Apri Template

I corsi sono composti da diversi template. Vogliamo visualizzare i commenti nelle lezioni, quindi seleziona Default Lesson Page (per esempio):

Seleziona Template

Ecco fatto! Ora sei pronto per il passo due.

Ora che siamo nell'editor del template, dobbiamo decidere dove vogliamo visualizzare i commenti, o la chat in diretta.

In questo esempio lo aggiungeremo direttamente sotto il video. Passa il mouse sull'elemento per aggiungere il widget alla fine, e clicca ADD ELEMENT:

Aggiungi elemento

Select CUSTOM JS/HTML:

Seleziona CUSTOM JS/HTML

Ora apriamo l'editor del codice dove incolleremo il nostro codice.

ClickFunnels è un po' confuso in questo passaggio successivo.

È importante che tu NON selezioni Code quando passi il mouse sul nuovo elemento. Seleziona invece SETTINGS:

Seleziona IMPOSTAZIONI

Ora, sul lato destro possiamo cliccare Open Code Editor:

Clicca Apri editor codice

Vedrai aprirsi un grande riquadro. Qui possiamo incollare il nostro codice. Copia lo snippet seguente (usa il pulsante copia in alto a destra):

Snippet di codice Chat in streaming per ClickFunnels

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-live-chat.min.js"></script>

3<div id="fastcomments-live-chat-widget" style="width: 500px;min-height: 780px;"></div>

4<style>

5 #fastcomments-live-chat-widget iframe {

6 min-height: 780px;

7 }

8</style>

9<script>

10 (function fcLoad() {

11 function tryLoad() {

12 // alcuni provider modificano lo snippet di codice rendendolo asincrono

13 const container = document.getElementById('fastcomments-live-chat-widget');

14 if (!container) {

15 return waitRetry();

16 }

17 if (!window.FastCommentsLiveChat) {

18 return waitRetry();

19 }

20 window.FastCommentsLiveChat(container, {

21 tenantId: 'demo'

22 });

23 }

24 function waitRetry() {

25 setTimeout(tryLoad, 500);

26 }

27 tryLoad();

28 })();

29</script>

30

Questo snippet di codice è per il nostro prodotto Streaming Chat, che si abbina bene con i video. Se invece vuoi lo snippet di codice del widget Live Commenting, che è più adatto a pagine normali o post del blog, si trova alla fine di questo tutorial.

Quando incolliamo lo snippet di codice nella finestra, dovrebbe apparire così:

Incolla codice

Ora dobbiamo solo chiudere la finestra:

Chiudi

Ora puoi visualizzare l'anteprima delle modifiche! Sentiti libero di spostare il widget e vedere dove preferisci posizionarlo.

Anteprima

Successo! Non dimenticare di testare la versione mobile!

Successo!

FastComments è progettato per essere personalizzato per adattarsi al tuo sito.

Se desideri aggiungere stili personalizzati o modificare la configurazione, Consulta la nostra documentazione sulle personalizzazioni e la configurazione per scoprire come.

Se stai cercando lo snippet per i commenti live di ClickFunnels, prova questo:

Snippet per commenti live di ClickFunnels

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget" style="min-width: 500px;min-height: 780px;"></div>

4<style>

5 #fastcomments-widget iframe {

6 min-height: 780px;

7 }

8</style>

9<script>

10 (function fcLoad() {

11 function tryLoad() {

12 // alcuni provider modificano lo snippet del codice rendendolo asincrono

13 const container = document.getElementById('fastcomments-widget');

14 if (!container) {

15 return waitRetry();

16 }

17 if (!window.FastCommentsUI) {

18 return waitRetry();

19 }

20 window.FastCommentsUI(container, {

21 tenantId: 'demo'

22 });

23 }

24 function waitRetry() {

25 setTimeout(tryLoad, 500);

26 }

27 tryLoad();

28 })();

29</script>

30

FastComments supporta una funzionalità chiamata Auto Play. Questo ti consente di importare un CSV di commenti e pianificarne la riproduzione a determinati offset basati su ore, minuti e secondi dal momento del caricamento della pagina.

Aggiunge inoltre automaticamente eventuali commenti pubblicati di nuovo nello script di autoplay, al momento corretto, in modo che il tuo video script cresca con ogni webinar senza alcun lavoro manuale.

Attualmente è incluso in tutti i piani FastComments.

Scopri di più sui Commenti Programmati qui

Nota!

Ricorda che la colonna URL ID nel file CSV deve corrispondere al URL del corso/video.