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 Webbshop > 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å webbshop.
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å webbshop.
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 Webbshop > 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å webbshop.
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å webbshop.
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 Webbshop > 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å webbshop.
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å webbshop.
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 Webbshop > Teman.

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på 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>

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

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

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

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

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på 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>

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

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på 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>

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

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på 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>

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

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

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

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

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>

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

2. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

iPhone

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

Android

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

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

3. Tryck på Hantera teman.

4. Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på 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>

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