Verwenden der Product Reviews-App

Diese Seite wurde gedruckt um Sep 18, 2021. Die neueste Version findest du unter https://help.shopify.com/de/manual/products/product-reviews/installation.

Nachdem du die Product Reviews-App installiert hast, kannst du zu deinen Produktseiten Bewertungsformulare und zu deinen Produkt- und Kategorieseiten Bewertungssiegel hinzufügen.

Die Schritte für dieses Tutorial unterscheiden sich je nach dem, welche Theme-Architekturversion du verwendest.

Klicke auf die Schaltfläche für deine Theme-Architekturversion und befolge dann die Anweisungen, um Bewertungselemente zu deinem Onlineshop hinzuzufügen.

Hinzufügen von Bewertungen und einem Bewertungsformular zu Online Store 2.0-Themes

Du kannst den App-Block für Bewertungen und das Bewertungsformular als Abschnitt zu deiner Produktvorlage oder als Block im Haupt-Produktabschnitt der Produktvorlage hinzufügen. Diese Optionen sind für alle Online Store 2.0-Themes aus dem Shopify Theme Store verfügbar. Du kannst sie je nach Theme eventuell auch zu anderen Vorlagen oder Abschnitten hinzufügen.

Bewertungen und Bewertungsformular als Abschnitt hinzufügen

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Navigiere zur Produktvorlage, zu der du den Bewertungs- und Bewertungsformularabschnitt hinzufügen möchtest.
Klicke auf Abschnitt hinzufügen.
Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
Optional: Verschiebe den App-Abschnitt an die Stelle, wo er auf der Seite angezeigt werden soll.
Klicke auf Speichern.

Bewertungen und Bewertungsformular als Block hinzufügen

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Navigiere zu der Seite und dem Abschnitt, zu dem du den Bewertungs- und Bewertungsformularblock hinzufügen möchtest.
Klicke auf Block hinzufügen.
Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
Optional: Verschiebe den Bewertungsblock an die Stelle, wo er im Abschnitt angezeigt werden soll.
Klicke auf Speichern.

Hinzufügen von Sternebewertung bei Online Store 2.0-Themes

Du kannst Sternebewertungen als Block zum Haupt-Produktabschnitt der Produktvorlage hinzufügen. Diese Option ist für alle Online Store 2.0-Themes aus dem Shopify Theme Store verfügbar. Du kannst sie je nach Theme eventuell auch zu anderen Abschnitten oder Vorlagen hinzufügen.

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Tippe in der Shopify-App auf Shop.
Tippe im Bereich Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
Tippe auf Bearbeiten.

Navigiere zu der Seite und dem Abschnitt, zu dem du die Sternebewertung hinzufügen möchtest.
Klicke auf Block hinzufügen.
Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Sternebewertung.
Optional: Verschiebe den Sternebewertungsblock an die Stelle, an der er in dem Abschnitt erscheinen soll, oder passe die Sternfarbe, -größe, -ausrichtung oder den Kontext an.
Klicke auf Speichern.

Bewertungen und ein Bewertungsformular auf der Produktseite in Themes mit Abschnitten einfügen

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Abschnitte product-template.liquid.
Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

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

Deine Code-Platzierung könnte etwa so aussehen:

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

Klicke auf Speichern.

Bewertungssiegel zu deinen Kategorieseiten in Themes mit Abschnitten einfügen

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.
Öffne im Verzeichnis Snippets die Datei product-grid-item.liquid.

In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach Folgendem:

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

Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

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

Deine Code-Platzierung könnte etwa so aussehen:

<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 kannst experimentieren, indem du den Code an verschiedenen Stellen in der Datei platzierst, um so zu sehen, wo du ihn am besten findest.

Klicke auf Speichern.

Bewertungssiegel zu deiner Produktseite in Themes mit Abschnitten einfügen

So fügst du Bewertungssiegel zu deinen Produktseiten hinzu:

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Abschnitte product-template.liquid.
Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

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

Deine Code-Platzierung könnte etwa so aussehen:

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

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

Du kannst experimentieren, indem du den Code an verschiedenen Stellen in der Datei platzierst, um so zu sehen, wo du ihn am besten findest.

Klicke auf Speichern.

Bewertungssiegel zu deinem vorgestellten Produkt in Themes mit Abschnitten einfügen

So fügst du Bewertungssiegel zu vorgestellten Produkten auf der Startseite hinzu:

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Abschnitte die Datei featured-product.liquid.
Suche den Bereich im Snippet, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ title }}. Wenn du das {{ title }}-Tag nicht findest, suche nach dem {{ product.title }}-Tag.
Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

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

Deine Code-Platzierung könnte etwa so aussehen:

<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 kannst experimentieren, indem du den Code an verschiedenen Stellen in der Datei platzierst, um so zu sehen, wo du ihn am besten findest.

Klicke auf Speichern.

Bewertungen und Bewertungsformular auf der Produktseite in Themes ohne Abschnitte einfügen

Um zu deinen Produktseiten Bewertungsformulare hinzuzufügen:

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Vorlagen den Link product.liquid.
Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

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

Deine Code-Platzierung könnte etwa so aussehen:

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

Klicke auf Speichern.

Bewertungssiegel zu deinen Kategorieseiten in Themes ohne Abschnitte einfügen

So fügst du Bewertungssiegel zu den Kategorieseiten hinzu:

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Snippets den Link product-grid-item.liquid.

In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach Folgendem:

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

Wenn dein Theme keine der obengenannten Dateien enthält, könnte es sein, dass dein Produkt-Grid-Code in der Datei collection.liquid im Verzeichnis Vorlagen zu finden ist.

Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

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

Deine Code-Platzierung könnte etwa so aussehen:

<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 kannst experimentieren, indem du den Code an verschiedenen Stellen in der Datei platzierst, um so zu sehen, wo du ihn am besten findest.

Klicke auf Speichern.

Bewertungssiegel zu deiner Produktseite in Themes ohne Abschnitte einfügen

So fügst du Bewertungssiegel zu deinen Produktseiten hinzu:

Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.

Öffne im Verzeichnis Vorlagen den Link product.liquid.
Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

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

Deine Code-Platzierung könnte etwa so aussehen:

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

Du kannst experimentieren, indem du den Code an verschiedenen Stellen in der Datei platzierst, um so zu sehen, wo du ihn am besten findest.

Klicke auf Speichern.

Verwenden der Product Reviews-App

Hinzufügen von Bewertungen und einem Bewertungsformular zu Online Store 2.0-Themes

Bewertungen und Bewertungsformular als Abschnitt hinzufügen

Bewertungen und Bewertungsformular als Block hinzufügen

Hinzufügen von Sternebewertung bei Online Store 2.0-Themes

Bewertungen und ein Bewertungsformular auf der Produktseite in Themes mit Abschnitten einfügen

Bewertungssiegel zu deinen Kategorieseiten in Themes mit Abschnitten einfügen

Bewertungssiegel zu deiner Produktseite in Themes mit Abschnitten einfügen

Bewertungssiegel zu deinem vorgestellten Produkt in Themes mit Abschnitten einfügen

Bewertungen und Bewertungsformular auf der Produktseite in Themes ohne Abschnitte einfügen

Bewertungssiegel zu deinen Kategorieseiten in Themes ohne Abschnitte einfügen

Bewertungssiegel zu deiner Produktseite in Themes ohne Abschnitte einfügen

Bereit, mit Shopify zu verkaufen?