FastComments.com

Add Live Chat to ClickFunnels Courses


В этом руководстве мы рассмотрим настройку FastComments Потокового чата для курса ClickFunnels. Мы также добавим фрагмент кода в конце для Живого комментирования, если вы хотите использовать его вместо этого.

Обратите внимание, что это руководство предназначено для модуля курса, но шаги аналогичны добавлению комментариев в записи блога и на страницы (просто отредактируйте соответствующий шаблон).

Мы также кратко рассмотрим настройку автоматизированных комментариев, чтобы стимулировать вовлечение пользователей.

Учтите, что для этого руководства требуется учетная запись FastComments. Рекомендуется сначала зарегистрироваться, а затем вернуться сюда. Вы можете создать учетную запись здесь.


Шаг 1: Найдите шаблон Internal Link

Сначала нужно открыть редактор шаблонов ClickFunnels. Для курсов это делается путём открытия курса и нажатия на Customize в правом верхнем углу:

Настроить
Настроить

Перейдите в Templates:

Открыть шаблоны
Открыть шаблоны

Курсы состоят из разных шаблонов. Мы хотим отображать комментарии на уроках, поэтому выберите Default Lesson Page (например):

Выбрать шаблон
Выбрать шаблон

Готово! Теперь вы готовы ко второму шагу.


Шаг 2: Добавьте код Internal Link

Теперь, когда мы в редакторе шаблонов, нужно решить, где мы хотим отображать комментарии или живой чат.

В этом примере мы добавим его прямо под видео. Наведите курсор на элемент, в конец которого нужно добавить виджет, и нажмите ADD ELEMENT:

Добавить элемент
Добавить элемент

Выберите CUSTOM JS/HTML:

Выберите CUSTOM JS/HTML
Выберите CUSTOM JS/HTML

Теперь откроем редактор кода, куда вставим наш код.

На следующем шаге ClickFunnels может сбить с толку.

Важно НЕ выбирать Code, когда вы наводите курсор на новый элемент. Вместо этого выберите SETTINGS:

Выберите SETTINGS
Выберите SETTINGS

Теперь справа можно нажать Open Code Editor:

Нажмите Open Code Editor
Нажмите Open Code Editor

Откроется большое окно. Здесь мы сможем вставить наш код. Скопируйте следующий фрагмент (используйте кнопку копирования в правом верхнем углу):

Фрагмент кода потокового чата ClickFunnels
Copy 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 // некоторые провайдеры меняют фрагмент кода на 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

Этот фрагмент кода предназначен для нашего продукта Streaming Chat, который отлично подходит для видео. Если вам нужен фрагмент кода виджета Live Commenting, который лучше подходит для обычных страниц или блогов, он находится в конце этого руководства.

Когда мы вставим фрагмент кода в окно, он должен выглядеть так:

Вставить код
Вставить код

Теперь осталось только закрыть окно:

Закрыть
Закрыть

Теперь вы можете предварительно просмотреть изменения! Не стесняйтесь перемещать виджет и выбирать наилучшее расположение.

Предпросмотр
Предпросмотр

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

Успех!
Успех!

Настройка Internal Link


FastComments разработан так, чтобы его можно было настроить в соответствии с вашим сайтом.

Если вы хотите добавить пользовательские стили или изменить конфигурацию, ознакомьтесь с нашей документацией по настройке, чтобы узнать, как.


Дополнительно: фрагмент кода для живых комментариев Internal Link

Если вы ищете фрагмент кода ClickFunnels Live Commenting, попробуйте это:

Фрагмент кода ClickFunnels Live Commenting
Copy 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 // некоторые провайдеры меняют фрагмент кода на async
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

Дополнительно: автоматическое воспроизведение комментариев Internal Link

FastComments поддерживает функцию под названием Auto Play. Это позволяет импортировать CSV с комментариями и запланировать их воспроизведение со сдвигами, основанными на часах, минутах и секундах от момента загрузки страницы.

Он также автоматически добавляет любые размещённые комментарии обратно в скрипт автопроигрывания в нужное время, так что ваш видеосценарий растёт с каждым вебинаром без ручной работы.

В настоящее время это включено во все планы FastComments.

Узнайте больше о запланированных комментариях здесь

Примечание!

Помните, что столбец URL ID в CSV-файле должен соответствовать URL курса/видео.