Add Live Chat to ClickFunnels Courses

V tem priročniku bomo obravnavali nastavitev FastComments Streaming Chat z ClickFunnels tečajem. Dodali bomo tudi odsek s kodo na koncu za Live Commenting, če bi raje uporabili to.

Upoštevajte, da je ta vodič za modul Course, vendar so koraki podobni za dodajanje komentiranja v objave na blogu in strani (preprosto uredite ustrezno predlogo).

Na kratko bomo obravnavali tudi nastavitev avtomatiziranih komentarjev za spodbujanje sodelovanja.

Upoštevajte, da ta vodič zahteva račun FastComments. Priporočamo, da se najprej registrirate in se nato vrnete sem. Tu lahko ustvarite račun.

Korak 1: Poiščite predlogo

Najprej moramo odpreti urejevalnik predlog ClickFunnels. Do predlog za tečaje dostopamo tako, da odpremo tečaj in v zgornjem desnem kotu kliknemo Customize:

Prilagodi

Pojdite na Templates:

Odprite predloge

Tečaji so sestavljeni iz različnih predlog. Želimo prikazati komentarje pri lekcijah, zato izberite Default Lesson Page (na primer):

Izberite predlogo

To je to! Zdaj ste pripravljeni na drugi korak.

Korak 2: Dodajte kodo

Zdaj, ko smo v urejevalniku predlog, moramo odločiti, kje želimo prikazati komentarje ali klepet v živo.

V tem primeru ga bomo dodali neposredno pod videoposnetek. Pokažite miško nad elementom, da dodate pripomoček na konec, in kliknite ADD ELEMENT:

Dodaj element

Izberite CUSTOM JS/HTML:

Izberite CUSTOM JS/HTML

Zdaj odprite urejevalnik kode, kamor bomo prilepili našo kodo.

ClickFunnels je pri naslednjem koraku nekoliko zmeden.

Pomembno je, da NE izberete Code ko pokažete miško nad novim elementom. Namesto tega izberite SETTINGS:

Izberite SETTINGS

Zdaj na desni strani lahko kliknemo Open Code Editor:

Kliknite Open Code Editor

Videli boste odprto veliko polje. Tukaj lahko prilepimo našo kodo. Kopirajte naslednji odlomek (uporabite gumb za kopiranje v zgornjem desnem kotu):

Primer kode za ClickFunnels Streaming Chat

Copy

<script src="https://cdn.fastcomments.com/js/embed-live-chat.min.js"></script>
<div id="fastcomments-live-chat-widget" style="width: 500px;min-height: 780px;"></div>
<style>
    #fastcomments-live-chat-widget iframe {
        min-height: 780px;
    }
</style>
<script>
    (function fcLoad() {
        function tryLoad() {
            // some providers change the code snippet to be async
            const container = document.getElementById('fastcomments-live-chat-widget');
            if (!container) {
                return waitRetry();
            }
            if (!window.FastCommentsLiveChat) {
                return waitRetry();
            }
            window.FastCommentsLiveChat(container, {
                tenantId: 'demo'
            });
        }
        function waitRetry() {
            setTimeout(tryLoad, 500);
        }
        tryLoad();
    })();
</script>

Ta odlomek kode je za naš izdelek Streaming Chat, ki se dobro ujema z videoposnetki. Če želite namesto tega kodo pripomočka Live Commenting, ki se najbolj prilega običajnim stranem ali blog objavam, je na koncu tega vodiča.

Ko prilepimo odlomek kode v okno, bi moralo izgledati tako:

Prilepi kodo

Zdaj moramo le zapreti okno:

Zapri

Zdaj lahko predogledate svoje spremembe! Prosto premaknite pripomoček in preverite, kje vam je najbolj všeč.

Predogled

Uspešno! Ne pozabite preizkusiti na mobilnih napravah!

Uspešno!

Napake pri domeni

Morda boste dobili napako avtorizacije, kot je prikazano spodaj:

Manjka konfiguracija domene

To se zgodi, ker FastComments ne ve, da mora dovoliti uporabo vašega računa na tej domeni.

V tem primeru je rešitev preprosta. Svojo spletno stran morate le dodati v svoj račun na FastComments.com.

Kliknite tukaj, da dodate svojo spletno stran v svoj račun.

Prilagajanje

FastComments je zasnovan tako, da ga lahko prilagodite svoji spletni strani.

Če želite dodati lastno oblikovanje ali prilagoditi konfiguracijo, Oglejte si našo dokumentacijo o prilagoditvah in konfiguraciji, da izveste, kako.

Dodatno: Izsek kode za komentiranje v živo

Če iščete izrezek kode za komentiranje v živo za ClickFunnels, poskusite to:

Izrezek za komentarje v živo za ClickFunnels

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget" style="min-width: 500px;min-height: 780px;"></div>
<style>
    #fastcomments-widget iframe {
        min-height: 780px;
    }
</style>
<script>
    (function fcLoad() {
        function tryLoad() {
            // nekateri ponudniki spremenijo izrezek kode tako, da je asinhron
            const container = document.getElementById('fastcomments-widget');
            if (!container) {
                return waitRetry();
            }
            if (!window.FastCommentsUI) {
                return waitRetry();
            }
            window.FastCommentsUI(container, {
                tenantId: 'demo'
            });
        }
        function waitRetry() {
            setTimeout(tryLoad, 500);
        }
        tryLoad();
    })();
</script>

Dodatno: Samodejno predvajanje komentarjev

FastComments podpira nekaj, kar se imenuje Auto Play. To vam omogoča uvoz CSV datoteke s komentarji in njihovo razporejanje za predvajanje ob določenih prestavitvah glede na ure, minute in sekunde od časa nalaganja strani.

Prav tako samodejno doda vse objavljene komentarje nazaj v autoplay skripto ob pravilnem času, tako da vaš video skript raste z vsakim webinarjem brez ročnega dela.

To je trenutno vključeno v vseh načrtih FastComments.

Več o načrtovanih komentarjih tukaj

Opomba!

Zapomnite si, da mora stolpec URL ID v CSV datoteki ustrezati URL tečaja/video.

Jezik 🇸🇮 Slovenščina

Namestitev ClickFunnels

Izsek kode za komentiranje v živo

Samodejno predvajanje komentarjev