Utilizza l'app Product Reviews
Dopo aver installato l'app Product Reviews, puoi aggiungere moduli di recensione alle pagine dei prodotti e badge dei punteggi delle recensioni nelle pagine sia dei prodotti sia delle collezioni.
I passaggi di questo tutorial variano a seconda della versione della struttura del tema.
Clicca sul pulsante per la versione della struttura del tema, quindi segui le istruzioni per aggiungere elementi per la recensione al tuo negozio online.
Aggiunta delle recensioni e di un modulo per le recensioni nei temi dell'Online Store 2.0
Puoi aggiungere il blocco app delle recensioni e del modulo per le recensioni come sezione sul modello del prodotto o come blocco nella sezione di prodotto principale del modello del prodotto. Queste opzioni sono disponibili in tutti i temi dell'Online Store 2.0 dal Theme store di Shopify. A seconda del tema, potresti essere in grado di aggiungerli ad altre sezioni o modelli.
Aggiunta delle recensioni e del modulo per le recensioni come sezione
- Dal pannello di controllo Shopify vai a Negozio online > Temi.
- Trova il tema che desideri modificare e clicca su Personalizza.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Vai al modello di prodotto in cui desideri aggiungere la sezione delle recensioni e del modulo per le recensioni.
- Clicca su Aggiungi sezione.
- Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
- Facoltativo: sposta la sezione app nel punto della pagina che desideri.
- Clicca su Salva.
Aggiunta delle recensioni e del modulo per le recensioni come blocco
- Dal pannello di controllo Shopify vai a Negozio online > Temi.
- Trova il tema che desideri modificare e clicca su Personalizza.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Vai alla pagina e alla sezione in cui desideri aggiungere il blocco delle recensioni e del modulo per le recensioni.
- Clicca su Aggiungi blocco.
- Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
- Facoltativo: sposta il blocco Reviews (Recensioni) nel punto della sezione che desideri.
- Clicca su Salva.
Aggiunta delle valutazioni in stelle nei temi dell'Online Store 2.0
Puoi aggiungere valutazioni in stelle come blocco nella sezione di prodotto principale del modello di prodotto. Questa opzione è disponibile in tutti i temi dell'Online Store 2.0 dal Theme store di Shopify. A seconda del tema, potresti essere in grado di aggiungerli ad altre sezioni e modelli.
- Dal pannello di controllo Shopify vai a Negozio online > Temi.
- Trova il tema che desideri modificare e clicca su Personalizza.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Dall'app di Shopify, tocca Negozio.
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare e tocca Personalizza.
- Tocca Modifica.
- Vai alla pagina e alla sezione in cui desideri aggiungere la valutazione in stelle.
- Clicca su Aggiungi blocco.
- Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Star rating (Valutazione in stelle).
- Facoltativo: sposta il blocco Star rating (Valutazione in stelle) nel punto desiderato nella sezione o personalizza il colore, le dimensioni, l'allineamento e il contesto delle stelle.
- Clicca su Salva.
Aggiungere recensioni e un relativo modulo alle pagine dei prodotti in temi con sezioni
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Sections, apri
product-template.liquid
.Trova nel codice l'area in cui vuoi posizionare le recensioni. In genere, si trova sotto la descrizione del prodotto. Per individuare la descrizione del prodotto nel file, cerca il tag Liquid
{{ product.description }}
.Sotto il codice che contiene il tag Liquid
{{ product.description }}
, incolla il seguente frammento:
<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>
- Clicca su Salva.
Aggiungi badge dei punteggi delle recensioni alle pagine di collezioni in temi con sezioni
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, quindi clicca su Azioni > Modifica codice.
Nella directory Frammenti, apri il file
product-grid-item.liquid
.Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid
{{ product.title }}
.Su una nuova riga sotto il codice che contiene il tag Liquid
{{ product.title }}
, incolla il seguente frammento:
<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.
- Clicca su Salva.
Aggiungi badge dei punteggi delle recensioni alle pagine dei prodotti in temi con sezioni
Per aggiungere badge dei punteggi delle recensioni alle pagine dei prodotti:
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Sections, apri
product-template.liquid
.Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid
{{ product.title }}
.Su una nuova riga sotto il codice che contiene il tag Liquid
{{ product.title }}
, incolla il seguente frammento:
<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.
- Clicca su Salva.
Aggiungi badge dei punteggi delle recensioni al prodotto in primo piano in temi con sezioni
Per aggiungere badge dei punteggi delle recensioni al prodotto in primo piano nella homepage:
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Sections, apri il file
featured-product.liquid
.Trova nel frammento l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid
{{ title }}
. Se non riesci a individuare il tag{{ title }}
, cerca il tag{{ product.title }}
.Su una nuova riga sotto il codice che contiene il tag Liquid
{{ product.title }}
, incolla il seguente frammento:
<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.
- Clicca su Salva.
Aggiungi recensioni e un relativo modulo alle pagine dei prodotti in temi senza sezioni
Per aggiungere moduli di recensione alle pagine dei prodotti:
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Modelli, apri
product.liquid
.Trova nel codice l'area in cui vuoi posizionare le recensioni. In genere, si trova sotto la descrizione del prodotto. Per individuare la descrizione del prodotto nel file, cerca il tag Liquid
{{ product.description }}
.Sotto il codice che contiene il tag Liquid
{{ product.description }}
, incolla il seguente frammento:
<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>
- Clicca su Salva.
Aggiungi badge dei punteggi delle recensioni alle pagine di collezioni in temi senza sezioni
Per aggiungere badge dei punteggi delle recensioni alle pagine di collezioni:
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Frammenti, apri
product-grid-item.liquid
.Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid
{{ product.title }}
.Su una nuova riga sotto il codice che contiene il tag Liquid
{{ product.title }}
, incolla il seguente frammento:
<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.
- Clicca su Salva.
Aggiungi badge dei punteggi delle recensioni alle pagine dei prodotti in temi senza sezioni
Per aggiungere badge dei punteggi delle recensioni alle pagine dei prodotti:
Dal pannello di controllo Shopify passa a Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nell'app Shopify tocca Negozio.
Nella sezione Canali di vendita, tocca Negozio online.
Tocca Gestisci temi.
Trova il tema che desideri modificare, clicca sul pulsante ... per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Modelli, apri
product.liquid
.Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid
{{ product.title }}
.Su una nuova riga sotto il codice che contiene il tag Liquid
{{ product.title }}
, incolla il seguente frammento:
<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.
- Clicca su Salva.