Add Live Chat to ClickFunnels Courses

Σε αυτό το σεμινάριο θα καλύψουμε τη ρύθμιση του FastComments Streaming Chat με ένα μάθημα ClickFunnels. Θα προσθέσουμε επίσης ένα απόσπασμα κώδικα στο τέλος για Live Commenting εάν θέλετε να το χρησιμοποιήσετε αντί αυτού.

Σημειώστε ότι αυτό το σεμινάριο αφορά μια ενότητα μαθήματος, αλλά τα βήματα είναι παρόμοια για την προσθήκη σχολιασμού σε δημοσιεύσεις ιστολογίου και σελίδες (απλώς επεξεργαστείτε το αντίστοιχο πρότυπο).

Θα καλύψουμε επίσης σύντομα τη ρύθμιση αυτοματοποιημένων σχολίων για να ενθαρρύνουμε τη συμμετοχή των χρηστών.

Σημειώστε ότι αυτό το σεμινάριο απαιτεί λογαριασμό FastComments. Συνιστάται να εγγραφείτε πρώτα και μετά να επιστρέψετε εδώ. Μπορείτε να δημιουργήσετε λογαριασμό εδώ.

Βήμα 1: Βρείτε το πρότυπο

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

Προσαρμογή

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

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

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

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

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

Βήμα 2: Προσθέστε τον κώδικα

Τώρα που βρισκόμαστε στον επεξεργαστή προτύπων, πρέπει να αποφασίσουμε πού θέλουμε να εμφανίζονται τα σχόλια ή το 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

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

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

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

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

Κλείσιμο

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

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

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

Επιτυχία!

Σφάλματα τομέα

You may get an authorization error, like the following:

Λείπει η διαμόρφωση του τομέα

This is because FastComments doesn't know it's supposed to allow your account to be used on this domain.

In this case, the fix is simple. You just have to add your site to your FastComments.com 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() {
            // κάποιοι πάροχοι αλλάζουν το απόσπασμα κώδικα ώστε να είναι ασύγχρονο
            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 υποστηρίζει μια λειτουργία που ονομάζεται Αυτόματη Αναπαραγωγή. Αυτό σας επιτρέπει να εισάγετε ένα αρχείο CSV με σχόλια και να προγραμματίσετε την αναπαραγωγή τους σε συγκεκριμένες χρονικές αποκλίσεις (ώρες, λεπτά και δευτερόλεπτα) από τη στιγμή φόρτωσης της σελίδας.

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

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

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

Σημείωση!

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

Γλώσσα 🇬🇷 Ελληνικά

Εγκατάσταση ClickFunnels

Απόσπασμα κώδικα για ζωντανά σχόλια

Αυτόματη αναπαραγωγή σχολίων

Add Live Chat to ClickFunnels Courses

Σημειώστε ότι αυτό το σεμινάριο απαιτεί λογαριασμό FastComments. Συνιστάται να εγγραφείτε πρώτα και μετά να επιστρέψετε εδώ. Μπορείτε να δημιουργήσετε λογαριασμό εδώ.

Βήμα 1: Βρείτε το πρότυπο

Βήμα 2: Προσθέστε τον κώδικα

Σφάλματα τομέα

Προσαρμογή

Επιπλέον: Απόσπασμα κώδικα για ζωντανά σχόλια

Επιπλέον: Αυτόματη αναπαραγωγή σχολίων

Σημείωση!