Termék kérdések és válaszok Shopify-hoz
AI alapú kérdés-válasz widget a Shopify áruházad termékoldalaihoz.
Követelmény: Csatlakoztatott Shopify
Ez a beépülő modul megköveteli, hogy a Shopify csatlakoztatva legyen a WAzionhoz a termékadatok lekéréséhez. Ha még nem csatlakoztattad, menj a Vezérlőpult → Integrációk → Shopify menüpontra.
Mi az a Product Q&A?
A Product Q&A egy widget, amely integrálódik a Shopify áruházad termékoldalaiba. Lehetővé teszi a látogatók számára, hogy konkrét kérdéseket tegyenek fel a termékről, és azonnali válaszokat kapjanak a mesterséges intelligenciától, a termék valós információi alapján.
- • Válaszok a termék címkéje, leírása, változatai és készlete alapján
- • Nem szükséges prompt beállítása (de adhatsz hozzá további utasításokat)
- • Többnyelvű támogatás automatikus fordítással
- • 10 dizájn téma az üzletedhez való kombináláshoz
- • Termékenkénti kérdésstatisztikák
Hogyan aktiváljuk a bővítményt
- Nyisd meg a WAzion irányítópultját
- Menj a “Plugins“ → “Product Q&A“ menüpontra
- Kapcsold be az „Aktív bővítmény” kapcsolót
- Add hozzá a domainedet az “Engedélyezett domainek“ mezőhöz (pl.: mitienda.myshopify.com)
- Másolja az integrációs kódot
- Illeszd be a Shopify témád main-product.liquid fájljába
Integrációs kód
Ez a kód, amelyet hozzá kell adnod a Shopify témádhoz:
<!-- 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 -->
Megjegyzés: {{ product.id }} egy Liquid változó, amelyet a Shopify automatikusan lecserél a jelenlegi termék azonosítójára. Ne módosítsd.
Lépésről lépésre útmutató: Telepítés Shopify-ban
Kövesse ezeket a részletes lépéseket a Product Q&A widget hozzáadásához a Shopify áruháza termékoldalaihoz.
Lépj be a téma kódszerkesztőjébe
A Shopify adminisztrációs paneljén:
- Kattintson a Online bolt elemre a bal oldali oldalsáv menüben
- Válassza ki a Témákat
- A jelenlegi témádban (amelyiken az „Aktuális” felirat szerepel), kattints a három pontra (...)
- A legördülő menüben válaszd az Kód szerkesztése opciót
Tanács: Mielőtt módosításokat hajtasz végre, fontold meg, hogy készítesz egy másolatot a témádról biztonsági mentésként. Kattints a három pontra, majd válaszd a „Duplikálás” lehetőséget.
Keresd meg a termékoldal fájlját
A kód szerkesztő bal oldali oldalsávján:
Temas Online Store 2.0 (Dawn, stb.)
- Nyisd ki a Sections mappát
- Keresd meg és kattints a main-product.liquid elemre
Régi témák (Vintage, Debut, stb.)
- Bontsa ki a Templates mappát
- Keresd a product.liquid vagy a product-template.liquid fájlt
Nem találod? Használd a Ctrl+F-et (vagy Cmd+F-et Mac-en) a fájllista kereséséhez, és írd be, hogy “product“.
Találd meg, hová kell beilleszteni a kódot
Keress egy jó helyet a widgetnek. Ajánljuk, hogy a termékleírás után helyezd el:
Közös hivatkozások keresése
Használd a Ctrl+F-et (Mac-en Cmd+F), hogy megkeresd ezeket a hivatkozásokat:
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Ideális elhelyezkedés: A kosárhoz adás űrlapja után vagy a termék leírása után.
Illessze be a widget kódját
Illeszd be a következő kódot az általad választott helyre:
<!-- 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 -->
Fontos! Cseréld ki a TU_TOKEN_AQUI részt arra a tokenre, ami a WAzion Vezérlőpultodon található → Bővítmények → Termék Kérdések és Válaszok alatt.
Mentse el a módosításokat
Kattints a Mentés gombra a kódszerkesztő jobb felső sarkában.
Ellenőrizze a telepítést
- Nyisd meg az üzletedet egy privát böngészőablakban
- Menj a termék bármelyik oldalára
- Látnod kellene a Termék Kérdések és Válaszok widgetet
- Adj egy próbakérdést annak ellenőrzésére, hogy működik-e.
Alternatív módszer: Szekcióblokk létrehozása (Online Store 2.0)
Ez a módszer lehetővé teszi, hogy a widgetet hozzáadd/eltávolítsd a vizuális testreszabóból anélkül, hogy minden alkalommal kódot kellene módosítanod.
- A kódszerkesztőben menj a Snippets mappába
- Kattints a Új snippet hozzáadása gombra
- Nevezd el wazion-product-qa-nak (wazion-product-qa.liquid néven fog létrejönni)
- Illessze be a widget kódját és mentse el
- Most a main-product.liquid fájlban, ahol csak akarod a widgetet, illeszd be:
{% render 'wazion-product-qa' %}
Így könnyedén áthelyezheted vagy eltávolíthatod a widgetet, csak egy sort szerkesztve.
Hibaelhárítás
A widget nem jelenik meg a termékoldalon
- → Ellenőrizze, hogy a bővítmény aktiválva van-e az Irányítópult → Bővítmények → Termék Kérdések és Válaszok alatt.
- → Ellenőrizd, hogy a domained szerepel-e az engedélyezett domainek listáján
- → Ellenőrizze, hogy a Shopify csatlakoztatva van-e a WAzionhoz
- → Nyisd meg a böngésző konzolját (F12 → Konzol), és keresd a piros hibákat
- → Próbáld meg inkognitó ablakban, hogy kizárd a gyorsítótárazási problémákat
Hibás token“ vagy “Nem engedélyezett domain“ hiba
- → Másold át a tokent közvetlenül a Műszerfalról, szóközök nélkül
- → Add meg pontos domaineket az engedélyezettek között: mitienda.myshopify.com és mitienda.com
- → Várjon néhány másodpercet a Vezérlőpulton végrehajtott módosítások mentése után
A widget megjelenik, de azt írja: “Hiba a termék betöltésekor
- → Ellenőrizze, hogy a Shopify csatlakoztatva van-e a Vezérlőpultról → Integrációk
- → Győződj meg róla, hogy nem módosítottad a {{ product.id }} értékét a kódban.
- → A terméknek meg kell jelennie és láthatónak kell lennie az üzletben.
A widget rossz helyen jelenik meg
- → Mozdítsa a kódot egy másik helyre a main-product.liquid fájlban
- → Keressen olyan hivatkozásokat, mint a „product__description”, hogy alá helyezze.
- → Használd a margin stílust a div-ben a távolság igazításához: style=“margin: 30px 0;
Nem tudom, melyik fájlt szerkesszem a témámban
Gyakori fájlok témánként:
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
Ha a témád nincs a listán, keress olyan fájlokat, amelyek a Sections vagy Templates mappában “product“ szót tartalmaznak.
Beállítási lehetőségek
Engedélyezett domainek
A domainek listája, ahol a widget működhet. Biztonsági okokból csak engedélyezett domainekről használható.
- • mitienda.myshopify.com
- • mitienda.com (saját domain)
- • * (bármelyik domain - csak fejlesztéshez)
Tervezési témák
10 előre elkészített témák a widget áruházadhoz való igazításához:
Widget szövegek
Testreszabhatod a látogató által látott szövegeket:
- • A widget címe (pl.: „Kérdések ezzel a termékkel kapcsolatban”)
- • Szövegmező helyőrzője
- • Kérdés gomb szövege
A szövegek automatikusan a látogató nyelvére fordulnak.
Útmutatások az MI-hez (választható)
Hozzáadhatsz további információkat, amelyeket a mesterséges intelligencia figyelembe vesz a válaszadás során:
- • Szállítási és visszaküldési irányelvek
- • Aktív promóciók
- • Különleges utasítások (pl.: „Ne említsd a versenytárs termékeit”)
- • Kapcsolattartási adatok
Ez a mező választható. További utasítások hiányában az MI kizárólag a Shopify termékinformációit fogja használni a válaszadáshoz.
Nyelvbeállítások
Automatikus érzékelés
Automatikusan felismeri a látogató böngészőjének nyelvét.
Rögzített nyelv
Mindig egy adott nyelven jelenik meg.
Választóval
Automatikusan érzékeli, de lehetővé teszi a látogató számára, hogy manuálisan válassza ki a nyelvet.
Visszaélés elleni védelem
Korlátozza a kérdések számát látogatónként fiókja védelme érdekében:
- • Kérdések maximális száma egy időszak alatt (pl.: 20 kérdés)
- • Időablak percekben (pl.: 60 perc)
Kérdésstatisztikák és Néző
Használati mérőszámok
- • Összes kérdés
- • Kérdések az elmúlt 7 napban
- • Mai kérdések
- • Egyedi látogatók (24 óra)
Leggyakrabban keresett termékek
Tekintsd meg az 5 legtöbb kérdéssel rendelkező termék rangsorát. Hasznos annak azonosítására, hogy mely termékek váltanak ki több kérdést.
Kérdések nézegetője
Ellenőrizze az összes látogatók által feltett kérdést:
- • Szűrő időszak szerint: Ma, 7 nap, 30 nap, 90 nap, 1 év, mind, vagy egyéni időszak
- • Lapozható lista: Lapozz az összes kérdés között (oldalanként 10)
- • Teljes részletességgel: Kérdés, MI válasza, termék, nyelv és URL megtekintése
- • GYIK állapot: Minden kérdés megmutatja, hogy már közzétéve van-e GYIK-ként.
- • Kézi közzététel: Tedd közzé bármilyen kérdést GYIK-ként egy kattintással
Új: A “GYIK“ oszlop az egyes kérdések állapotát mutatja: egy zöld pipa, ha az szinkronizálva van a Shopify-val, egy sárga jelvény, ha még szinkronizálásra vár, vagy egy + gomb a kézi közzétételhez.
Gyakran Ismételt Kérdések Közzététele a Shopify-n Új
Automatikusan közzétette a gyakori ügyfélkérdéseket FAQ-ként a Shopify termékeken. Javítsa SEO-ját a Schema.org FAQPage segítségével, és csökkentse az ismétlődő kérdéseket.
Mi az a nyilvános GYIK?
Amikor egy ügyfél általános kérdést tesz fel egy termékről (például: „Vízálló-e?” vagy „Mennyi a szállítási idő?”), a mesterséges intelligencia értékeli, hogy ez a kérdés és válasz hasznos lenne-e más ügyfelek számára.
Ha az MI úgy dönt, hogy ez egy jó GYIK, automatikusan közzéteszi a Shopify termék metafieldjében. Ezután ezek a GYIK-ek megjeleníthetők a témádban a biztosított Liquid kóddal.
Jobb SEO
A Google megjeleníti a GYIK-jaidat gazdag kivonatokként
Kevesebb kérdés
Az ügyfelek már a kérdés előtt látják a válaszokat
100% automatikus
Nincs szükség kézi moderálásra
Hogyan működik
-
1
Mesterséges intelligencia értékelése
Amikor egy ügyfél kérdést tesz fel, a mesterséges intelligencia értékeli, hogy az általános jellegű-e (mások számára is hasznos) és nem tartalmaz személyes adatokat.
-
2
Automatikus fordítás
Ha az ügyfél más nyelven kérdez, a GYIK automatikusan a boltod fő nyelvére fordítódik.
-
3
Duplikáció elleni
Ellenőrzik, hogy ne létezzen már hasonló GYIK (80%-os hasonlóság) a közzététel előtt.
-
4
Közzététel a Shopify-n
A GYIK a wazion.faqs metafield-ben van elmentve a terméken, készen áll arra, hogy megjelenjen a témádban.
Hogyan aktiváljuk a nyilvános GYIK-et
- Menj a Vezérlőpultra → Bővítmények → Termék Kérdések és Válaszok
- Keresd a “FAQ Publica en Shopify“ szekciót
- Kapcsold be a „Publikus GYIK bekapcsolása” kapcsolót
- Ha engedélykérés jelenik meg, kattints az „Engedély ellenőrzése” gombra
- Állítsa be a termékenkénti maximális GyIK számát (1-20)
- Mentse el a módosításokat
A engedélyről: A Shopify-ban GYIK-ek írásához szükséged van a “write_products“ engedélyre. Ha nincs meg, menj a Shopify irányítópultodra → Alkalmazások → WAzion → Engedélyek, és add hozzá.
Közzétett GYIK kezelése
Bár az GYIK automatikusan jelennek meg, teljes kontrollod van a Vezérlőpulton keresztül:
- • GYIK megtekintése: Az összes közzétett GYIK listája, termék vagy állapot szerint szűrve
- • Kézi közzététel: A “Legutóbbi kérdések“-ből egy kattintással bármelyik kérdést GYIK-ként közzéteheted.
- • Visszavonni a közzétételt Távolítson el egy GYIK-et a Shopify-ból, de tartsa meg a történetében
- • Újraközlés: Ismételten tegye közzé egy korábban visszavont GYIK-et
- • Eltávolítás Törölje véglegesen a GYIK-et
GYIK megjelenítése a Shopify témádban
Két kódot kell hozzáadnod a main-product.liquid fájlodhoz:
1. Vizualis kód (HTML)
Mutasd meg az FAQ-kat az ügyfeleidnek. Helyezd el oda, ahol meg szeretnéd jeleníteni őket:
<!-- 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 a SEO-hoz (Google Rich Snippets)
Láthatatlan a felhasználók számára, de a Google használja, hogy GYIK-eket jelenítsen meg a keresési eredmények között. Add hozzá a fájl végéhez:
<!-- 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 %}
Kód 1: Nincs stílus, hogy az témádtól örököljön. Személyre szabás CSS-sel.
Kód 2: Google Gazdag kivonatok a keresési eredmények között.
Mely kérdéseket NEM tesznek közzé?
Az MI automatikusan szűri azokat a kérdéseket, amelyek nem alkalmasak nyilvános GYIK-be.
- ✗ Személyes adatokkal kapcsolatos kérdések (nevek, e-mailek, telefonok)
- ✗ Specifikus rendelésekre vonatkozó kérdések (rendelési számok, nyomon követés)
- ✗ Egyéni panaszok vagy problémák
- ✗ Nagyon specifikus kérdések, amelyek más ügyfelekre nem vonatkoznának
- ✗ Ismétlődő kérdések (már közzétett GYIK-hoz hasonlóak)
Termék Kérdések és Válaszok vs Csevegő Web
| Jellemző | Product Q&A | Chat Web |
|---|---|---|
| Cél | Kérdések egy adott termékről | Általános asszisztens az egész weboldalon |
| Az MI kontextusa | Shopify termékinformáció | A személyre szabott utasításod |
| Elhelyezkedés | Termékoldal | Bármelyik oldal (lebegő vagy beágyazott) |
| Shopify szükséges | Igen | Nem |
| Prompt beállítása | Opcionális (további utasítások) | Ajánlott |