# Mukauta keskusteluikkunan ulkoasu ja sisältö

URL: https://aihio.ai/ohjekeskus/tekoalyagentti/ulkoasu\
Kuvaus: Aseta keskusteluikkunan tunnus, värit ja aloitusviestit sekä tarkista lopputulos eri näytöillä.

Keskusteluikkunan ulkoasu kertoo asiakkaalle, minkä palvelun kanssa hän asioi. Aloitusviestin tehtävä on kertoa, missä tekoälyagentti auttaa. Ulkoasun muuttaminen ei muuta agentin tietolähteitä tai vastausten ohjeita.

## Ennen aloittamista

Avaa agentin muokkain Oma Aihio -palvelussa. Tarvitset oikeuden muuttaa agentin asetuksia. Varaa valmiiksi käyttöön sopiva kuva sekä lyhyt aloitusviesti. Osa mukautuksista edellyttää tilaustasoa tai lisäosaa; tarkista kentän lukitus ennen muutoksen suunnittelua.

Tallennetut asetukset voivat vaikuttaa jo käytössä olevaan keskusteluikkunaan. Merkitse nykyiset arvot talteen, jos haluat tarvittaessa palauttaa ne.

## Valitse oikea välilehti

Valitse agentin työtilasta **Ulkoasu**. Asetukset on koottu avattaviin ryhmiin; Sisältö ja Tyyli eivät ole erillisiä työtilan välilehtiä.

| Ryhmä               | Mitä siellä muokataan                                                     |
| ------------------- | ------------------------------------------------------------------------- |
| **Sisältö**         | Nimi, kuvat, tervetuloviesti, aloitusviestit ja keskustelunaloitukset.    |
| **Kyvykkyydet**     | Saatavilla olevat widgetin lisäominaisuudet, kuten äänisyöte ja brändäys. |
| **Tyyli**           | Teema ja värit, myös avauspainikkeen väri.                                |
| **Typografia**      | Keskusteluikkunan tekstin asetukset.                                      |
| **Kelluva painike** | Avauspainikkeen ulkoasu, sijainti ja ikkunan koko.                        |
| **Kielet**          | Keskusteluikkunan käyttöliittymän kielet ja kielivalinta.                 |

## Mukauta ja tarkista

1. **Aseta tunnistettava ulkoasu**

   Avaa **Ulkoasu → Sisältö** ja aseta nimi sekä kuva. Valitse
   **Tyyli**-ryhmästä sopiva teema ja värit. Tarkista esikatselussa, että
   teksti ja avauspainike erottuvat myös verkkosivusi taustasta.
2. **Kerro, missä agentti auttaa**

   Avaa **Sisältö**. Kirjoita lyhyt tervetuloteksti ja lisää
   keskustelunaloituksia, joihin agentilla on tietoa. Vältä aloitusta, joka
   lupaa hoitaa asian, jota et ole ottanut käyttöön.
3. **Tallenna ja kokeile sivustolla**

   Valitse **Tallenna** ja odota vahvistusta. Avaa verkkosivun keskusteluikkuna
   uudelleen ja tarkista nimi, kuva, aloitus ja avauspainike. Tarkista sama
   kokonaisuus puhelimella.

## Esimerkki aloituksesta

Muokkaa tekstit vastaamaan omaa palveluasi. Esimerkiksi tuoteopastusta varten:

| Sisältö                   | Muokattava esimerkki                                                                             |
| ------------------------- | ------------------------------------------------------------------------------------------------ |
| Tervetuloviesti           | Hei! Olen yrityksen tekoälyavustaja. Autan tuotteisiin ja toimituksiin liittyvissä kysymyksissä. |
| Keskustelunaloitus        | Miten valitsen sopivan tuotteen?                                                                 |
| Toinen keskustelunaloitus | Mistä löydän toimitusehdot?                                                                      |

Testaa jokainen aloitus: agentin pitää löytää siihen liittyvä tieto. Lisää ajanvaraus tai tilauksen käsittely aloituksiin vasta, kun vastaava toiminto on määritetty ja testattu.

> **Vinkki — Tarkista avauspainike myös sivun päällä:**
>
> Avauspainikkeella voi olla eri väri kuin otsakkeella. Tarkista kontrasti
> sivuston vaalealla ja tummalla alueella sekä ettei painike peitä tärkeää
> sisältöä. Muokkaimen esikatselu ei korvaa tarkistusta oikealla verkkosivulla.

## Jos käytät useita kieliä

Valitse muokattava kieliversio ennen tervetulotekstin tai muun käännettävän sisällön kirjoittamista. Puuttuva käännös voi käyttää oletuskielen sisältöä. Keskusteluikkunan käyttöliittymäkieli ja agentin vastauskieli ovat eri asioita; katso [kielet ja lokalisointi](/ohjekeskus/tekoalyagentti/kielet).

## Jos muutos ei näy

- Tarkista tallennuksen vahvistus ja varmista, että sivustolla on oikean agentin upotus.
- Päivitä verkkosivu ja avaa keskusteluikkuna uudelleen.
- Jos vain yksi kieli näyttää vanhalta, tarkista sen kieliversio ja oletuskieli.
- Jos teksti ei erotu tai kuva rajautuu huonosti, vaihda selkeämpään väriin tai kuvaan. Tarvittaessa palauta aiemmat arvot ja tallenna.

Esikatselussa toimiva ulkoasu on vasta ensimmäinen tarkistus. Sivuston omat elementit voivat vaikuttaa siihen, miten helposti asiakas löytää keskusteluikkunan.

## Näytä lähteet ja tarjoa äänisyöte

**Ulkoasu → Sisältö** sisältää **Näytä lähteet** -asetuksen. Ota se käyttöön, tallenna ja testaa kysymys, jonka vastaus perustuu verkkolähteeseen. Tarkista vastauksen lähdelinkki ja sen kohde. Kaikella tietopohjan sisällöllä ei ole asiakkaalle avautuvaa verkkosivua; lähdemerkintä ei yksin takaa vastauksen oikeellisuutta.

**Ulkoasu → Kyvykkyydet** sisältää äänisyötteen. Tarkista toiminnon saatavuus työtilassa, ota se käyttöön ja tallenna. Kokeile oikealla sivustolla selaimen mikrofoniluvan kanssa ja tarkista tunnistettu teksti ennen lähettämistä. Jos lupa puuttuu tai tunnistus epäonnistuu, asiakas voi kirjoittaa viestin. Äänisyöte muuntaa puheen tekstiksi; se ei tarkoita puhelukanavaa tai ääneen puhuttuja vastauksia.

## Tarkista teema ja kävijän valinnat

**Tyyli**-ryhmässä valitaan vaalea, tumma tai automaattinen väritila. Testaa automaattinen tila myös upottavalla sivustolla: Oma Aihio -palvelun oma teema on eri asetus. Tarkista tekstin kontrasti, näppäimistökohdistus, linkit ja lomakkeet molemmissa väritiloissa.

Kävijän valikon uusiin viesteihin liittyvä ääni ja kielivalinta ovat kävijän valintoja. Äänen toisto riippuu myös selaimen sallimasta toistosta; hiljainen selain ei todista viestin puuttuvan. Tekoälyvastaus näkyy vähitellen, ja saman lähettäjän peräkkäiset viestit voivat muodostaa yhden kuplaryhmän. Tarkista valmis vastaus, älä tulkitse keskeneräistä tekstiä lopputulokseksi.

Ensimmäisen tekoälyvastauksen AI-merkintä kertoo asiakkaalle tekoälyn käytöstä. Sitä ei voi poistaa ulkoasuasetuksella. Tarkista pienellä näytöllä myös avauspainike, vieritys, viestikenttä ja mahdollisen toimintokortin täyttäminen. Ulkoasun tarkistus ei korvaa [agentin vastausten testausta](/ohjekeskus/tekoalyagentti/testaus).

## Toimintojen tilaustasot

Tarkista myös työtilassa näkyvä saatavuus ja mahdollinen lisäosa. Taulukko kertoo näiden toimintojen vähimmäistason; se ei ole työtilan käyttöraja tai kaikkien integraatioiden luettelo.

| Toiminto              | Vähimmäistaso                    |
| --------------------- | -------------------------------- |
| White label -brändäys | Enterprise tai soveltuva lisäosa |
| Lähteiden näyttäminen | Starter                          |
| Ääniviestit           | Starter                          |
## Seuraavat vaiheet

- [Julkaisu](/ohjekeskus/tekoalyagentti/julkaisu) — Julkaise tekoälyagentti chat-widgetinä tai sivulle upotettuna keskusteluna.