Add Comments to Shopify Sites

Dzięki FastComments możemy łatwo dodać komentarze na żywo do dowolnej strony Shopify.

Poniższe instrukcje dotyczą bloga zbudowanego na Shopify, ale kod osadzenia można również ręcznie dodać do dowolnej strony poprzez edycję innych plików motywu. Wsparcie FastComments może również w tym pomóc.

Uwaga: ten samouczek wymaga konta FastComments. Zaleca się najpierw zarejestrować się, a następnie wrócić tutaj. Możesz założyć konto tutaj.

Krok 1: Importuj istniejące komentarze

FastComments może uruchomić narzędzie na Twoim blogu, aby zaimportować Twoje istniejące komentarze. Jednak musi to zostać wykonane zanim je wyłączysz w kroku 2, w przeciwnym razie nie będą dostępne, gdy uruchomimy narzędzie.

Proszę utwórz zgłoszenie do pomocy technicznej dla tego kroku. Zwykle import kończy się w ciągu jednego dnia.

Jeśli nie zależy Ci na zachowaniu istniejących komentarzy, przejdź do kroku 2.

Krok 2: Wyłącz domyślny system komentarzy

Pierwszym krokiem do korzystania z FastComments z Shopify jest wyłączenie systemu komentarzy Shopify.

Uwaga Zespół wsparcia FastComments może pomóc w migracji istniejących wątków komentarzy.

Aby zastąpić system komentarzy Shopify, przejdziemy do panelu sklepu i klikniemy Blog posts w lewym dolnym rogu:

Otwórz panel postów na blogu

Następnie klikniemy Manage blogs w prawym górnym rogu:

Zarządzaj blogami

Kliknij blog, którym chcesz zarządzać. Jeśli widnieje Comments are disabled możesz pominąć ten krok i przejść do Step Two.

Zarządzaj blogiem

Jeśli nie, wybierz blog i upewnij się, że w prawej części panelu wybrana jest opcja Comments are disabled:

Wyłącz komentarze

Teraz kliknij Zapisz.

Krok 3: Otwórz szablon motywu bloga

Teraz zmodyfikujemy motyw sklepu, aby dodać FastComments.

W lewym panelu otwórz Themes:

Otwórz Themes

W sekcji Current theme wybierz Actions, a następnie Edit code:

Edytuj kod

Spowoduje to otwarcie edytora kodu, z przeglądarką plików po lewej i kodem po prawej.

Wystarczy skopiować niewielki fragment kodu, który dodaje FastComments, i wkleić go we właściwe miejsce w odpowiednim pliku.

W przeglądarce plików po lewej przewiń w dół i kliknij Sections:

Wybierz Sections

Teraz przewiń w dół i wybierz main-article.liquid:

Wybierz main-article

To otworzy szablon motywu używany do renderowania pojedynczego artykułu na blogu.

Powinieneś teraz zobaczyć coś podobnego do poniższego, z wybranym main-article.liquid u góry:

main-article otwarty

Krok 4: Dodaj kod FastComments.com

Następnie przewiniemy w dół do linii 100:

Przewiń do linii 100

Teraz skopiuj następujący fragment kodu, który został stworzony specjalnie dla Shopify - nie używaj fragmentów kodu z innych samouczków:

Fragment FastComments dla Shopify

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        urlId: window.location.pathname
    });
</script>

Teraz ustaw kursor na linii 101 - tuż za </div> - i wklej. Powinieneś mieć coś takiego:

Dodaj kod FastComments

Teraz możemy zapisać:

Zapisz

Sukces

Teraz, gdy wyświetlimy wpis na blogu, powinniśmy zobaczyć FastComments!

Sukces!

Gratulacje za skonfigurowanie FastComments z Shopify! Jeśli napotkałeś Domain Error, lub chciałbyś dowiedzieć się, jak dostosować obszar komentarzy, czytaj dalej!

Błędy domeny

Może wystąpić błąd autoryzacji, podobny do poniższego:

Brak konfiguracji domeny

Dzieje się tak, ponieważ FastComments nie wie, że powinno zezwolić na użycie twojego konta na tej domenie.

W takim przypadku rozwiązanie jest proste. Musisz tylko dodać swoją witrynę do konta FastComments.com.

Przejdź tutaj, aby dodać swoją witrynę do konta.

Dostosowywanie

FastComments został zaprojektowany tak, aby można go było dostosować do Twojej witryny.

Jeśli chcesz dodać niestandardowe style lub zmodyfikować konfigurację, Zapoznaj się z dokumentacją dotyczącą dostosowywania, aby dowiedzieć się, jak.

Język 🇵🇱 Polski

Instalacja Shopify