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>

Położenie kodu może wyglądać mniej więcej tak:

<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.

   W niektórych szablonach ten plik ma inną nazwę. Jeśli nie możesz znaleźć product-grid-item.liquid, poszukaj jednego z poniższych:

- product-card-grid.liquid - product-card.liquid - product-card-item.liquid - product-block.liquid - product-item.liquid

1. 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 }}.

2. 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>

Położenie kodu może wyglądać mniej więcej tak:

<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>

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

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>

Położenie kodu może wyglądać mniej więcej tak:

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

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

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>

Położenie kodu może wyglądać mniej więcej tak:

<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 %}

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

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>

Położenie kodu może wyglądać mniej więcej tak:

<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.

   W niektórych szablonach ten plik ma inną nazwę. Jeśli nie możesz znaleźć product-grid-item.liquid, poszukaj jednego z poniższych:

- product-card.liquid - product-card-item.liquid - product-block.liquid

Jeśli dla Twojego szablonu nie istnieje żaden z powyższych plików, kod siatki produktu można znaleźć w pliku collection.liquid w katalogu Szablony.

1. 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 }}.

2. 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>

Położenie kodu może wyglądać mniej więcej tak:

<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-itemimage" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-itemtitle">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-itemvendor">{{ 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>

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

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>

Położenie kodu może wyglądać mniej więcej tak:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

1. Kliknij opcję Zapisz.