FastComments.com

Add Comments to BigCommerce Sites


FastComments๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์–ด๋–ค BigCommerce ์‚ฌ์ดํŠธ์—๋„ ์‹ค์‹œ๊ฐ„ ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ์†์‰ฝ๊ฒŒ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„๋ž˜ ์ง€์นจ์€ BigCommerce์— ๊ตฌ์ถ•๋œ ๋ธ”๋กœ๊ทธ๋ฅผ ์œ„ํ•œ ๊ฒƒ์ด์ง€๋งŒ, BigCommerce์˜ ๋‹ค๋ฅธ ์–ด๋–ค ์ธก๋ฉด์—๋„ ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŠœํ† ๋ฆฌ์–ผ์€ FastComments ๊ณ„์ •์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋จผ์ € ๊ฐ€์ž…ํ•œ ํ›„ ์ด๊ณณ์œผ๋กœ ๋Œ์•„์˜ค๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ๊ณ„์ •์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


1๋‹จ๊ณ„: ํ…Œ๋งˆ ์ค€๋น„ Internal Link

๋จผ์ €, ํŽธ์ง‘ํ•  ์ปค์Šคํ…€ ํ…Œ๋งˆ๋ฅผ ์ƒ์„ฑํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ ์ปค์Šคํ…€ ํ…Œ๋งˆ๊ฐ€ ์„ค์ •๋˜์–ด ์žˆ๋‹ค๋ฉด ์ด ๋‹จ๊ณ„๋ฅผ ๊ฑด๋„ˆ๋›ฐ์‹ญ์‹œ์˜ค.

์ด๋ฅผ ์œ„ํ•ด, ์šฐ๋ฆฌ๋Š” Storefront๋กœ ์ด๋™ํ•œ ๋‹ค์Œ Themes๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

์Šคํ† ์–ดํ”„๋ŸฐํŠธ ์„ ํƒ
์Šคํ† ์–ดํ”„๋ŸฐํŠธ ์„ ํƒ
ํ…Œ๋งˆ ์„ ํƒ
ํ…Œ๋งˆ ์„ ํƒ

์ด ํŠœํ† ๋ฆฌ์–ผ์—์„œ๋Š” ๊ธฐ๋ณธ ํ…Œ๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜์ง€๋งŒ, ์ง€์นจ์€ ๋ชจ๋“  ํ…Œ๋งˆ์— ๋™์ผํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์œผ๋กœ, ์šฐ๋ฆฌ๋Š” ๋งž์ถค์„ค์ •์„ ํด๋ฆญํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋Œ€์‹ , Advanced์™€ Make a Copy๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

๋ณต์‚ฌ๋ณธ ๋งŒ๋“ค๊ธฐ
๋ณต์‚ฌ๋ณธ ๋งŒ๋“ค๊ธฐ

ํ…Œ๋งˆ ๋ณต์‚ฌ๋ฅผ ํ™•์ธํ•˜์„ธ์š”:

๋ณต์‚ฌ๋ณธ ์ €์žฅ
๋ณต์‚ฌ๋ณธ ์ €์žฅ

์™„๋ฃŒ๋˜๋ฉด, ํŽ˜์ด์ง€ ํ•˜๋‹จ์˜ Themes ์•„๋ž˜์— ํ…Œ๋งˆ๊ฐ€ ๋‚˜์—ด๋˜์–ด ์žˆ๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ปค์Šคํ…€ ํ…Œ๋งˆ ์ƒ์„ฑ๋จ
์ปค์Šคํ…€ ํ…Œ๋งˆ ์ƒ์„ฑ๋จ

์ด์ œ ์ƒˆ ํ…Œ๋งˆ๋ฅผ ํŽธ์ง‘ํ•˜์—ฌ FastComments๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ…Œ๋งˆ ํŒŒ์ผ ํŽธ์ง‘
ํ…Œ๋งˆ ํŒŒ์ผ ํŽธ์ง‘

2๋‹จ๊ณ„: ์˜ฌ๋ฐ”๋ฅธ ํ…œํ”Œ๋ฆฟ ํŽธ์ง‘ Internal Link

๋‹ค์Œ ๋‹จ๊ณ„๋Š” ํ†ตํ•ฉ์„ ์ž‘๋™์‹œํ‚ค๋Š” ์œ„์ ฏ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด์ „ ๋‹จ๊ณ„์˜ ์ง€์‹œ๋Œ€๋กœ ํ…Œ๋งˆ ํŽธ์ง‘๊ธฐ์— ๋“ค์–ด๊ฐ€๋ฉด ์™ผ์ชฝ์—๋Š” ํŒŒ์ผ ๋ธŒ๋ผ์šฐ์ €๊ฐ€, ์˜ค๋ฅธ์ชฝ์—๋Š” ํŽธ์ง‘๊ธฐ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ๋Š” ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ ํŽ˜์ด์ง€๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ํ…œํ”Œ๋ฆฟ์„ ํŽธ์ง‘ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์™ผ์ชฝ ํƒ์ƒ‰์—์„œ templates->pages->blog-post.html๋กœ ์ด๋™ํ•˜์„ธ์š”.

ํ…œํ”Œ๋ฆฟ ์—ด๊ธฐ
ํ…œํ”Œ๋ฆฟ ์—ด๊ธฐ

3๋‹จ๊ณ„: ์œ„์ ฏ ์ฝ”๋“œ ์ถ”๊ฐ€ 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์— ๋ถ™์—ฌ๋„ฃ๊ธฐ
Paste on Line 6

๊ฒฐ๊ณผ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค:

์ฝ”๋“œ ์ถ”๊ฐ€ ํ›„
After Adding Code

์ด์ œ ํŒŒ์ผ์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

์ €์žฅ
Save

...๊ทธ๋ฆฌ๊ณ  ํŽธ์ง‘๊ธฐ๋ฅผ ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค:

ํŽธ์ง‘๊ธฐ ํŽธ์ง‘
Edit The Editor

4๋‹จ๊ณ„: ์ƒˆ ํ…Œ๋งˆ ํ™œ์„ฑํ™” Internal Link

์šฐ๋ฆฌ์˜ ๋งˆ์ง€๋ง‰ ๋‹จ๊ณ„๋Š” ์ƒˆ ํ…Œ๋งˆ ํ…œํ”Œ๋ฆฟ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ์—์„œ ์ด์ œ Publish ๋˜๋Š” Make Active Theme ์ค‘ ํ•˜๋‚˜๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๊ณ„์† ์ง„ํ–‰ํ•˜์—ฌ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ๋ผ์ด๋ธŒ๋กœ ์ ์šฉํ•˜๋ ค๋ฉด ํด๋ฆญํ•˜์„ธ์š”:

๋ณ€๊ฒฝ ์‚ฌํ•ญ ๊ฒŒ์‹œ
Publish The Changes

์ด์ œ ์‚ฌ์ดํŠธ๋ฅผ ํ™•์ธํ•ด ๋ด…์‹œ๋‹ค! ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ๋กœ ์ด๋™ํ•˜๋ฉด ํ•˜๋‹จ์— ๋Œ“๊ธ€ ์ƒ์ž๊ฐ€ ๋ณด์ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ ์šฉ๋จ
Changes Live

์„ฑ๊ณต Internal Link


์ž˜ํ•˜์…จ์–ด์š”! BigCommerce ์‚ฌ์ดํŠธ์— ์‹ค์‹œ๊ฐ„ ๋Œ“๊ธ€์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ถŒํ•œ ๊ฑฐ๋ถ€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๊ฑฐ๋‚˜ FastComments๋ฅผ ์‚ฌ์šฉ์žํ™”ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๊ณ„์† ์ฝ์œผ์„ธ์š”.


๋งž์ถค ์„ค์ • Internal Link


FastComments๋Š” ๊ท€ํ•˜์˜ ์‚ฌ์ดํŠธ์— ๋งž๊ฒŒ ๋งž์ถค ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋งž์ถค ์Šคํƒ€์ผ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์„ค์ •์„ ์กฐ์ •ํ•˜๋ ค๋ฉด, ๋งž์ถค ์„ค์ • ๋ฌธ์„œ ๋ณด๊ธฐ์—์„œ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์„ธ์š”.


์ถ”๊ฐ€: ํŽ˜์ด์ง€ ๋นŒ๋”์šฉ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ Internal Link


FastComments๋ฅผ BigCommerce์˜ Page Builder๋ฅผ ํ†ตํ•ด ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์€ ๊ถŒ์žฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ์ฝ”๋“œ๋ฅผ ์›ํ•˜๋Š” ๊ฐ ํŽ˜์ด์ง€์— ์ˆ˜๋™์œผ๋กœ ์ถ”๊ฐ€ํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ด๋ ‡๊ฒŒ ํ•˜๊ธฐ๋ฅผ ์›ํ•œ๋‹ค๋ฉด, ๋‹ค์Œ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. BigCommerce์˜ ํŠน์„ฑ์ƒ ๋‹ค๋ฅธ ํŠœํ† ๋ฆฌ์–ผ์˜ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ์€ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค:

BigCommerce ํŽ˜์ด์ง€ ๋นŒ๋” ์Šค๋‹ˆํŽซ
Copy 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