Az ügynök telepítése WordPress és WooCommerce rendszerekre

Három módszer a kód beillesztésére WordPressbe, hogyan olvassa be az ügynök a WooCommerce katalógust, mit tegyünk a gyorsítótárazó bővítményekkel, és hogyan kössük össze a csevegést a kosárral.

2026. szeptember 6.

A WordPressben a kód háromféleképpen illeszthető be. Válassza azt, amelyik a leginkább megfelel a témafájlok szerkesztési szokásainak.

1. módszer: Kódbeillesztő bővítmény (ajánlott)#

Ez a legbiztonságosabb megoldás: a módosítások témafrissítéskor sem vesznek el.

1. Telepítsen bármilyen szkriptbeillesztő bővítményt: WPCode, Insert Headers and Footers, Code Snippets.
2. Nyissa meg a bővítmény beállításait, és keresse meg a láblécben lévő kódmezőt – ez általában Footer vagy Body (before closing tag) néven szerepel.
3. Illessze be a fiókjából kimásolt sort, majd mentse.

2. módszer: Témafájl#

1. Megjelenés → Témafájl-szerkesztő.
2. Nyissa meg a footer.php fájlt.
3. Illessze be a kódot a </body> elé.
4. Frissítse a fájlt.

Fontos: a gyermek témát szerkessze. A szülő téma frissítésekor a fájl felülíródik a kódjával együtt.

3. módszer: functions.php fájlon keresztül#

Azoknak, akik otthonosabban mozognak a kódban. A gyermek téma functions.php fájljában:

add_action('wp_footer', function () {
echo '<script src="https://comag.vibevox.pro/widget.js" data-slug="a-slugod" async></script>';
});

A pontos szkriptsort a fiókjában találja, a „Kód másolása” gombbal.

WooCommerce katalógus#

Adja meg a webhely címét a beállításokban, majd indítsa el az elemzést. Az átvizsgáló a WooCommerce termékeket a strukturált oldaladatokból olvassa ki: név, ár, elérhetőség, leírás, fényképek, kategóriák.

Amit érdemes tudni:

• Variálható termékek árkategóriával és jellemzőkkel kerülnek a kártyára.
• Rejtett és piszkozat termékek nem olvashatók be – ez így van rendjén.
• Az ügynök nem látja az csak bejelentkezetteknek szóló termékeket: ő is csak egy átlagos látogatóként böngészi az oldalt.
• Ha van CSV termékexportja, azt feltöltheti a „Katalógus” részben – néha ez gyorsabb és pontosabb, mint az átvizsgálás.

Kosár és fizetés#

WooCommerce esetén a csevegésben általában nem kapcsolják be a fizetést: az üzletnek saját pénztára van szállítással, adókkal és kuponokkal.

Adja meg a beállításokban a kosárra mutató linket, leggyakrabban https://az-ön-domainje/cart vagy /kosar. Az ügynök odavezeti a vásárlót.

Ahhoz, hogy lássa, melyik beszélgetések válnak rendelésekké, illessze be a vásárlási pixel kódrészletét a „Köszönjük a rendelést” oldalra. WooCommerce esetén ez a checkout/thankyou.php sablon, vagy ugyanaz a kódbeillesztő bővítmény, amelyik feltételt állít a rendelési oldalra.

A csevegőben lévő gomb a WooCommerce kosárba helyezi a terméket#

Az ügynök válaszaiban lévő termékkártyák nem csak díszítő képek. Mindegyikhez tartozik egy link a termékoldalra az Ön boltjában, és az ügynök tudja használni a WooCommerce szabványos kosárba helyezési mechanizmusát: ?add-to-cart=123 formátumú címmel.

A vásárló megnyomja a gombot a csevegésben, a termék a kosárba kerül, majd az Ön pénztára működik az összes szállítási, kupon- és adóbővítménnyel. Ehhez nincs szükség integrációkra és kulcsokra: a mechanizmus a WooCommerce-be születésétől fogva be van építve.

Ha a link egy variálható termék oldalára vezet, az ügynök megnyitja azt – a méretet és színt a vásárlónak magának kell kiválasztania, és ez így helyes: kockázatos lenne helyette kiválasztani egy opciót.

Még egy dolog, amit érdemes tudni: az ügynök látja azt az oldalt, ahol a csevegés megnyílt. Beolvassa a termék jelölését – nevet, cikkszámot, árat – és kontextusban válaszol. A látogató a termékkártyán áll, és azt írja, „van olcsóbb is?” – az ügynök megérti, mivel kell összehasonlítani, és alternatívát kínál az Ön katalógusából, nem pedig elvont tanácsot.

A „widget nem jelent meg” fő oka WordPressen a gyorsítótár. A kód beillesztése után:

1. Tisztítsa a bővítmény gyorsítótárát: WP Rocket, W3 Total Cache, LiteSpeed vagy amit használ.
2. Tisztítsa a CDN gyorsítótárát, ha Cloudflare-t használ.
3. Ellenőrizze a webhelyet inkognitó módban.

Ha a bővítményben be van kapcsolva a „szkriptek egyesítése és késleltetett betöltése”, adja hozzá a mi szkriptünket a kivételekhez: a külső szkriptek egyesítése néha hibát okoz a betöltésben.

Világos és sötét téma#

A widget mindkettőt tudja. A beállításokban választható világos, sötét vagy „a látogató beállításai szerint” téma – az utóbbi követi az eszköz rendszerbeállításait, és ez az alapértelmezett.

Ez kényelmes, ha a WordPress témája rendelkezik nappali és éjszakai kapcsolóval: hagyja „a látogató beállításai szerint” opciót, és a csevegés illeszkedni fog ahhoz, amit a felhasználó már kiválasztott magának.

Gyorsítótárazó bővítmények#

Ellenőrzés#

• A csevegés gombja a webhely bármely oldalán megjelenik a jobb alsó sarokban.
• A termékkel kapcsolatos kérdésre egy árat tartalmazó kártya jelenik meg.
• A fizetés gomb a WooCommerce kosárba vezet.
• Mobilon a gomb nem takarja el a menüt és a kosarat.

Gyakori kérdések#

Szükséges-e külön Commerce Agents bővítmény#

Nem. Elég egy kódsor, külön bővítmény nem szükséges és nem is telepíthető.

A widget nem jelent meg, mit ellenőrizzek először#

A gyorsítótár: gyorsítótárazó bővítmény és CDN. Ezután ellenőrizze, hogy a kód a láblécbe van-e beillesztve, nem pedig egy tetszőleges oldalsáv widgetbe, és hogy a téma valóban kiírja-e a wp_footer() függvényt.

Tudni fog-e az ügynök a kedvezményekről és kuponokról#

A kuponokról nem: azok a WooCommerce kosárban érvényesíthetők. Az ügynök azokat az árakat mutatja, amelyeket az átvizsgáláskor talált, beleértve az akciós árat is, ha az megjelenik a termékoldalon.

Le fogja lassítani a webhelyet#

A szkript aszinkron, keveset nyom, és nem blokkolja az oldal renderelését. A PageSpeedre gyakorolt hatása minimális.

Megjeleníthető-e a widget csak a boltban, nem pedig a blogban#

Igen, ha a kódot megjelenítési feltételekkel rendelkező bővítményen keresztül vagy a functions.php fájlba az is_woocommerce() ellenőrzéssel illeszti be. Egyszerű esetben az ügynök minden oldalon megjelenhet: a blogból érkező szállítási kérdésekre is válaszol.