FastComments.com

BigCommerce Sitelerine Yorum Ekle

FastComments ile herhangi bir BigCommerce sitesine kolayca canlı yorum özelliği ekleyebiliriz.

Aşağıdaki talimatlar BigCommerce üzerinde oluşturulmuş bir blog içindir, ancak BigCommerce'in herhangi bir özelliği için de iyi çalışır.

Bu eğitimde bir FastComments hesabı gereklidir. Önce kaydolmanız ve sonra buraya geri gelmeniz önerilir. Buradan bir hesap oluşturabilirsiniz.

Adım Bir: Temanızı Hazırlayın Internal Link

İlk olarak, düzenleyeceğimiz özel bir tema oluşturalım. Zaten bir özel tema kurulumunuz varsa, bu adımı atlayabilirsiniz.

Bunu yapmak için Storefront ve ardından Themes'e gideceğiz.

Mağaza Görünümünü Seçin
Mağaza Görünümünü Seçin
Temaları Seçin
Temaları Seçin

Bu öğretici için varsayılan temayı kullanacağız, ancak talimatlar tüm temalar için aynıdır.

Sonraki adımda Customize'a tıklamayacağız. Bunun yerine Advanced ve Make a Copy'a tıklayın.

Kopya Oluştur
Kopya Oluştur

Temayı kopyalamayı onaylayın:

Kopyayı Kaydet
Kopyayı Kaydet

İşlem tamamlandığında, sayfanın alt kısmında Themes altında temanızın listelendiğini görmelisiniz, aşağıdaki gibi.

Özel Tema Oluşturuldu
Özel Tema Oluşturuldu

Şimdi yeni temamızı FastComments eklemek için düzenleyebiliriz.

Tema Dosyalarını Düzenle
Tema Dosyalarını Düzenle

Adım İki: Doğru Şablonu Düzenleyin Internal Link

Bir sonraki adım, entegrasyonun çalışmasını sağlayan widget kodunu eklemektir.

Önceki adımda belirtildiği gibi tema düzenleyicisindeyken, sol tarafta bir dosya tarayıcısı ve sağ tarafta bir düzenleyici göreceksiniz.

Yapacağımız şey, blog yazısı sayfalarımızı temsil eden bir şablonu düzenlemektir.

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

Şablonu Aç
Şablonu Aç

Adım Üç: Widget Kodunu Ekleyin Internal Link

Ardından, FastComments'u kurmak için kullanacağımız kodu kopyalayın:

BigCommerce Yorumlar Kodu
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

Şimdi widget kodunu Line 6 satırına yapıştıracağız. Kodun \{{/partial}} içeren satırın üstüne eklenmesi önemlidir.

6. Satıra Yapıştırma
6. Satıra Yapıştırma

Sonunda şuna benzer bir şey elde etmelisiniz:

Kod Eklendikten Sonra
Kod Eklendikten Sonra

Artık dosyayı kaydedebiliriz:

Kaydet
Kaydet

...ve düzenleyiciden çıkın:

Düzenleyiciden Çıkma
Düzenleyiciden Çıkma

Adım Dört: Yeni Temayı Etkinleştirin Internal Link

Son adımımız, yeni tema şablonunu kullanmaktır.

Sağ üst köşede artık Publish veya Make Active Theme seçeneklerinden birini göreceksiniz. Değişiklikleri yayına almak için tıklayın:

Değişiklikleri Yayınla
Değişiklikleri Yayınla

Artık sitemizi kontrol edebiliriz! Bir blog yazısına giderseniz, alt kısımda bir yorum kutusu görmelisiniz.

Değişiklikler Yayında
Değişiklikler Yayında

Başarı Internal Link

Tebrikler! BigCommerce sitenize canlı yorum özelliğini eklediniz.

Eğer izin reddedildi hatasıyla karşılaştıysanız veya FastComments'ı özelleştirmek istiyorsanız, okumaya devam edin.

Özelleştirme Internal Link

FastComments, sitenize uyacak şekilde özelleştirilmek üzere tasarlanmıştır.

Özel stil eklemek veya yapılandırmayı ince ayar yapmak istiyorsanız, nasıl yapılacağını öğrenmek için Özelleştirme Belgelerimizi İnceleyin.

Ekstra: Sayfa Oluşturucu için Kod Parçası Internal Link

FastComments'ı BigCommerce'in Page Builder'ı üzerinden eklemek önerilmez; çünkü kodun her istenen sayfaya elle eklenmesi gerekir.

Ancak, eğer bu isteniyorsa, aşağıdaki kod parçası kullanılmalıdır. BigCommerce'in yapısı gereği diğer eğitimlerdeki kod parçacıkları çalışmayacaktır:

BigCommerce Page Builder Kod Parçası
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