Produktfragen und -antworten für Shopify
KI-Fragen-und-Antworten-Widget für die Produktseiten deines Shopify-Shops.
Voraussetzung: Shopify verbunden
Dieses Plugin erfordert, dass Shopify mit WAzion verbunden ist, um die Produktinformationen zu erhalten. Wenn du es noch nicht verbunden hast, gehe zu Dashboard → Integrationen → Shopify.
Was ist Product Q&A?
Product Q&A ist ein Widget, das in die Produktseiten deines Shopify-Shops integriert wird. Es ermöglicht Besuchern, spezifische Fragen zum Produkt zu stellen und sofortige Antworten von der KI zu erhalten, basierend auf den tatsächlichen Produktinformationen.
- • Antworten basierend auf Titel, Beschreibung, Varianten und Lagerbestand des Produkts
- • Es ist keine Prompt-Konfiguration erforderlich (aber du kannst zusätzliche Anweisungen hinzufügen).
- • Mehrsprachige Unterstützung mit automatischer Übersetzung
- • 10 Design-Themen zur Kombination mit deinem Geschäft
- • Fragenstatistiken pro Produkt
Wie man das Plugin aktiviert
- Öffne das Dashboard von WAzion
- Gehe zu „Plugins“ → „Product Q&A“
- Schalte den Schalter „Plugin aktiv“ ein
- Fügen Sie Ihre Domain unter „Autorisierte Domains“ hinzu (z. B. mitienda.myshopify.com)
- Kopiere den Integrationscode
- Fügen Sie es in die Datei main-product.liquid Ihres Shopify-Themas ein
Integrationscode
Dies ist der Code, den du zu deinem Shopify-Theme hinzufügen musst:
<!-- WAzion Product Q&A --> <div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A -->
Hinweis: {{ product.id }} ist eine Liquid-Variable, die Shopify automatisch durch die aktuelle Produkt-ID ersetzt. Ändere sie nicht.
Schritt-für-Schritt-Anleitung: Installation in Shopify
Folge diesen detaillierten Schritten, um das Product-Q&A-Widget zu den Produktseiten deines Shopify-Shops hinzuzufügen.
Greife auf den Code-Editor des Themes zu
In deinem Shopify-Administrationsbereich:
- Klicke im linken Seitenmenü auf Online-Shop
- Wähle Themen aus
- In deinem aktuellen Thema (das mit “Aktuell“ bezeichnet ist), klicke auf die drei Punkte (...)
- Im Dropdown-Menü Code bearbeiten auswählen
Ratschlag: Bevor du Änderungen vornimmst, ziehe in Betracht, dein Thema als Sicherung zu duplizieren. Gehe zu den drei Punkten und wähle „Duplizieren“.
Suche die Datei der Produktseite
Im linken Seitenbereich des Code-Editors:
Themen Online Store 2.0 (Dawn, usw.)
- Erweitern Sie den Ordner Abschnitte
- Suche und klicke auf main-product.liquid
Alte Themen (Vintage, Debüt, etc.)
- Erweitere den Ordner Templates
- Suche product.liquid oder product-template.liquid
Findest du es nicht? Verwenden Sie Strg+F (oder Cmd+F auf dem Mac) in der Dateiliste und suchen Sie nach “product“.
Finde heraus, wo der Code eingefügt werden soll
Suche einen guten Platz für das Widget. Wir empfehlen, es nach der Produktbeschreibung zu platzieren:
Gemeinsame Referenzen suchen:
Verwenden Sie Strg+F (Cmd+F auf dem Mac), um diese Referenzen zu suchen:
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Ideale Lage: Nach dem Formular zum Hinzufügen zum Warenkorb oder nach der Produktbeschreibung.
Fügen Sie den Widget-Code ein
Fügen Sie den folgenden Code an der von Ihnen gewählten Stelle ein:
<!-- WAzion Product Q&A Widget --> <div id="wazion-product-qa" style="margin: 20px 0;"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A Widget -->
Wichtig! Ersetze TU_TOKEN_AQUI durch den Token, der in deinem Dashboard von WAzion → Plugins → Product Q&A angezeigt wird.
Änderungen speichern
Klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke des Code-Editors.
Überprüfe die Installation
- Öffne deinen Laden in einem Inkognitofenster
- Gehe auf eine beliebige Produktseite
- Du solltest das Widget für Produktfragen und -antworten ansehen.
- Stelle eine Testfrage, um zu überprüfen, ob es funktioniert
Alternativmethode: Einen Abschnittsblock erstellen (Online Store 2.0)
Diese Methode ermöglicht es dir, das Widget direkt im visuellen Customizer hinzuzufügen oder zu entfernen, ohne jedes Mal Code anfassen zu müssen:
- Im Code-Editor gehe zum Ordner Snippets
- Klicke auf Neuen Snippet hinzufügen
- Nenne es wazion-product-qa (es wird als wazion-product-qa.liquid erstellt)
- Fügen Sie den Widget-Code ein und speichern Sie.
- Jetzt in main-product.liquid, wo immer du das Widget haben möchtest, füge hinzu:
{% render 'wazion-product-qa' %}
So kannst du das Widget ganz einfach verschieben oder entfernen, indem du nur eine Zeile bearbeitest.
Fehlerbehebung
Das Widget erscheint nicht auf der Produktseite
- → Überprüfen Sie, ob das Plugin im Dashboard → Plugins → Product Q&A aktiviert ist.
- → Stelle sicher, dass deine Domain auf der Liste der autorisierten Domains steht.
- → Überprüfen Sie, ob Shopify mit WAzion verbunden ist
- → Öffne die Browserkonsole (F12 → Konsole) und suche nach roten Fehlern.
- → Teste im Inkognito-Fenster, um Cache-Probleme auszuschließen
Fehler “Ungültiges Token“ oder “Nicht autorisierte Domain
- → Kopieren Sie den Token direkt vom Dashboard, ohne Leerzeichen
- → Fügen Sie Ihre genaue Domain zu den autorisierten hinzu: mitienda.myshopify.com und mitienda.com
- → Warten Sie einige Sekunden nach dem Speichern der Änderungen im Dashboard.
Das Widget erscheint, aber es steht dort “Fehler beim Laden des Produkts“.
- → Überprüfen Sie, ob Shopify im Dashboard → Integrationen verbunden ist
- → Stelle sicher, dass du {{ product.id }} im Code nicht verändert hast
- → Das Produkt muss im Shop veröffentlicht und sichtbar sein.
Das Widget erscheint an der falschen Stelle
- → Verschieben Sie den Code an eine andere Stelle in main-product.liquid
- → Suche nach Referenzen wie “product__description“, um es darunter zu platzieren
- → Verwenden Sie den Stil margin im Div, um den Abstand anzupassen: style=“margin: 30px 0;
Ich weiß nicht, welche Datei ich in meinem Thema bearbeiten soll.
Übliche Dateien nach Thema:
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
Wenn dein Thema nicht in der Liste ist, suche nach Dateien, die “product“ in Sections oder Templates enthalten.
Einstellungen Optionen
Autorisierte Domains
Liste der Domains, auf denen das Widget funktionieren kann. Aus Sicherheitsgründen ist die Nutzung nur von autorisierten Domains erlaubt.
- • mitienda.myshopify.com
- • mitienda.com (benutzerdefinierte Domain)
- • * (jede Domain – nur für Entwicklung)
Design-Themen
10 vorgefertigte Themen, um das Widget an deinen Shop anzupassen:
Widget-Texte
Personalisiere die Texte, die der Besucher sieht:
- • Widget-Titel (z.B.: “Fragen zu diesem Produkt“)
- • Platzhalter für das Textfeld
- • Fragetaste
Die Texte werden automatisch in die Sprache des Besuchers übersetzt.
Anweisungen für die KI (optional)
Du kannst zusätzliche Informationen hinzufügen, die die KI bei der Beantwortung berücksichtigen wird:
- • Versand- und Rückgabebedingungen
- • Aktive Aktionen
- • Spezielle Anweisungen (z.B.: „Keine Erwähnung von Konkurrenzprodukten“)
- • Kontaktinformationen
Dieses Feld ist optional. Ohne zusätzliche Anweisungen wird die KI nur die Informationen des Shopify-Produkts verwenden, um zu antworten.
Spracheinstellung
Automatisch erkennen
Erkennt automatisch die Sprache des Browserbesuchers.
Feste Sprache
Immer in einer bestimmten Sprache anzeigen.
Mit Auswahlwerkzeug
Erkennt die Sprache automatisch, ermöglicht dem Besucher jedoch, die Sprache manuell zu ändern.
Missbrauchsschutz
Begrenze die Anzahl der Fragen pro Besucher, um dein Konto zu schützen:
- • Maximale Fragen pro Zeitraum (z. B. 20 Fragen)
- • Zeitfenster in Minuten (z.B. 60 Minuten)
Statistiken und Fragen-Viewer
Nutzungsmetriken
- • Gesamtfragen
- • Fragen in den letzten 7 Tagen
- • Heutige Fragen
- • Einzigartige Besucher (24h)
Meist gesuchte Produkte
Zeige ein Ranking der 5 Produkte mit den meisten Fragen. Nützlich, um zu erkennen, welche Produkte die meisten Zweifel aufwerfen.
Fragenanzeige
Überprüfen Sie alle von den Besuchern gestellten Fragen:
- • Filter nach Zeitraum: Heute, 7 Tage, 30 Tage, 90 Tage, 1 Jahr, alle oder benutzerdefinierter Bereich
- • Paginierte Liste: Durchblättere alle Fragen (10 pro Seite)
- • Vollständige Einzelheiten: Siehe Frage, KI-Antwort, Produkt, Sprache und URL
- • FAQ-Zustand: Jede Frage zeigt an, ob sie bereits als FAQ veröffentlicht wurde.
- • Manuell veröffentlichen: Veröffentlichen Sie jede Frage mit einem Klick als FAQ
Neu: Die Spalte “FAQ“ zeigt den Status jeder Frage an: ein grüner Haken, wenn sie mit Shopify synchronisiert ist, ein gelbes Abzeichen, wenn sie auf die Synchronisierung wartet, oder eine Schaltfläche +, um sie manuell zu veröffentlichen.
Häufig gestellte Fragen zur Veröffentlichung in Shopify Neu
Veröffentliche automatisch die häufigsten Fragen deiner Kunden als FAQs auf den Shopify-Produkten. Verbessere dein SEO mit Schema.org FAQPage und reduziere wiederholte Fragen.
Was ist die öffentliche FAQ?
Wenn ein Kunde eine allgemeine Frage zu einem Produkt stellt (zum Beispiel: „Ist es wasserfest?“ oder „Wie lange dauert der Versand?“), bewertet die KI, ob diese Frage und Antwort auch für andere Kunden nützlich wären.
Wenn die KI entscheidet, dass es sich um eine gute FAQ handelt, wird diese automatisch im Metafeld des Produkts in Shopify veröffentlicht. Anschließend kannst du diese FAQs mit dem von uns bereitgestellten Liquid-Code in deinem Theme anzeigen.
Besseres SEO
Google zeigt deine FAQs als Rich Snippets an
Weniger Fragen
Die Kunden sehen Antworten, bevor sie fragen.
100% automatisch
Ohne manuelle Moderation erforderlich
Wie funktioniert es
-
1
KI-Bewertung
Wenn ein Kunde eine Frage stellt, bewertet die KI, ob sie allgemein ist (für andere nützlich) und keine persönlichen Daten enthält.
-
2
Automatische Übersetzung
Wenn der Kunde in einer anderen Sprache fragt, wird die FAQ automatisch in die Hauptsprache deines Shops übersetzt.
-
3
Anti-Duplikate
Es wird überprüft, dass keine ähnliche FAQ (80% Ähnlichkeit) bereits existiert, bevor sie veröffentlicht wird.
-
4
Veröffentlichung auf Shopify
Die FAQ wird im Metafeld wazion.faqs des Produkts gespeichert, bereit zur Anzeige in deinem Theme.
Wie man die öffentliche FAQ aktiviert
- Gehe zu Dashboard → Plugins → Produkt Q&A
- Suche den Abschnitt “FAQ Veröffentlichen in Shopify
- Schalte den Schalter „Öffentliche FAQ aktivieren“ ein
- Wenn eine Berechtigungsbenachrichtigung erscheint, klicken Sie auf „Berechtigung überprüfen“
- Stelle die maximale Anzahl an FAQs pro Produkt ein (1-20)
- Änderungen speichern
Über die Genehmigung: Um FAQs in Shopify zu schreiben, benötigen Sie die Berechtigung “write_products“. Wenn Sie diese nicht haben, gehen Sie zu Ihrem Shopify-Dashboard → Apps → WAzion → Berechtigungen, um sie hinzuzufügen.
Verwaltung veröffentlichter FAQs
Obwohl die FAQs automatisch veröffentlicht werden, haben Sie volle Kontrolle über das Dashboard:
- • Siehe FAQs: Liste aller veröffentlichten FAQs, gefiltert nach Produkt oder Status
- • Manuell veröffentlichen: Unter “Letzte Fragen“ kannst du jede Frage mit einem Klick als FAQ veröffentlichen.
- • Entveröffentlichen Entferne eine FAQ von Shopify, aber bewahre sie in deinem Verlauf auf.
- • Neu veröffentlichen Eine zuvor zurückgezogene FAQ erneut veröffentlichen
- • Löschen Lösche eine FAQ dauerhaft
FAQs in deinem Shopify-Theme anzeigen
Du musst zwei Codes in deine Datei main-product.liquid hinzufügen:
1. Visueller Code (HTML)
Zeigen Sie Ihren Kunden die FAQs. Fügen Sie sie dort ein, wo sie erscheinen sollen:
<!-- WAzion Product FAQs -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<div class="product-faqs">
<h3 class="product-faqs__title">Preguntas Frecuentes</h3>
{% for faq in faqs_data.faqs %}
<details class="product-faqs__item">
<summary class="product-faqs__question">{{ faq.q }}</summary>
<div class="product-faqs__answer">{{ faq.a | newline_to_br }}</div>
</details>
{% endfor %}
</div>
{% endif %}
2. JSON-LD für SEO (Google Rich Snippets)
Für Benutzer unsichtbar, aber Google verwendet es, um FAQs in den Suchergebnissen anzuzeigen. Fügen Sie es am Ende der Datei hinzu:
<!-- WAzion FAQs JSON-LD for SEO -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{% for faq in faqs_data.faqs %}
{
"@type": "Question",
"name": {{ faq.q | json }},
"acceptedAnswer": {
"@type": "Answer",
"text": {{ faq.a | json }}
}
}{% unless forloop.last %},{% endunless %}
{% endfor %}
]
}
</script>
{% endif %}
Code 1: Ohne Stile, damit es von deinem Thema geerbt wird. Mit CSS anpassen.
Code 2: Google Rich Snippets in Suchergebnissen.
Welche Fragen werden NICHT veröffentlicht?
Die KI filtert automatisch Fragen heraus, die nicht für öffentliche FAQs geeignet sind.
- ✗ Fragen mit persönlichen Daten (Namen, E-Mails, Telefonnummern)
- ✗ Anfragen zu bestimmten Bestellungen (Bestellnummern, Sendungsverfolgung)
- ✗ Einzelne Beschwerden oder Probleme
- ✗ Sehr spezifische Fragen, die für andere Kunden nicht zutreffen würden
- ✗ Doppelte Fragen (ähnlich wie bereits veröffentlichte FAQs)
Produkt-FAQ vs Chat-Web
| Merkmal | Product Q&A | Chat Web |
|---|---|---|
| Zweck | Fragen zu einem bestimmten Produkt | Allgemeiner Assistent für die gesamte Website |
| KI-Kontext | Produktinformationen von Shopify | Dein personalisierter Prompt |
| Standort | Produktseite | Jede Seite (schwebend oder eingebettet) |
| Benötigt Shopify | Ja | Nein |
| Aufforderungseinstellung | Optional (zusätzliche Anweisungen) | Empfohlen |
