Add Live Chat to ClickFunnels Courses

В този урок ще разгледаме как да настроите FastComments Streaming Chat с курс в ClickFunnels. Също така ще добавим фрагмент от код в края за Live Commenting, ако предпочитате да използвате това вместо това.

Имайте предвид, че този урок е за модул „Курс“, но стъпките са подобни за добавяне на коментари към блог публикации и страници (просто редактирайте съответния шаблон).

Също така накратко ще разгледаме как да настроите автоматизирани коментари, за да насърчите хората да се включат.

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

Стъпка 1: Намерете шаблона

Първо трябва да отворим редактора на шаблони на ClickFunnels. За курсове това става като отворите курса и кликнете върху Customize в горния десен ъгъл:

Customize

Отидете в Templates:

Open Templates

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

Select Template

Това е всичко! Сега сте готови за втората стъпка.

Стъпка 2: Добавете кода

Сега, когато сме в редактора на шаблони, трябва да решим къде искаме да показваме коментарите или чата на живо.

В този пример ще го добавим директно под видеото. Задръжте курсора върху елемента, за да добавите уиджета в края му, и кликнете ADD ELEMENT:

Добавяне на елемент

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

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

Сега нека отворим редактора на кода, където ще поставим нашия код.

ClickFunnels е малко объркващ в следващата стъпка.

Важно е да НЕ избирате Code когато задържите курсора върху новия елемент. Вместо това изберете SETTINGS:

Изберете SETTINGS

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

Кликнете Open Code Editor

Ще видите голямо поле да се отвори. Тук можем да поставим нашия код. Копирайте следния фрагмент (използвайте бутона за копиране в горния десен ъгъл):

Кодов фрагмент за поточен чат на ClickFunnels

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() {
            // някои доставчици променят фрагмента от код да бъде 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>

Този фрагмент от код е за нашия продукт Streaming Chat, който върви добре с видеа. Ако вместо това искате фрагмента за уиджета Live Commenting, който пасва най-добре на обикновени страници или блог постове, той е в края на този урок.

Когато поставим фрагмента от код в прозореца, трябва да изглежда така:

Поставяне на код

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

Затвори

Сега можете да прегледате промените си! Чувствайте се свободни да преместите уиджета и да видите къде ви харесва най-много.

Преглед

Успех! Не забравяйте да тествате на мобилни устройства!

Успех!

Проблеми с домейна

Може да получите грешка при упълномощаване, подобна на следната:

Липсва конфигурация на домейна

Това е защото FastComments не знае, че трябва да разреши използването на вашия акаунт на този домейн.

В този случай решението е просто. Просто трябва да добавите своя сайт във вашия FastComments.com акаунт.

Go here to add your site to your account.

Персонализация

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() {
            // някои доставчици променят фрагмента от код да бъде 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

Кодов фрагмент за коментиране на живо

Автоматично възпроизвеждане на коментари