Προσθήκη ζωντανής συνομιλίας στα μαθήματα ClickFunnels

Πρώτα, πρέπει να ανοίξουμε τον επεξεργαστή προτύπων του ClickFunnels. Για τα μαθήματα, αυτό γίνεται ανοίγοντας το μάθημα και κάνοντας κλικ στο Customize επάνω δεξιά:

Προσαρμογή

Μεταβείτε στα Templates:

Άνοιγμα Προτύπων

Τα μαθήματα αποτελούνται από διαφορετικά πρότυπα. Θέλουμε να εμφανίσουμε σχόλια στις ενότητες, οπότε επιλέξτε Default Lesson Page (για παράδειγμα):

Επιλογή Προτύπου

Αυτό ήταν! Τώρα είστε έτοιμοι για το δεύτερο βήμα.

Τώρα που βρισκόμαστε στον επεξεργαστή προτύπων, πρέπει να αποφασίσουμε πού θέλουμε να εμφανίζονται τα σχόλια ή το live chat.

Σε αυτό το παράδειγμα θα το προσθέσουμε απευθείας κάτω από το βίντεο. Τοποθετήστε τον δείκτη πάνω από το στοιχείο για να προσθέσετε το widget στο τέλος του, και κάντε κλικ στο ADD ELEMENT:

Προσθήκη στοιχείου

Select CUSTOM JS/HTML:

Επιλέξτε CUSTOM JS/HTML

Τώρα ας ανοίξουμε τον επεξεργαστή κώδικα όπου θα επικολλήσουμε τον κώδικά μας.

Το ClickFunnels είναι λίγο συγκεχυμένο στο επόμενο βήμα.

Είναι σημαντικό να ΜΗΝ επιλέξετε Code όταν τοποθετήσετε τον δείκτη πάνω από το νέο στοιχείο. Αντίθετα, επιλέξτε SETTINGS:

Επιλέξτε SETTINGS

Τώρα στη δεξιά πλευρά μπορούμε να κάνουμε κλικ στο Open Code Editor:

Κάντε κλικ στο Open Code Editor

Θα δείτε ένα μεγάλο πλαίσιο να ανοίγει. Εδώ μπορούμε να επικολλήσουμε τον κώδικα. Αντιγράψτε το παρακάτω απόσπασμα (χρησιμοποιήστε το κουμπί αντιγραφής πάνω δεξιά):

Απόσπασμα κώδικα ClickFunnels για Streaming Chat

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, το οποίο ταιριάζει καλά με βίντεο. Εάν θέλετε αντ' αυτού το απόσπασμα κώδικα για το widget Live Commenting, που ταιριάζει καλύτερα με κανονικές σελίδες ή αναρτήσεις ιστολογίου, βρίσκεται στο τέλος αυτού του σεμιναρίου.

Όταν επικολλήσουμε το απόσπασμα κώδικα στο παράθυρο, θα πρέπει να μοιάζει έτσι:

Επικόλληση κώδικα

Τώρα απλώς πρέπει να κλείσουμε το πλαίσιο:

Κλείσιμο

Τώρα μπορείτε να προεπισκοπήσετε τις αλλαγές σας! Μη διστάσετε να μετακινήσετε το widget και να δείτε πού σας αρέσει περισσότερο.

Προεπισκόπηση

Επιτυχία! Μην ξεχάσετε να δοκιμάσετε σε κινητά!

Επιτυχία!

Το FastComments έχει σχεδιαστεί ώστε να προσαρμόζεται ώστε να ταιριάζει στον ιστότοπό σας.

Εάν θέλετε να προσθέσετε προσαρμοσμένο στυλ ή να τροποποιήσετε τη διαμόρφωση, Δείτε την τεκμηρίωση προσαρμογής μας για να μάθετε πώς.

Αν ψάχνετε για το απόσπασμα κώδικα του ClickFunnels για ζωντανό σχολιασμό, δοκιμάστε το εξής:

Απόσπασμα ζωντανού σχολιασμού ClickFunnels

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 // κάποιοι πάροχοι αλλάζουν το απόσπασμα κώδικα ώστε να είναι ασύγχρονο

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 υποστηρίζει μια λειτουργία που ονομάζεται Αυτόματη Αναπαραγωγή. Αυτό σας επιτρέπει να εισάγετε ένα αρχείο CSV με σχόλια και να προγραμματίσετε την αναπαραγωγή τους σε συγκεκριμένες χρονικές αποκλίσεις (ώρες, λεπτά και δευτερόλεπτα) από τη στιγμή φόρτωσης της σελίδας.

Επιπλέον προσθέτει αυτόματα τυχόν σχόλια που δημοσιεύονται πίσω στο σενάριο αυτόματης αναπαραγωγής, στη σωστή χρονική στιγμή, έτσι ώστε το σενάριο βίντεο σας να μεγαλώνει με κάθε webinar χωρίς χειροκίνητη εργασία.

Αυτή η λειτουργία περιλαμβάνεται επί του παρόντος σε όλα τα πακέτα του FastComments.

Μάθετε περισσότερα για τα Προγραμματισμένα Σχόλια εδώ

Σημείωση!

Θυμηθείτε ότι η στήλη URL ID στο αρχείο CSV πρέπει να ταιριάζει με το URL του μαθήματος/βίντεο.