Kako namestiti agenta na WordPress in WooCommerce
Trije načini za vstavitev kode na WordPress, kako agent bere katalog WooCommerce, kaj storiti s predpomnilniškimi vtičniki in kako povezati klepet s košarico.
Na WordPressu se koda vstavi na tri načine. Izberite glede na to, kako blizu vam je urejanje datotek teme.
Način 1: vtičnik za vstavljanje kode (priporočamo)#
Najvarnejša možnost: sprememba se ne bo izgubila ob posodobitvi teme.
- Namestite kateri koli vtičnik za vstavljanje skript: WPCode, Insert Headers and Footers, Code Snippets.
- Odprite nastavitve vtičnika in poiščite polje za kodo v nogi – običajno se imenuje Footer ali Body (before closing tag).
- Vstavite vrstico iz nadzorne plošče in shranite.
Način 2: datoteka teme#
- Videz → Urejevalnik datotek teme.
- Odprite
footer.php. - Vstavite kodo pred
</body>. - Posodobite datoteko.
Pomembno: urejajte podrejeno temo. Ob posodobitvi nadrejene teme se bo datoteka prepisala skupaj z vašo kodo.
Način 3: preko functions.php#
Za tiste, ki so bolj vešči kode. V functions.php podrejene teme:
add_action('wp_footer', function () {
echo '<script src="https://comag.vibevox.pro/widget.js" data-slug="vaš-slug" async></script>';
});
Natančno vrstico skripta vzemite v nadzorni plošči, z gumbom „Kopiraj kodo“.
Katalog iz WooCommerce#
Navedite naslov spletnega mesta v nastavitvah in zaženite analizo. Plezalnik prebere izdelke WooCommerce preko strukturiranih podatkov strani: ime, cena, razpoložljivost, opis, fotografije, kategorije.
Kaj je dobro vedeti:
- Variabilni izdelki se prikažejo v kartici z razponom cen in značilnostmi.
- Skriti in osnutki se ne preberejo – tako je tudi prav.
- Izdelkov samo za avtorizirane uporabnike agent ne bo videl: po spletnem mestu se sprehaja kot običajen obiskovalec.
- Če imate izvoz izdelkov v CSV, ga lahko naložite v razdelku „Katalog“ – včasih je to hitreje in natančneje kot plazenje.
Košarica in plačilo#
Na WooCommerceu plačila v klepetu običajno ne vključujejo: trgovina ima svojo blagajno z dostavo, davki in kuponi.
V nastavitvah navedite povezavo do košarice, najpogosteje https://vaš-domen/cart ali /korzina. Agent bo kupca vodil tja.
Če želite videti, kateri dialogi se spremenijo v naročila, dodajte delček nakupnega piksla na stran „Hvala za naročilo“. V WooCommerceu je to predloga checkout/thankyou.php ali isti vtičnik za vstavljanje kode s pogojem za stran naročila.
Gumb v klepetu doda izdelek v košarico WooCommerce#
Kartice izdelkov v odgovorih agenta niso le slike za okras. Vsaka ima povezavo do strani izdelka v vaši trgovini, in agent zna uporabiti standardni mehanizem WooCommerce za dodajanje v košarico: naslov oblike ?add-to-cart=123.
Kupec pritisne gumb v klepetu, izdelek se znajde v košarici, nato deluje vaša blagajna z vsemi vtičniki za dostavo, kupone in davke. Za to niso potrebne nobene integracije ali ključi: mehanizem je vgrajen v WooCommerce že od začetka.
Če povezava vodi na stran variabilnega izdelka, jo agent odpre – kupec mora sam izbrati velikost in barvo, in to je pravilno: tvegano je namesto njega izbrati možnost.
Še ena stvar, ki jo je dobro vedeti: agent vidi stran, na kateri je odprt klepet. Bere označbe izdelka – ime, SKU, ceno – in odgovarja v kontekstu. Obiskovalec stoji na kartici in piše „ali je kaj cenejšega?“ – agent razume, s čim primerjati, in ponudi alternativo iz vašega kataloga, ne pa abstraktnega nasveta.
Glavni razlog, da se „pripomoček ni pojavil“ na WordPressu, je predpomnilnik. Po vstavitvi kode:
- Počistite predpomnilnik vtičnika: WP Rocket, W3 Total Cache, LiteSpeed ali karkoli že uporabljate.
- Počistite predpomnilnik CDN, če uporabljate Cloudflare.
- Preverite spletno mesto v načinu brez beleženja zgodovine.
Če je v vtičniku omogočeno „združevanje in zakasnjeno nalaganje skript“, dodajte naš skript med izjeme: združevanje zunanjih skript včasih prekine nalaganje.
Svetla in temna tema#
Pripomoček podpira oboje. V nastavitvah izberete svetlo temo, temno ali „kot pri obiskovalcu“ – slednja sledi sistemskim nastavitvam naprave in je privzeta.
To je priročno, če ima vaša tema WordPress preklopnik dneva in noči: pustite „kot pri obiskovalcu“, in klepet se bo ujemal s tem, kar je oseba že izbrala pri sebi.
Vtičniki za predpomnjenje#
Preverjanje#
- Gumb za klepet se pojavi v spodnjem desnem kotu na kateri koli strani spletnega mesta.
- Vprašanje o izdelku prikaže kartico s ceno.
- Gumb za dokončanje nakupa vodi v košarico WooCommerce.
- Na mobilni napravi gumb ne prekriva menija in košarice.
Pogosta vprašanja#
Ali je potreben ločen vtičnik Commerce Agents#
Ne. Dovolj je vrstica kode, ločen vtičnik ni potreben in se ne namesti.
Pripomoček se ni pojavil, kaj preveriti najprej#
Predpomnilnik: vtičnik za predpomnjenje in CDN. Nato – da je koda vstavljena v nogo, ne pa v poljuben pripomoček stranske vrstice, in da tema resnično izpiše wp_footer().
Ali bo agent vedel za popuste in kupone#
Za kupone ne: ti se uporabljajo v košarici WooCommerce. Agent prikazuje cene, ki so bile ob plazenju, vključno s ceno s popustom, če je ta prikazana na strani izdelka.
Ali bo to upočasnilo spletno mesto#
Skript je asinhron, tehta malo in ne blokira izrisa strani. Na PageSpeed je vpliv minimalen.
Ali je mogoče pripomoček prikazati samo v trgovini, ne pa v blogu#
Da, če kodo vstavite preko vtičnika s pogoji prikaza ali v functions.php s preverjanjem is_woocommerce(). V preprostem primeru agent na vseh straneh ne moti: odgovarja tudi na vprašanja o dostavi iz bloga.
