Livechat toevoegen aan ClickFunnels-cursussen

Eerst moeten we de ClickFunnels-sjablooneditor openen. Voor cursussen krijg je hier toegang door de cursus te openen en rechtsboven op Customize te klikken:

Aanpassen

Ga naar Templates:

Sjablonen openen

Cursussen bestaan uit verschillende sjablonen. We willen opmerkingen op lessen weergeven, selecteer daarom Default Lesson Page (bijvoorbeeld):

Selecteer sjabloon

Dat is alles! Nu ben je klaar voor stap twee.

Nu we in de template-editor zitten, moeten we beslissen waar we de reacties, of live chat, willen weergeven.

In dit voorbeeld voegen we het direct onder de video toe. Beweeg de muis over het element waaraan we de widget aan het einde willen toevoegen en klik op ADD ELEMENT:

Element toevoegen

Selecteer CUSTOM JS/HTML:

Selecteer CUSTOM JS/HTML

Nu openen we de code-editor waar we onze code plakken.

ClickFunnels is een beetje verwarrend bij deze volgende stap.

Het is belangrijk dat je NIET Code selecteert wanneer je met de muis over het nieuwe element beweegt. Selecteer in plaats daarvan SETTINGS:

Selecteer SETTINGS

Nu kunnen we aan de rechterkant op Open Code Editor klikken:

Klik op Open Code Editor

Je ziet een groot vierkant verschijnen. Dit is waar we onze code kunnen plakken. Kopieer het volgende fragment (gebruik de kopieerknop rechtsboven):

ClickFunnels Streaming Chat Codefragment

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 // sommige providers wijzigen het codefragment zodat het asynchroon is

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

Dit codefragment is voor ons Streaming Chat-product, dat goed past bij video's. Als je in plaats daarvan het codefragment van de Live Commenting-widget wilt, dat het beste werkt op gewone pagina's of blogposts, vind je het aan het einde van deze tutorial.

Wanneer we het codefragment in het venster plakken, ziet het er als volgt uit:

Code plakken

Nu hoeven we alleen nog het venster te sluiten:

Sluiten

Nu kun je je wijzigingen bekijken! Beweeg de widget gerust rond en kijk waar je hem het liefst hebt.

Voorbeeld

Gelukt! Vergeet niet om het op mobiel te testen!

Gelukt!

FastComments is ontworpen om aangepast te worden zodat het bij uw site past.

Als u aangepaste styling wilt toevoegen of de configuratie wilt aanpassen, Bekijk onze documentatie over aanpassingen en configuratie om te leren hoe.

Als u op zoek bent naar het ClickFunnels Live Commenting-codefragment, probeer het volgende:

ClickFunnels Live commentaarfragment

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 // sommige providers wijzigen het codefragment zodat het asynchroon is

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 ondersteunt iets dat Auto Play heet. Dit stelt je in staat om een CSV met reacties te importeren en te plannen dat ze worden afgespeeld op bepaalde offsets gebaseerd op uren, minuten en seconden vanaf het moment dat de pagina is geladen.

Het voegt ook automatisch alle geposte reacties terug toe aan het autoplay script, op het juiste tijdstip, zodat je video script met elk webinar groeit zonder handmatig werk.

Dit is momenteel inbegrepen in alle FastComments-abonnementen.

Meer informatie over Geplande reacties vind je hier

Opmerking!

Onthoud dat de URL ID kolom in het CSV-bestand moet overeenkomen met de URL van de cursus/video.