Så här installerar du agenten på WordPress och WooCommerce
Tre sätt att infoga kod på WordPress, hur agenten läser WooCommerce-katalogen, vad du ska göra med cache-plugins och hur du kopplar chatten till varukorgen.
På WordPress kan koden infogas på tre sätt. Välj det sätt som passar dig bäst när det gäller att redigera temafiler.
Metod 1: plugin för kodinfogning (rekommenderas)#
Det säkraste alternativet: ändringarna går inte förlorade vid tema uppdateringar.
- Installera valfritt plugin för att infoga skript: WPCode, Insert Headers and Footers, Code Snippets.
- Öppna pluginets inställningar och hitta fältet för kod i sidfoten — det kallas vanligtvis Footer eller Body (before closing tag).
- Klistra in raden från kontrollpanelen och spara.
Metod 2: Temafil#
- Utseende → Temafilredigerare.
- Öppna
footer.php. - Klistra in koden före
</body>. - Uppdatera filen.
Viktigt: redigera ett barntema. När ett föräldratema uppdateras kommer filen att skrivas över, inklusive din kod.
Metod 3: via functions.php#
För dig som är bekväm med kod. I functions.php för ditt barntema:
add_action('wp_footer', function () {
`echo '<script src="https://comag.vibevox.pro/widget.js" data-slug="din-slug" async></script>';`
});Hämta den exakta skriptraden från kontrollpanelen, med knappen “Kopiera kod”.
Katalog från WooCommerce#
Ange webbplatsadressen i inställningarna och starta analysen. Crawlern läser WooCommerce-produkter via strukturerad siddata: namn, pris, lagerstatus, beskrivning, bilder, kategorier.
Bra att veta:
- Variabla produkter visas i produktkortet med prisintervall och egenskaper.
- Dolda produkter och utkast läses inte — och det är som det ska vara.
- Produkter endast för inloggade användare kommer agenten inte att se: den besöker webbplatsen som en vanlig besökare.
- Om du har en produktfil i CSV-format, kan den laddas upp i avsnittet “Katalog” — ibland är det snabbare och mer exakt än en genomsökning.
Varukorg och betalning#
På WooCommerce inkluderas betalning i chatten vanligtvis inte: butiken har sin egen kassa med frakt, skatter och kuponger.
Ange länken till varukorgen i inställningarna, oftast https://din-domän/cart eller /varukorg. Agenten kommer att leda kunden dit.
För att se vilka dialoger som leder till beställningar, lägg till en köppixel på sidan “Tack för din beställning”. I WooCommerce är detta mallen checkout/thankyou.php eller samma plugin för kodinfogning med ett villkor för beställningssidan.
Knappen i chatten lägger varor i WooCommerce-varukorgen#
Produktkorten i agentens svar är inte bara bilder för syns skull. Varje kort har en länk till produktsidan i din butik, och agenten kan använda WooCommerce standardmekanism för att lägga till i varukorgen: med adressen ?add-to-cart=123.
Kunden klickar på knappen i chatten, produkten hamnar i varukorgen, och sedan tar din kassa över med alla plugins för frakt, kuponger och skatter. Inga integrationer eller nycklar behövs för detta: mekanismen är inbyggd i WooCommerce från start.
Om länken leder till en sida med en variabel produkt, öppnar agenten den — kunden måste själv välja storlek och färg, och det är korrekt: att välja ett alternativ åt kunden är riskabelt.
En annan sak att veta: agenten ser sidan där chatten är öppen. Den läser produktens markering — namn, artikelnummer, pris — och svarar i kontexten. Besökaren står på produktkortet och skriver “finns det något billigare?” — agenten förstår vad den ska jämföra med och föreslår ett alternativ från din katalog, snarare än ett abstrakt råd.
Huvudorsaken till att “widgeten inte visas” på WordPress är cache. Efter att koden har infogats:
- Rensa pluginets cache: WP Rocket, W3 Total Cache, LiteSpeed eller vad du nu använder.
- Rensa CDN-cachen om du använder Cloudflare.
- Kontrollera webbplatsen i inkognitoläge.
Om “kombinering och fördröjd laddning av skript” är aktiverat i pluginet, lägg till vårt skript i undantagen: sammanslagning av tredjepartsskript kan ibland störa laddningen.
Ljust och mörkt tema#
Widgeten hanterar båda delar. I inställningarna väljer du ljust tema, mörkt tema eller “som besökaren” — det sistnämnda följer enhetens systeminställningar och är standard.
Detta är praktiskt om ditt WordPress-tema har en dag- och nattväxlare: behåll “som besökaren”, så matchar chatten det användaren redan har valt på sin enhet.
Cache-plugins#
Kontroll#
- Chattknappen visas i det nedre högra hörnet på alla sidor på webbplatsen.
- En fråga om en produkt ger ett produktkort med pris.
- Knappen för att slutföra köpet leder till WooCommerce-varukorgen.
- På mobilen täcker knappen inte menyn eller varukorgen.
Vanliga frågor#
Behövs ett separat plugin för Commerce Agents#
Nej. En kodrad räcker, ett separat plugin behövs inte och installeras inte.
Widgeten visas inte, vad ska jag kontrollera först#
Cache: cache-plugin och CDN. Kontrollera sedan att koden är infogad i sidfoten, och inte i en godtycklig sidokolumns-widget, och att temat verkligen renderar wp_footer().
Kommer agenten att känna till rabatter och kuponger#
Nej, inte om kuponger: de tillämpas i WooCommerce-varukorgen. Agenten visar de priser som fanns vid genomsökningen, inklusive rabatterat pris om det visas på produktsidan.
Kommer detta att sakta ner webbplatsen#
Skriptet är asynkront, väger lite och blockerar inte sidrendering. På PageSpeed är påverkan minimal.
Kan widgeten visas endast i butiken, och inte i bloggen#
Ja, om du infogar koden via ett plugin med visningsvillkor eller i functions.php med en is_woocommerce()-kontroll. I det enklaste fallet stör agenten inte på alla sidor: den svarar även på frågor om leverans från bloggen.