Använd appen Product Reviews

Gå till appbutiken för att installera Produktrecensioner för Shopify.

När du har installerat appen Product Reviews kan du lägga till recensionsformulär på dina produktsidor och recensionspoängmärken till dina produkt- och kollektionssidor.

Stegen i den här handledningen skiljer sig åt beroende på din version av temaarkitektur.

Klicka på knappen för din version av temaarkitektur och följ sedan anvisningarna för att lägga till recensionselement i din webbutik.

Online Store 2.0

Lägg till recensioner och ett recensionsformulär i teman för webbutik 2.0

Du kan lägga till appblocket för recension och recensionsformulär som ett avsnitt i din produktmall eller som ett block i produktmallens huvudsakliga produktavsnitt. Dessa alternativ finns tillgängliga i alla teman för webbutik 2.0 från Shopifys temabutik. Beroende på ditt tema kan du ha möjlighet att lägga till dem i andra mallar eller avsnitt.

Lägg till recensioner och recensionsformuläret som ett avsnitt

Dator

1. Från din Shopify admin går du till Webbutik > teman.
2. Hitta det tema du vill redigera och klicka på Anpassa.

iPhone

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

Android

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

1. Navigera till den produktmall där du vill lägga till avsnittet för recension och recensionsformulär.
2. Klicka på Lägg till avsnitt.
3. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
4. Valfritt: Flytta appavsnittet till den plats du önskar på sidan.
5. Klicka på Spara.

Lägg till recensioner och recensionsformuläret som ett block

Dator

1. Från din Shopify admin går du till Webbutik > teman.
2. Hitta det tema du vill redigera och klicka på Anpassa.

iPhone

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

Android

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

1. Navigera till den sida och det avsnitt där du vill lägga till blocket för recension och recensionsformulär.
2. Klicka på Lägg till block.
3. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
4. Valfritt: Flytta blocket Recensioner till den plats du önskar i avsnittet.
5. Klicka på Spara.

Lägg till stjärnklassificeringar i teman för Online Store 2.0

Du kan lägga till stjärnklassificeringar som ett block i produktmallens huvudsakliga produktavsnitt. Det här alternativet är tillgängligt i alla teman för webbutik 2.0 från Shopifys temabutik. Beroende på ditt tema kan du ha möjlighet att lägga till dem i andra avsnitt och mallar.

Dator

1. Från din Shopify admin går du till Webbutik > teman.
2. Hitta det tema du vill redigera och klicka på Anpassa.

iPhone

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

Android

1. Från Shopify appen, tryck på butik.
2. I avsnittet försäljningskanaler trycker du på webbutik.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera och tryck på Anpassa.
5. Tryck på Redigera.

1. Navigera till den sida och det avsnitt där du vill lägga till stjärnklassificeringen.
2. Klicka på Lägg till block.
3. Välj appblocket för Stjärnklassificering i rullgardinsmenyn i app-avsnittet.
4. Valfritt: Flytta blocket Stjärnklassificering till den plats du önskar i avsnittet eller anpassa stjärnornas färg, storlek, justering och sammanhang.
5. Klicka på Spara.

Vintage sectioned themes

Lägg till recensioner och ett granskningsformulär för din produktsida i sektionerat tema

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna product-template.liquid i katalogen Avsnitt.

2. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta din produktbeskrivning i filen, sök efter Liquid-taggen {{ product.description }}.

3. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}:

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

Din kodplacering kan se ut ungefär så här:

<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. Klicka på Spara.

Lägg till recensionspoängsmärken till dina kollektionssidor i sektionerat tema

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Leta reda på det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

3. Öppna product-grid-item.liquid-filen i katalogen Utdrag.

   I vissa teman har den här filen ett annat namn. Om du inte kan hitta product-grid-item.liquid, leta efter något av följande:

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

1. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen, sök efter Liquid-taggen {{ product.title }}.

2. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

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

Din kodplacering kan se ut ungefär så här:

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

Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.

1. Klicka på Spara.

Lägg till recensionspoängsmärken till din produktsida i sektionerade teman

Så här lägger du till recensionspoängsmärken till dina produktsidor:

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna product-template.liquid i katalogen Avsnitt.

2. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen, sök efter Liquid-taggen {{ product.title }}.

3. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

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

Din kodplacering kan se ut ungefär så här:

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

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

Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.

1. Klicka på Spara.

Lägg till recensionspoängsmärken till din utvalda produkt i sektionerat tema

Observera

Om du använder Venture rekommenderas det inte att du placerar brickor med recensionspoäng på din utvalda produkt.

Så här lägger du till recensionspoängsmärken för din utvalda produkt på webbplatsen:

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna featured-product.liquid-filen i katalogen avsnitt.

2. Hitta området i det utdrag där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen, sök efter Liquid-taggen {{ title }}. Sök efter taggen {{ product.title }} om du inte kan hitta taggen {{ title }}.

3. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

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

Din kodplacering kan se ut ungefär så här:

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

Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.

1. Klicka på Spara.

Vintage non-sectioned themes

Lägg till recensioner och ett recensionsformulär för din produktsida i icke-sektionerade teman

Så här lägger du till recensionsformulär på dina produktsidor:

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna product.liquid i mallkatalogen.

2. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta din produktbeskrivning i filen, sök efter Liquid-taggen {{ product.description }}.

3. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}:

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

Din kodplacering kan se ut ungefär så här:

<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. Klicka på Spara.

Lägg till recensionspoängsmärken till dina kollektionssidor i icke-sektionerade teman

Så här lägger du till recensionspoängsmärken till dina kollektionssidor:

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna product-grid-item.liquid i utdrag-katalogen.

   I vissa teman har den här filen ett annat namn. Om du inte kan hitta product-grid-item.liquid, leta efter något av följande:

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

Om ditt tema inte har någon av ovanstående filer kan det hända att din produkts rutnätskod finns i collection.liquid-filen i mall-katalogen.

1. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen, sök efter Liquid-taggen {{ product.title }}.

2. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

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

Din kodplacering kan se ut ungefär så här:

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

Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.

1. Klicka på Spara.

Lägg till recensionspoängsmärken till din produktsida i icke-sektionerade teman

Så här lägger du till recensionspoängsmärken till dina produktsidor:

Dator

1. Från din Shopify-admin går du till Webbutik > Teman.

2. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

iPhone

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

Android

1. Från Shopify-appen klickar du på Butik.

2. Tryck på Webbutik i avsnittet Försäljningskanaler.

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.

1. Öppna product.liquid i mallkatalogen.

2. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen, sök efter Liquid-taggen {{ product.title }}.

3. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

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

Din kodplacering kan se ut ungefär så här:

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

Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.

1. Klicka på Spara.