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 irányítópultba, kattints a Widgetek menüpontra az oldalsávon, válaszd ki a widgetedet, majd kattints a Beágyazás gombra. A Widget ID a widget oldalának tetején látható.
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. 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);
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 '});';
echo '</script>';
}
});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.