Add Live Chat to ClickFunnels Courses

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.

Now that we're in the template editor, we must decide where we want to display the comments, or live chat.

In this example we will add it directly below the video. Hover the element to add the widget to the end of, and click ADD ELEMENT:

Element toevoegen

Select CUSTOM JS/HTML:

Selecteer CUSTOM JS/HTML

Now let's open the code editor where we'll paste our code.

ClickFunnels is a bit confusing on this next step.

It's important that you DO NOT select Code when you hover over the new element. Instead, select SETTINGS:

Selecteer INSTELLINGEN

Now on the right hand side we can click Open Code Editor:

Klik Open Code Editor

You'll see a big square open up. This is where we can paste our code. Copy the following snippet (use the copy button in the top right):

Codefragment voor ClickFunnels Streaming Chat

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 zetten het codefragment om naar async

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

This code snippet is for our Streaming Chat product, which goes well with videos. If you want the Live Commenting widget code snippet instead, which goes best with regular pages or blog posts, it's at the end of this tutorial.

When we paste the code snippet into the window, it should look like this:

Code plakken

Now we just have to close the box:

Sluiten

Now you can preview your changes! Feel free to move the widget around and see where you like it best.

Voorbeeld

Success! Don't forget to test mobile!

Succes!

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.