FastComments.com

Add Comments to Shopify Sites

With FastComments ile herhangi bir Shopify sitesine kolayca canlı yorum ekleyebiliriz.

Aşağıdaki talimatlar Shopify üzerinde oluşturulmuş bir blog içindir, ancak gömme kodu diğer tema dosyalarını düzenleyerek herhangi bir sayfaya manuel olarak da eklenebilir. FastComments Desteği de bunun için yardımcı olabilir.

Bu öğreticinin bir FastComments hesabı gerektirdiğini unutmayın. Önce kaydolmanız ve sonra buraya geri gelmeniz önerilir. Buradan bir hesap oluşturabilirsiniz.


Adım 2: Varsayılan Yorum Sistemini Devre Dışı Bırak Internal Link

FastComments'i Shopify ile kullanmanın ilk adımı, Shopify'ın sistemini devre dışı bırakmaktır.

Not FastComments Desteği, mevcut yorum dizilerini taşımanızda size yardımcı olabilir.

Shopify yorum sistemini değiştirmek için mağaza panelimize gidip sol alt köşedeki Blog posts'a tıklayacağız:

Blog Gönderileri Yönetimini Aç
Blog Gönderileri Yönetimini Aç

Sonra sağ üst köşedeki Manage blogs'a tıklayacağız:

Blogları Yönet
Blogları Yönet

Yönetmek istediğimiz bloga tıklayın. Eğer Comments are disabled yazıyorsa bu adımı atlayıp Step Two'ya geçebilirsiniz.

Blogu Yönet
Blogu Yönet

Değilse, blogu seçin ve sağ panelde Comments are disabled seçili olduğundan emin olun:

Yorumları Devre Dışı Bırak
Yorumları Devre Dışı Bırak

Şimdi kaydet'e tıklayın.

Adım 3: Blog Tema Şablonunu Aç Internal Link

Şimdi FastComments eklemek için mağazamızın temasını düzenleyeceğiz.

In the left panel, open Themes:

Temaları Aç
Open Themes

Under Current theme, select Actions and then Edit code:

Kodu Düzenle
Edit Code

This will open up a code editor, with a file browser on the left and the code on the right.

All we need to do is copy a small piece of code that adds FastComments and paste it on the right line in the right file.

In the file browser on the left, scroll down and click Sections:

Bölümleri Seç
Select Sections

Now we're going to scroll down and select main-article.liquid:

main-article'i Seç
Select main-article

This will open the theme template used to render a single blog article.

You should now see something similar to the following, with main-article.liquid selected at the top:

main-article Açık
main-article Open

Adım 4: FastComments.com Kodunu Ekle Internal Link

Şimdi 100 numaralı satıra kaydıracağız:

100. Satıra Kaydır
100. Satıra Kaydır

Aşağıdaki kod parçacığını kopyalayın; bu kod özellikle Shopify için tasarlanmıştır - diğer öğreticilerdeki kod parçacıklarını kullanmayın:

Shopify FastComments Kod Parçası
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 urlId: window.location.pathname
8 });
9</script>
10

Şimdi imleci line 101'e - </div>'den hemen sonra - koyun ve yapıştırın. Şunun gibi bir şeyiniz olmalı:

FastComments Kodunu Ekle
FastComments Kodunu Ekle

Şimdi kaydedebiliriz:

Kaydet
Kaydet

Başarılı Internal Link

Şimdi bir blog gönderisini görüntülersek, FastComments'ı görmeliyiz!

Başarılı!
Başarılı!

FastComments'ı Shopify ile kurduğunuz için tebrikler! Eğer bir Domain Error ile karşılaştıysanız veya yorum alanını nasıl özelleştireceğinizi öğrenmek 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ı değiştirmek istiyorsanız, nasıl yapacağınızı öğrenmek için Özelleştirme Belgelerimizi inceleyin