Använd appen Product Reviews
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.
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
- Från din Shopify admin går du till Webbshop > teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Navigera till den produktmall där du vill lägga till avsnittet för recension och recensionsformulär.
- Klicka på Lägg till avsnitt.
- Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
- Valfritt: Flytta appavsnittet till den plats du önskar på sidan.
- Klicka på Spara.
Lägg till recensioner och recensionsformuläret som ett block
- Från din Shopify admin går du till Webbshop > teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Navigera till den sida och det avsnitt där du vill lägga till blocket för recension och recensionsformulär.
- Klicka på Lägg till block.
- Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
- Valfritt: Flytta blocket Recensioner till den plats du önskar i avsnittet.
- 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.
- Från din Shopify admin går du till Webbshop > teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Från Shopify appen, tryck på butik.
- I avsnittet försäljningskanaler trycker du på webbshop.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Tryck på Redigera.
- Navigera till den sida och det avsnitt där du vill lägga till stjärnklassificeringen.
- Klicka på Lägg till block.
- Välj appblocket för Stjärnklassificering i rullgardinsmenyn i app-avsnittet.
- Valfritt: Flytta blocket Stjärnklassificering till den plats du önskar i avsnittet eller anpassa stjärnornas färg, storlek, justering och sammanhang.
- Klicka på Spara.
Lägg till recensioner och ett granskningsformulär för din produktsida i sektionerat tema
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
product-template.liquid
i katalogen Avsnitt.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 }}
.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>
- Klicka på Spara.
Lägg till recensionspoängsmärken till dina kollektionssidor i sektionerat tema
Från din Shopify-admin går du till Webbutik > Teman.
Leta reda på det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
product-grid-item.liquid
-filen i katalogen Utdrag.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 }}
.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.
- 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:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
product-template.liquid
i katalogen Avsnitt.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 }}
.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.
- Klicka på Spara.
Lägg till recensionspoängsmärken till din utvalda produkt i sektionerat tema
Så här lägger du till recensionspoängsmärken för din utvalda produkt på webbplatsen:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
featured-product.liquid
-filen i katalogen avsnitt.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 }}
.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.
- Klicka på Spara.
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:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
product.liquid
i mallkatalogen.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 }}
.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>
- 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:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
product-grid-item.liquid
i utdrag-katalogen.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 }}
.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.
- 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:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbshop i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera, klicka på knappen ... för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Öppna
product.liquid
i mallkatalogen.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 }}
.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.
- Klicka på Spara.