Add Live Chat to ClickFunnels Courses

İlk olarak ClickFunnels şablon editörünü açmamız gerekiyor. Kurslar için bu, kursu açıp sağ üstte Customize'a tıklanarak erişilir:

Özelleştir

Templates'e gidin:

Şablonları Aç

Kurslar farklı şablonlardan oluşur. Derslerde yorumları göstermek istiyoruz, bu yüzden Default Lesson Page'i (örneğin) seçin:

Şablon Seç

Hepsi bu kadar! Şimdi ikinci adıma hazırsınız.

Now that we're in the template editor, we must decide where we want to display the comments, or live chat.

In this example we will add it directly below the video. Hover the element to add the widget to the end of, and click ADD ELEMENT:

Öğe Ekle

Select CUSTOM JS/HTML:

CUSTOM JS/HTML'i Seçin

Now let's open the code editor where we'll paste our code.

ClickFunnels is a bit confusing on this next step.

It's important that you DO NOT select Code when you hover over the new element. Instead, select SETTINGS:

SETTINGS'i Seçin

Now on the right hand side we can click Open Code Editor:

Open Code Editor'a Tıklayın

You'll see a big square open up. This is where we can paste our code. Copy the following snippet (use the copy button in the top right):

ClickFunnels Akış Sohbeti Kod Parçacığı

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 // bazı sağlayıcılar kod parçacığını async hale getiriyor

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

This code snippet is for our Streaming Chat product, which goes well with videos. If you want the Live Commenting widget code snippet instead, which goes best with regular pages or blog posts, it's at the end of this tutorial.

When we paste the code snippet into the window, it should look like this:

Kod Yapıştır

Now we just have to close the box:

Kapat

Now you can preview your changes! Feel free to move the widget around and see where you like it best.

Önizleme

Success! Don't forget to test mobile!

Başarılı!

FastComments, sitenizle uyum sağlayacak şekilde özelleştirilebilecek biçimde tasarlanmıştır.

Özel stil eklemek veya yapılandırmayı ayarlamak istiyorsanız, nasıl yapacağınızı öğrenmek için Özelleştirme Dokümantasyonumuza Göz Atın.

ClickFunnels Canlı Yorumlama kod parçacığını arıyorsanız, bunu deneyin:

ClickFunnels Canlı Yorumlama Snippet

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 // bazı sağlayıcılar kod parçacığını async olarak değiştirir

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

FastComments, Auto Play adlı bir özelliği destekler. Bu özellik, yorumların bulunduğu bir CSV dosyasını içe aktarmanıza ve oynatılacak şekilde zamanlamanıza olanak tanır sayfa yükleme zamanından itibaren saat, dakika ve saniye bazında belirlenen offsetlerde.

Ayrıca, gönderilen herhangi bir yorumu doğru zamanda autoplay betiğine otomatik olarak geri ekler, böylece video betiğiniz her webinarda manuel çalışma gerektirmeden büyür.

Bu özellik şu anda tüm FastComments planlarına dahildir.

Zamanlanmış Yorumlar hakkında daha fazla bilgi edinin

Not!

CSV dosyasındaki URL ID sütununun kurs/video URL ile eşleşmesi gerektiğini unutmayın.