ClickFunnels कोर्सेस में लाइव चैट जोड़ें

सबसे पहले, हमें ClickFunnels टेम्पलेट एडिटर खोलना होगा। कोर्सेज़ के लिए, यह कोर्स खोलकर और ऊपर दाईं ओर Customize पर क्लिक करके एक्सेस किया जाता है:

Customize

Templates पर जाएँ:

Open Templates

कोर्सेज़ विभिन्न टेम्पलेट्स से मिलकर बने होते हैं। हम लेसन पर कमेंट्स दिखाना चाहते हैं, इसलिए Default Lesson Page चुनें (उदाहरण के लिए):

Select Template

बस इतना ही! अब आप दूसरे चरण के लिए तैयार हैं।

अब जब हम टेम्पलेट एडिटर में हैं, हमें यह तय करना होगा कि हम कमेंट्स या लाइव चैट कहाँ दिखाना चाहते हैं।

इस उदाहरण में हम इसे सीधे वीडियो के नीचे जोड़ेंगे। उस एलिमेंट पर होवर करें जिसके अंत में विजेट जोड़ना है, और ADD ELEMENT पर क्लिक करें:

Add Element

CUSTOM JS/HTML चुनें:

Select CUSTOM JS/HTML

अब आइए कोड एडिटर खोलें जहाँ हम अपना कोड पेस्ट करेंगे।

अगले चरण में ClickFunnels थोड़ा भ्रमित करने वाला है।

यह महत्वपूर्ण है कि नए एलिमेंट पर होवर करते समय आप Code को चुनें ही नहीं। इसके बजाय, SETTINGS चुनें:

Select SETTINGS

अब दाईं ओर हम Open Code Editor पर क्लिक कर सकते हैं:

Click Open Code Editor

आपको एक बड़ा वर्गाकार बॉक्स खुलता दिखेगा। यहीं पर हम अपना कोड पेस्ट कर सकते हैं। निम्नलिखित स्निपेट कॉपी करें (ऊपर दाईं ओर के कॉपी बटन का उपयोग करें):

ClickFunnels Streaming Chat Code Snippet

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 // some providers change the code snippet to be 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 विजेट का कोड स्निपेट चाहते हैं, जो सामान्य पेजों या ब्लॉग पोस्टों के लिए सबसे उपयुक्त है, तो वह इस ट्यूटोरियल के अंत में है।

जब हम कोड स्निपेट को विंडो में पेस्ट करते हैं, तो यह इस तरह दिखना चाहिए:

Paste Code

अब हमें बस बॉक्स को बंद करना है:

Close

अब आप अपने बदलावों का पूर्वावलोकन कर सकते हैं! विजेट को इधर-उधर घुमाएँ और देखें कि आपको यह कहाँ सबसे अच्छा लगता है।

Preview

सफलता! मोबाइल पर टेस्ट करना न भूलें!

Success!

FastComments को आपकी साइट से मेल खाने के लिए अनुकूलित (customize) करने के लिए डिज़ाइन किया गया है।

यदि आप कस्टम स्टाइलिंग जोड़ना चाहते हैं, या कॉन्फ़िगरेशन में बदलाव करना चाहते हैं, तो हमारी कस्टमाइज़ेशन डॉक्यूमेंटेशन देखें और जानें कि कैसे।

यदि आप ClickFunnels Live Commenting कोड स्निपेट ढूंढ रहे हैं, तो यह आज़माएँ:

ClickFunnels Live Commenting स्निपेट

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

FastComments "ऑटो प्ले" नामक सुविधा का समर्थन करता है। यह आपको कमेंट्स की एक CSV फ़ाइल इम्पोर्ट करने और पेज लोड होने के समय से घंटे, मिनट, और सेकंड के आधार पर निश्चित अंतरालों पर उन्हें चलाने के लिए शेड्यूल करने की सुविधा देता है।

यह वेबिनार के दौरान पोस्ट किए गए किसी भी कमेंट को सही समय पर ऑटोप्ले स्क्रिप्ट में स्वतः जोड़ देता है, ताकि आपकी वीडियो स्क्रिप्ट बिना किसी मैनुअल काम के हर वेबिनार के साथ बढ़ती रहे।

यह सुविधा वर्तमान में सभी FastComments प्लान्स में शामिल है।

शेड्यूल्ड कमेंट्स के बारे में यहाँ और जानें

ध्यान दें!

याद रखें कि CSV फ़ाइल में URL ID कॉलम कोर्स/वीडियो के URL से मेल खाना चाहिए।