FastComments.com

BigCommerce साइटों पर टिप्पणियाँ जोड़ें

FastComments के साथ हम किसी भी BigCommerce साइट पर आसानी से लाइव कमेंटिंग जोड़ सकते हैं।

नीचे दिए गए निर्देश BigCommerce पर बनाए गए ब्लॉग के लिए हैं, लेकिन ये BigCommerce के किसी भी पहलू के लिए अच्छी तरह काम करेंगे।

ध्यान दें कि इस ट्यूटोरियल के लिए FastComments खाता आवश्यक है। अनुशंसा की जाती है कि आप पहले साइन अप करें और फिर यहाँ वापस आएँ। आप यहाँ खाता बना सकते हैं।

चरण एक: अपनी थीम तैयार करें Internal Link

सबसे पहले, एक कस्टम थीम बनाते हैं जिसे हम संपादित करेंगे। यदि आपके पास पहले से कोई कस्टम थीम सेटअप है, तो आप इस चरण को छोड़ सकते हैं।

इसके लिए, हम Storefront में जाएंगे और फिर Themes में।

Storefront चुनें
Storefront चुनें
Themes चुनें
Themes चुनें

इस ट्यूटोरियल के उद्देश्यों के लिए हम डिफ़ॉल्ट थीम का उपयोग करेंगे, लेकिन निर्देश सभी थीम के लिए समान हैं।

अगला, हम Customize पर क्लिक नहीं करेंगे। इसके बजाय, Advanced और Make a Copy पर क्लिक करें।

कॉपी बनाएं
कॉपी बनाएं

थीम कॉपी करने की पुष्टि करें:

कॉपी सहेजें
कॉपी सहेजें

पूरा होने के बाद, आपको अपनी थीम पेज के निचले हिस्से में Themes के अंतर्गत सूचीबद्ध दिखाई देनी चाहिए, जैसे कि नीचे दिखाया गया है।

कस्टम थीम बनाई गई
कस्टम थीम बनाई गई

अब हम अपनी नई थीम को संपादित करके FastComments जोड़ सकते हैं।

थीम फ़ाइलें संपादित करें
थीम फ़ाइलें संपादित करें

चरण दो: सही टेम्पलेट संपादित करें Internal Link

अगला कदम विजेट कोड जोड़ना होगा जो इंटीग्रेशन को काम करने योग्य बनाता है।

एक बार जब आप पिछले चरण के निर्देशानुसार थीम एडिटर में होते हैं, तो आपको बाईं ओर एक फ़ाइल ब्राउज़र और दाईं ओर एक एडिटर दिखाई देगा।

हम जो करने जा रहे हैं वह है एक टेम्पलेट को संपादित करना जो हमारे ब्लॉग पोस्ट पेजों का प्रतिनिधित्व करता है।

बाईं ओर के नेविगेशन में, templates->pages->blog-post.html पर जाएँ।

टेम्पलेट खोलें
टेम्पलेट खोलें

चरण तीन: विजेट कोड जोड़ें Internal Link

इसके बाद, FastComments इंस्टॉल करने के लिए जिस कोड का हम उपयोग करेंगे, उसे कॉपी करें:

BigCommerce Comments Code
Copy Copy
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5window.fcConfigs = [{
6 "tenantId": "demo"
7}];
8</script>
9

अब हम विजेट कोड को Line 6 पर पेस्ट करेंगे। यह महत्वपूर्ण है कि कोड \{{/partial}} वाली लाइन से पहले जोड़ा जाए।

Line 6 पर पेस्ट करें
Line 6 पर पेस्ट करें

इसके बाद आपके पास कुछ ऐसा होना चाहिए:

कोड जोड़ने के बाद
कोड जोड़ने के बाद

अब हम फ़ाइल को सेव कर सकते हैं:

सेव करें
सेव करें

...और एडिटर से बाहर निकलें:

एडिटर से बाहर निकलें
एडिटर से बाहर निकलें

चरण चार: नई थीम सक्रिय करें Internal Link

हमारा अंतिम चरण नई थीम टेम्पलेट का उपयोग करना है।

ऊपर दाईं ओर, अब आपको Publish या Make Active Theme दिखाई देगा। परिवर्तनों को लाइव करने के लिए उस पर क्लिक करें:

परिवर्तनों को प्रकाशित करें
परिवर्तनों को प्रकाशित करें

अब हम अपनी साइट देख सकते हैं! यदि आप किसी ब्लॉग पोस्ट पर जाते हैं, तो आपको नीचे एक कमेंट बॉक्स दिखाई देना चाहिए।

परिवर्तन लाइव
परिवर्तन लाइव

सफलता Internal Link

बहुत बढ़िया! आपने अपनी BigCommerce साइट में लाइव कमेंटिंग जोड़ दी है।

यदि आपको permission denied त्रुटि का सामना हुआ है, या आप FastComments को कस्टमाइज़ करना चाहते हैं, तो आगे पढ़ें।

अनुकूलन Internal Link

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

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

अतिरिक्त: पेज बिल्डर के लिए कोड स्निपेट Internal Link

BigCommerce के Page Builder के माध्यम से FastComments जोड़ना अनुशंसित नहीं है, क्योंकि तब कोड को हर वांछित पेज पर मैन्युअल रूप से जोड़ना पड़ता है।

हालाँकि, यदि यह वांछित है, तो निम्नलिखित कोड स्निपेट का उपयोग किया जाना चाहिए। BigCommerce की प्रकृति के कारण अन्य ट्यूटोरियल्स के कोड स्निपेट काम नहीं करेंगे:

BigCommerce Page Builder स्निपेट
Copy Copy
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: "demo"
8 }];
9</script>
10