הוספת צ'אט חי לקורסי ClickFunnels

במדריך זה נעסוק בהגדרת FastComments Streaming Chat עם קורס ב-ClickFunnels. אנחנו גם נוסיף קטע קוד בסוף עבור Live Commenting אם ברצונך להשתמש בזה במקום.

שימו לב שמדריך זה מיועד למודול קורס, אך השלבים דומים להוספת תגובות לפוסטים בבלוג ולעמודים (פשוט ערכו את התבנית המתאימה).

נסקור בקצרה גם הגדרת תגובות אוטומטיות כדי לעודד אנשים להשתתף.

שימו לב שמדריך זה דורש חשבון FastComments. מומלץ להירשם קודם ואז לחזור לכאן. ניתן ליצור חשבון כאן.

שלב ראשון: מצא את התבנית

ראשית, עלינו לפתוח את עורך התבניות של ClickFunnels. עבור קורסים, זה נעשה על ידי פתיחת הקורס ולחיצה על Customize בפינה השמאלית העליונה:

Customize

עברו אל Templates:

Open Templates

קורסים מורכבים מתבניות שונות. אנו רוצים להציג תגובות בשיעורים, ולכן בחרו Default Lesson Page (לדוגמה):

Select Template

זהו זה! כעת אתם מוכנים לשלב השני.

שלב שני: הוסף את הקוד

עכשיו כשאנחנו בעורך התבניות, עלינו להחליט היכן נרצה להציג את ההערות או את הצ'אט החי.

בדוגמה זו נוסיף אותו ישירות מתחת לווידאו. עברו עם העכבר מעל האלמנט כדי להוסיף את הווידג'ט בסופו, ולחצו על ADD ELEMENT:

הוסף אלמנט

Select CUSTOM JS/HTML:

בחרו ב־CUSTOM JS/HTML

עכשיו נפתח את עורך הקוד שבו נדביק את הקוד שלנו.

ClickFunnels is a bit confusing on this next step.

חשוב לא לבחור את 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() {
            // כמה ספקים משנים את קטע הקוד כדי שיהיה אסינכרוני
            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.

לחץ כאן כדי להוסיף את האתר שלך לחשבון שלך.

התאמה אישית

FastComments תוכנן להיות ניתן להתאמה כך שיתאים לאתר שלך.

אם ברצונך להוסיף עיצוב מותאם אישית, או לכוונן תצורה, עיין בתיעוד ההתאמות והתצורה שלנו כדי ללמוד כיצד.

נוסף: קטע קוד לתגובות חיות

אם אתם מחפשים את קטע הקוד של ClickFunnels Live Commenting, נסו את זה:

קטע קוד ל-ClickFunnels Live Commenting

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 תומכת במשהו שנקרא Auto Play. זה מאפשר לך לייבא קובץ CSV של תגובות ולתזמן אותן להתנגן בנקודות זמן מסוימות בהתבסס על שעות, דקות ושניות מאז טעינת הדף.

המערכת גם מוסיפה אוטומטית כל תגובה שנשלחת חזרה ל-autoplay script, בזמן הנכון, כך שהתסריט של הווידאו שלך גדל עם כל וובינר ללא כל עבודה ידנית.

זה כלול כיום בכל התוכניות של FastComments.

למידע נוסף על תגובות מתוזמנות כאן

שים לב!

זכור שעמודת URL ID בקובץ ה-CSV חייבת להתאים ל-URL של הקורס/הווידאו.

הוסף סקרים לקורס ClickFunnels שלך

לאחר ש-FastComments נמצא בקורס ClickFunnels שלך, אתה יכול גם להריץ סקרים חיים ישירות בתגובות. הפעל את Enable Polls בהגדרות התאמה אישית של הווידג'ט וכפתור סקר יופיע בסרגל הכלים של התגובה. סקרים יכולים לכלול 2 עד 10 אפשרויות, התוצאות מתעדכנות בזמן אמת לכל המשתמשים בעמוד, ואתה בוחר מי יכול ליצור סקרים והאם ההצבעה דורשת התחברות. אין צורך להתקין דבר נוסף ב-ClickFunnels.

נסה את הדגמת הסקרים החיים או קרא את תיעוד הסקרים כדי להגדיר אותם.

שפה 🇮🇱 עברית

התקנת ClickFunnels

קטע קוד לתגובות חיות

הפעלת תגובות אוטומטית

סקרים