A WooCommerce-áruházak WordPress-en futnak, ezért két lehetőséged van: a hivatalos Yaplet Live Chat WordPress bővítmény (ajánlott, kódszerkesztés nélkül), vagy a beágyazási snippet kézi hozzáadása az Insert Headers and Footers bővítménnyel. Mindkét megközelítés egyformán működik — válaszd azt, amelyik illik a munkafolyamatodhoz.
A lehetőség — Yaplet Live Chat bővítmény (ajánlott)
Ez ugyanaz a bővítmény, amelyet sima WordPress-oldalakhoz is használunk. WooCommerce-áruházakon is tökéletesen működik.
1. Telepítsd a bővítményt
A WordPress adminpanelen menj a Bővítmények → Új bővítmény hozzáadása menüpontra. Keress rá a Yaplet Live Chat kifejezésre, majd telepítsd és aktiváld.
2. Add meg a Widget ID-det
Menj a Beállítások → Yaplet oldalra, és illeszd be a Widget ID-det. A megtalálásához lépj be a Yaplet dashboardra, és menj a Márka → (a márkád) → Chat widget → Telepítés útvonalra. Az azonosító az ott látható script widgetId értéke, és egyben az oldal webcímének utolsó része is.
3. Mentsd el és ellenőrizd
Kattints a Változtatások mentése gombra, majd nyisd meg az áruházadat egy új fülön. A Yaplet indítógombjának meg kell jelennie a jobb alsó sarokban minden oldalon, beleértve a termék- és pénztároldalakat is.
B lehetőség — Insert Headers and Footers bővítmény
Ha már használod ezt a bővítményt (vagy ezt részesíted előnyben), ezen keresztül is hozzáadhatod a Yaplet scriptet.
1. Telepítsd az Insert Headers and Footers bővítményt
Menj a Bővítmények → Új bővítmény hozzáadása menüpontra, és keress rá az Insert Headers and Footers kifejezésre (WPCode). Telepítsd és aktiváld.
2. Illeszd be a Yaplet kódrészletet
Menj a Beállítások → Insert Headers and Footers oldalra. Illeszd be a teljes Yaplet JavaScript-kódrészletet a Scripts in Header mezőbe, és kattints a Mentés gombra.
3. Ellenőrizd
Töltsd újra az áruházadat. A widgetnek minden oldalon meg kell jelennie.
Bejelentkezett vásárlók azonosítása
Add át a WooCommerce vásárlói adatait a Yapletnek, hogy a csapatod valódi neveket és rendelési értékeket lásson az inboxban. A vásárló azonosításához aláírás kell, amely igazolja, hogy az azonosító tényleg az övé – enélkül bárki állíthatná magáról, hogy az egyik vásárlód, ezért az aláírás nélküli hívásokat elutasítjuk. A WordPress a te szervereden fut, így elő tudja állítani ezt az aláírást.
Először vedd fel az azonosítási kulcsodat a wp-config.php fájlba. A kulcsot a Yaplet vezérlőpultjában találod: Márka → (a márkád) → Chat widget → Telepítés → Személyazonosság ellenőrzése, a Titkos kulcs megjelenítése gomb mögött:
define('YAPLET_IDENTITY_SECRET', 'ide-masold-a-kulcsot');Ezután add hozzá ezt a témád functions.php fájljához vagy egy egyéni bővítményhez:
add_action('wp_footer', function () {
if (is_user_logged_in()) {
$user = wp_get_current_user();
$customer = new WC_Customer($user->ID);
$user_hash = hash_hmac('sha256', (string) $user->ID, YAPLET_IDENTITY_SECRET);
echo '<script>';
echo 'Yaplet.identify("' . esc_js($user->ID) . '", {';
echo ' name: "' . esc_js($user->display_name) . '",';
echo ' email: "' . esc_js($user->user_email) . '",';
echo ' value: ' . floatval($customer->get_total_spent()) . ',';
echo '}, "' . esc_js($user_hash) . '");';
echo '</script>';
}
});A kulcsot tartsd a wp-config.php fájlban – soha ne másold be témafájlba vagy bárhová, ahonnan a böngésző letöltheti.
Hibaelhárítás
- A widget hiányzik a pénztároldalon — Egyes WooCommerce-témák a teljesítmény javítása érdekében eltávolítják a scripteket a pénztároldalról. Nézd meg a témád dokumentációját, hogyan lehet újra engedélyezni a scripteket a pénztáron.
- Gyorsítótár-problémák — Telepítés után töröld a WordPress-gyorsítótárat, a WooCommerce tranziens adatait és a CDN-gyorsítótárat is.
- Konfliktusok más chat-bővítményekkel — Ha korábban másik chat-bővítményt használtál, deaktiváld azt a Yaplet telepítése előtt, hogy elkerüld az indítógomb-konfliktusokat.
Mi a következő lépés?
Ellenőrizd, hogy a widget megfelelően töltődik-e be az áruházadban: Telepítés ellenőrzése.