Add Comments to BigCommerce Sites

ראשית, ניצור תמה מותאמת אישית שנערוך. אם כבר יש לך תמה מותאמת אישית מוגדרת, באפשרותך לדלג על שלב זה.

לשם כך נלך ל-Storefront ואז ל-Themes.

בחר Storefront

בחר Themes

לצרכי המדריך נשתמש בתמה ברירת המחדל, אך ההוראות זהות עבור כל התמות.

בהמשך, אנחנו לא נלחץ על Customize. במקום זאת, לחץ על Advanced ואז על Make a Copy.

צור עותק

אשר את העתקת התמה:

שמור את העותק

בסיום, עליך לראות את התמה שלך מופיעה תחת Themes בתחתית הדף, כך.

תמה מותאמת אישית נוצרה

כעת נוכל לערוך את התמה החדשה שלנו כדי להוסיף את FastComments.

ערוך קבצי התמה

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

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

מה שנעשה הוא לערוך תבנית שמייצגת את דפי הפוסטים בבלוג שלנו.

In the left-hand navigation, go to templates->pages->blog-post.html.

פתח את התבנית

לאחר מכן, העתק את הקוד שבו נשתמש כדי להתקין את FastComments:

BigCommerce Comments Code

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}}.

הדבק בשורה 6

עליך להגיע למשהו כזה:

לאחר הוספת הקוד

כעת נוכל לשמור את הקובץ:

שמור

...ולצאת מהעורך:

ערוך את העורך

השלב הסופי שלנו הוא להשתמש בתבנית הנושא החדשה.

בפינה הימנית-עליונה כעת תראה או Publish או Make Active Theme. לחץ על כך כדי להמשיך ולהחיל את השינויים באתר:

פרסם את השינויים

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

השינויים פעילים

כל הכבוד! הוספת מערכת תגובות בזמן אמת לאתר ה-BigCommerce שלך.

אם נתקלת בשגיאת 'permission denied', או אם ברצונך להתאים אישית את FastComments, המשך לקרוא.

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

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

לא מומלץ להוסיף את FastComments באמצעות ה-Page Builder של BigCommerce מכיוון שבמקרה כזה יש להוסיף את הקוד ידנית לכל דף רצוי.

עם זאת, אם זה רצוי, יש להשתמש בקטע הקוד הבא. קטעי קוד ממדריכים אחרים לא יעבדו בשל אופיו של BigCommerce:

קטע עבור Page Builder של BigCommerce

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 function attemptLoad() {

8 if (loaded) {

9 return;

10 }

11 if (!window.FastCommentsUI) {

12 return;

13 }

14 FastCommentsUI(document.getElementById('fastcomments-widget'), {

15 tenantId: "demo"

16 });

17 loaded = true;

18 }

19 attemptLoad();

20 const interval = setInterval(function () {

21 attemptLoad();

22 if (loaded) {

23 clearInterval(interval);

24 }

25 }, 300);

26 })();

27</script>

28