Add Live Chat to ClickFunnels Courses

У овом туторијалу покрићемо подешавање FastComments Стриминг чет са ClickFunnels курсом. Такође ћемо додати исечак кода на крају за Коментарисање уживо ако то желите да користите уместо тога.

Имајте на уму да је овај туторијал намењен модули курса, али су кораци слични за додавање коментара на блог постове и странице (једноставно уредите одговарајући шаблон).

Такође ћемо укратко објаснити подешавање аутоматизованих коментара како бисмо подстакли људе на ангажовање.

Имајте на уму да овај туторијал захтијева FastComments налог. Препоручује се да се прво пријавите, па се вратите овде. Можете креирати налог овде.

Корак 1: Пронађите шаблон

Прво треба да отворимо уређивач шаблона ClickFunnels. За курсеве, до њега се приступа тако што отворите курс и кликнете на Customize у горњем десном углу:

Прилагоди

Идите на Templates:

Отворите шаблоне

Курсови се састоје од различитих шаблона. Желимо да прикажемо коментаре на лекцијама, па одаберите Default Lesson Page (на пример):

Одаберите шаблон

То је то! Сада сте спремни за други корак.

Корак 2: Додајте код

Sada kada smo u uređivaču šablona, moramo odlučiti gdje želimo da prikažemo komentare ili ćaskanje uživo.

U ovom primjeru dodaćemo ga direktno ispod videa. Pređite mišem preko elementa koji želite dodati widget na kraj, i kliknite ADD ELEMENT:

Dodaj element

Odaberite CUSTOM JS/HTML:

Odaberite CUSTOM JS/HTML

Sada otvorimo uređivač koda gdje ćemo nalijepiti naš kod.

ClickFunnels može biti malo zbunjujući u sljedećem koraku.

Važno je da NE odaberete Code kada pređete mišem preko novog elementa. Umjesto toga, odaberite SETTINGS:

Odaberite SETTINGS

Sada na desnoj strani možemo kliknuti Open Code Editor:

Kliknite Open Code Editor

Vidjećete da će se otvoriti veliki kvadrat. Tu možemo nalijepiti naš kod. Kopirajte sljedeći isječak (koristite dugme za kopiranje u gornjem desnom uglu):

Isječak koda 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() {
            // neki provajderi mijenjaju isječak koda da bude asinhron
            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>

Ovaj isječak koda je za naš proizvod Streaming Chat, koji se dobro slaže sa video-sadržajem. Ako želite umjesto toga isječak koda za Live Commenting widget, koji najbolje pristaje za obične stranice ili blog postove, on se nalazi na kraju ovog vodiča.

Kada nalijepimo isječak koda u prozor, trebalo bi da izgleda ovako:

Nalijepi kod

Sada samo moramo zatvoriti okvir:

Zatvori

Sada možete pregledati svoje izmjene! Slobodno pomjerajte widget i provjerite gdje vam najviše odgovara.

Pregled

Uspješno! Ne zaboravite da testirate na mobilnim uređajima!

Uspjeh!

Грешке домена

Možda ćete dobiti grešku autorizacije, kao u sljedećem primjeru:

Nedostaje konfiguracija domene

Razlog je što FastComments ne zna da treba dozvoliti korišćenje vašeg naloga na ovoj domeni.

U tom slučaju, rješenje je jednostavno. Potrebno je samo da dodate svoj sajt u svoj FastComments.com nalog.

Idite ovdje da dodate svoj sajt u svoj nalog.

Прилагођавање

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите да додате прилагођени стил, или да подесите конфигурацију, Погледајте нашу документацију о прилагођавању да бисте сазнали како.

Додатно: Кодни исечак за коментаре уживо

Ако тражите исјечак кода за уживо коментарисање ClickFunnels-а, пробајте ово:

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() {
            // неки провајдери мењају кодни исјечак да буде асинхрон
            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>

Додатно: Аутоматско репродуковање коментара

FastComments podržava funkciju koja se zove Auto Play. Ovo vam omogućava да уvezете CSV fajl komentara i zakažete da se они prikazuju u određenim odstupanjima na osnovu sati, minuta i sekundi od vremena učitavanja stranice.

Takođe automatski dodaje sve komentare koji su objavljeni nazad u autoplay skriptu, u tačno odgovarajuće vrijeme, tako da vaš video skripta raste sa svakim webinarom bez bilo kakvog ručnog rada.

Ovo je trenutno uključeno u svim FastComments planovima.

Saznajte više o Zakazanim komentarima ovdje

Napomena!

Zapamtite da kolona URL ID u CSV fajlu mora odgovarati URL-u kursa/video zapisa.

Језик 🇲🇪 Српски (Црна Гора)

Инсталација ClickFunnels

Кодни исечак за коментаре уживо

Аутоматско репродуковање коментара