Tämä tapa lisää widgetin vain kyseiselle sivulle, ei koko sivustolle. Jos haluat chatbotin näkyviin kaikkialla, käytä tapaa 1 tai 3.

Tapa 3: Code Snippets -lisäosa

Turvallinen ja helppo tapa, joka ei vaadi teematiedostojen muokkaamista.

1. Asenna ja aktivoi Code Snippets -lisäosa WordPressin lisäosahakemistosta
2. Mene Koodinpätkät → Lisää uusi (Snippets → Add New)
3. Anna snippetille kuvaava nimi, esimerkiksi "Aihio AI Chatbot"
4. Liitä seuraava koodi:

function aihio_chatbot_widget() {
  echo '<script
    src="https://aihio.ai/widget/aihio-widget.js"
    data-chatbot-id="sinun-chatbot-id"
    async
  ></script>';
}
add_action('wp_footer', 'aihio_chatbot_widget');

5. Valitse Suorita kaikkialla (Run snippet everywhere)
6. Tallenna ja aktivoi snippet

WooCommerce-verkkokauppa

Aihio AI -chatbot toimii WooCommerce-verkkokaupoissa samalla tavalla kuin tavallisessa WordPress-sivustossa. Tapa 1 (teeman footer) on suositelluin, koska se varmistaa widgetin näkymisen kaikilla sivuilla, myös tuote- ja kassasivuilla.

Tuotekysymyksiin vastaaminen:

Chatbot osaa vastata tuotteisiin liittyviin kysymyksiin, kun olet lisännyt tuotetiedot tietopohjaan. Helpoin tapa on indeksoida verkkokaupan tuotesivut URL-indeksoinnilla:

1. Mene hallintapaneeliin ja valitse chatbot
2. Avaa Tietopohja-välilehti
3. Valitse URL-indeksointi
4. Syötä verkkokauppasi tuotesivujen osoitteet (esim. https://kauppasi.fi/tuote/)
5. Tallenna -- chatbot indeksoi tuotesivut automaattisesti

Näin chatbot osaa kertoa asiakkaillesi tuotteiden hinnoista, saatavuudesta, ominaisuuksista ja muista tiedoista.

Elementor, Divi ja muut sivunrakentajat

Jos käytät sivunrakentajaa teeman sijaan, toimi näin:

• Elementor: Mene Elementor → Custom Code tai lisää HTML-widget sivupohjaan. Footeriin lisääminen on varminta.
• Divi: Avaa Divi → Theme Options → Integrations. Liitä upotuskoodi kenttään Add code to the body.
• Muut rakentajat: Etsi sivunrakentajan "Custom Code", "HTML Widget" tai "Footer Scripts" -ominaisuus ja liitä upotuskoodi sinne.

Vianmääritys

Widget ei näy sivulla

• Välimuisti: Jos käytät välimuistilisäosaa (WP Super Cache, W3 Total Cache, LiteSpeed Cache), tyhjennä välimuisti asennuksen jälkeen.
• Selaimen välimuisti: Tyhjennä myös selaimen välimuisti tai testaa yksityisessä selainikkunassa.
• CDN: Jos käytät CDN-palvelua (Cloudflare, KeyCDN), purgea välimuisti.

Suojauslisäosat estävät widgetin

Jos käytössäsi on suojauslisäosa, kuten Wordfence, Sucuri tai iThemes Security, lisää aihio.ai sallittujen ulkoisten skriptien listaan. Tarkista myös, ettei Content Security Policy (CSP) estä widgetin latautumista.

Widget latautuu hitaasti

Widget käyttää async-attribuuttia, joten se ei hidasta sivun latausta. Jos widget tuntuu hitaalta, tarkista:

• Sivuston yleinen suorituskyky (esim. GTmetrix-testillä)
• Ettei muut skriptit estä widgetin latautumista

Seuraavaksi

Yleiskatsaus upottamiseen kaikilla alustoilla, mukautusasetukset ja testausohjeet

Lisää chatbotille tietoa sivustostasi, tuotteistasi ja palveluistasi