Add Live Chat to ClickFunnels Courses

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

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

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

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

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

Prvo, trebamo otvoriti uređivač šablona ClickFunnels. Za kurseve, do njega se pristupa otvaranjem kursa i klikom na Customize u gornjem desnom uglu:

Prilagodi

Idite na Templates:

Otvori predloške

Kursevi se sastoje od različitih šablona. Želimo prikazivati komentare na lekcijama, pa odaberite Default Lesson Page (na primjer):

Odaberite šablon

To je to! Sada ste spremni za drugi korak.

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

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

У овом примјеру ћемо га додати директно испод видеа. Помјерите курсор преко елемента на који ћете додати видгет (на крај), и кликните ADD ELEMENT:

Додај елемент

Изаберите CUSTOM JS/HTML:

Изаберите CUSTOM JS/HTML

Сада хајде да отворимо уређивач кода у који ћемо залепити наш код.

ClickFunnels може бити мало збуњујући у овом наредном кораку.

Важно је да НЕ изаберете Code када помјерите курсор преко новог елемента. Умјесто тога, изаберите SETTINGS:

Изаберите SETTINGS

Сада на десној страни можемо кликнути Open Code Editor:

Кликните Open Code Editor

Видећете да се отвори велики квадрат. Овдје можемо залепити наш код. Копирајте следећи исјечак (користите дугме за копирање у горњем десном углу):

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

Овај исјечак кода је за наш Streaming Chat производ, који се добро слаже са видеима. Ако желите умјесто тога исјечак кода за видгет Live Commenting, који најбоље пристаје са обичним страницама или блог постовима, он се налази на крају овог туторијала.

Када залепимо исјечак кода у прозор, требало би да изгледа овако:

Залепите код

Сада само треба да затворимо прозор:

Затвори

Сада можете прегледати своје промјене! Слободно помјерајте видгет и видите гдје вам највише одговара.

Преглед

Успјех! Не заборавите тестирати на мобилним уређајима!

Успјех!

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

Можда ћете добити грешку ауторизације, као у примеру испод:

Недостаје конфигурација домена

Ово је зато што FastComments не зна да треба да дозволи коришћење вашег налога на овом домену.

У том случају, рјешење је једноставно. Потребно је само да додате ваш сајт у ваш FastComments.com налог.

Идите овдје да додате ваш сајт у ваш налог.

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

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

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

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

Ako tražite isječak koda za Live komentarisanje ClickFunnels-a, probajte ovo:

Isječak za Live komentarisanje ClickFunnels-a

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() {
            // neki provajderi mijenjaju isječak koda da bude async
            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 подржава нешто што се зове Auto Play. Ово вам омогућава да увезете CSV са коментарима и закажете њихово приказивање у одређеним помацима на основу сати, минута и секунди од тренутка учитавања странице.

Такође аутоматски додаје све објављене коментаре назад у autoplay скрипту, у тачно одговарајуће вријеме, тако да ваша видео скрипта расте са сваким вебинаром без икаквог ручног рада.

Ово је тренутно укључено у све FastComments планове.

Сазнајте више о Заказаним коментарима овдје

Напомена!

Запамтите да колона URL ID у CSV датотеци мора одговарати URL-у курса/видеа.

Језик 🇧🇦 Српски (БиХ)

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

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

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