Korzystanie z aplikacji Product Reviews

Przejdź do sklepu z aplikacjami, aby zainstalować aplikację Product Reviews dla Shopify.

Po zainstalowaniu aplikacji Product Reviews możesz dodawać formularze recenzji do stron produktów i znaczki wynikowe recenzji na stronach produktów i kolekcji.

Kroki tego tutoriala różnią się w zależności od wersji architektury szablonu.

Kliknij przycisk dla wersji architektury szablonu, a następnie postępuj zgodnie z instrukcjami, aby dodać elementy recenzji do swojego sklepu online.

Online Store 2.0

Dodaj recenzje i formularz recenzji w szablonach Online Store 2.0

Możesz dodać blok aplikacji recenzji i formularza recenzji jako sekcję w szablonie produktu lub jako blok w głównej sekcji produktu szablonu produktu. Te opcje są dostępne we wszystkich szablonach Online Store 2.0 ze Sklepu z aplikacjami Shopify. Możesz dodać je do innych szablonów lub sekcji, w zależności od szablonu.

Dodaj recenzje i formularz recenzji jako sekcję

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.

iPhone

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

Android

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

1. Przejdź do szablonu produktu, do którego chcesz dodać sekcję recenzji i formularza recenzji.
2. Kliknij opcję Dodaj sekcję.
3. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
4. Opcjonalnie: Przenieś sekcję aplikacji do miejsca, w którym ma być ona na stronie.
5. Kliknij opcję Zapisz.

Dodaj recenzje i formularz recenzji jako blok

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.

iPhone

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

Android

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

1. Przejdź do strony i sekcji, w której chcesz dodać blok recenzji i formularza recenzji.
2. Kliknij Dodaj blok.
3. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
4. Opcjonalnie: Przenieś blok Recenzje do wybranego miejsca w sekcji.
5. Kliknij opcję Zapisz.

Dodaj oceny w gwiazdkach w szablonach Online Store 2.0

Możesz dodać oceny w gwiazdkach jako blok w głównej sekcji produktu w szablonie produktu. Ta opcja jest dostępna we wszystkich szablonach Online Store 2.0 ze Sklepu z aplikacjami Shopify. Możesz dodać je do innych sekcji i szablonów, w zależności od szablonu.

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.

iPhone

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

Android

1. W aplikacji Shopify naciśnij Sklep.
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
5. Naciśnij Edytuj.

1. Przejdź do strony i sekcji, w której chcesz dodać ocenę w gwiazdkach.
2. Kliknij Dodaj blok.
3. Z rozwijanego menu w sekcji Aplikacje wybierz blok aplikacji Ocena w gwiazdkach.
4. Opcjonalnie: Przenieś blok Ocena w gwiazdkach do wybranego miejsca w sekcji, lub dostosuj kolor gwiazdki, wielkość, wyrównanie i kontekst.
5. Kliknij opcję Zapisz.

Vintage sectioned themes

Dodaj recenzje i formularz recenzji do strony produktu w szablonach z sekcjami

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Sekcje kliknij product-template.liquid.

2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje recenzje. Zazwyczaj jest to obszar pod opisem produktu. Aby znaleźć opis produktu w pliku, wyszukaj tag {{ product.description }} Liquid.

3. Pod kodem zawierającym tag {{ product.description }} Liquid wklej następujący fragment kodu:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach z sekcjami

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

3. W katalogu Fragmenty kodu otwórz plik product-grid-item.liquid.

4. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.

5. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do strony produktu w szablonach z sekcjami

Aby dodać znaczki wynikowe recenzji do stron produktu:

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Sekcje kliknij product-template.liquid.

2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.

3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do polecanego produktu w szablonach z sekcjami

Uwaga

Jeśli korzystasz z szablonu Venture, nie zaleca się umieszczania znaczków z wynikami recenzji na polecanym produkcie.

Aby dodać znaczki wynikowe recenzji do polecanego produktu na stronie głównej:

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Sekcje otwórz plik featured-product.liquid.

2. Znajdź obszar we fragmencie kodu, w którym mają pojawić się znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ title }}. Jeśli nie możesz znaleźć tagu {{ title }}, wyszukaj tag {{ product.title }}.

3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Kliknij opcję Zapisz.

Vintage non-sectioned themes

Dodaj recenzje i formularz recenzji do strony produktu w szablonach bez sekcji

Aby dodać formularze recenzji do stron produktów:

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Szablony otwórz product.liquid.

2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje recenzje. Zazwyczaj jest to obszar pod opisem produktu. Aby znaleźć opis produktu w pliku, wyszukaj tag {{ product.description }} Liquid.

3. Pod kodem zawierającym tag {{ product.description }} Liquid wklej następujący fragment kodu:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach bez sekcji

Aby dodać znaczki wynikowe recenzji do stron kolekcji:

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Fragmenty kodu otwórz product-grid-item.liquid.

2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.

3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do strony produktu w szablonach bez sekcji

Aby dodać znaczki wynikowe recenzji do stron produktu:

Pulpit

1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij Sklep.

2. W sekcji Kanały sprzedaży naciśnij Sklep online.

3. Naciśnij opcję Zarządzaj szablonami.

4. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

1. W katalogu Szablony otwórz product.liquid.

2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.

3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Kliknij opcję Zapisz.