Verkkokeskustelun ulkoasun mukauttaminen Webchat Playgroundin avulla

Webchat Playgroundin avulla voit mukauttaa agenttisi WWW-keskustelu ulkoasua ja toimintaa. intuitiivisessa käyttöliittymässä esimerkiksi värit, fontit ja pikkukuvat voidaan muokata brändin identiteetin mukaiseksi. Tässä artikkelissa kuvataan, miten voit luoda ja hallita teemoja Webchat Playgroundin avulla ja viedä tyylejä JSON- tai HTML-muodossa.

Verkkokeskustelun testausalustan avaaminen

Webchat Playgroundin avaamiseen:

1. Kirjaudu Power Appsiin.
2. Valitse Sovellukset.
3. Etsi Copilot Agent Kit.
4. Vie hiiri sovelluksen nimen päälle ja valitse Play -kuvake. Copilot Agent Kit avautuu uudessa selaimen välilehdessä.
5. Copilot Agent Kitissä valitse vasemmasta ruudusta Webchat Playground. Webchat Playground avautuu.

Webchat Playground -käyttöliittymä

Webchat Playgroundin käyttäjäystävällinen käyttöliittymä auttaa sinua määrittämään WWW-keskustelu -keskustelusi ulkoasun. Voit helposti tehdä muutoksia ja tarkastella tekemiesi muutosten reaaliaikaisia esikatseluja.

Käyttöliittymässä on kolme pääaluetta:

1. Vasen ruutu sisältää tallennetut teemat sekä niiden ensi- ja toissijaiset värit sekä korostusvärit. Valitse teema, jota haluat muokata tai esikatsella.

2. Keskimmäisessä ruudussa on esiversio valitusta teemasta tai teemasta, jota muokkaat.

3. Oikeanpuoleisessa ruudussa voit siirtyä JSON - ja Koodikatkelma-välilehtien välillä. JSON-näkymä tarjoaa nykyiset tyylit JSON-matriisissa, jonka voit liittää aiemmin luotuun Verkkokeskusteluun. Koodikatkelmien näkymä sisältää malli-HTML:n verkkokeskustelusta, jonka tyylit on upotettu.

Tässä käyttöliittymän esimerkissä on näkyvissä seuraavat:

1. Vasemmassa ruudussa on tyylieditori, jossa teemaa voidaan muokata tai jossa se voidaan luoda.

   Osia ovat Yleiset, Lähetä ruutu, Ehdotusruutu, Avatar ja Kupla. Editori sisältää myös helppokäyttöisyyden tarkistustoiminnon kaikissa soveltuvissa osissa. Tallennat ja poistat toimintoja yläreunasta.

2. Oikeanpuoleisessa ruudussa on Koodikatkelma-välilehti, jossa näkyy ESIMERKKI HTML:stä. Vaihda JSON-välilehdelle nähdäksesi JSON-näyte.

Ennalta määritettyjen teemojen käyttäminen tai omien teemojen luominen

Webchat Playground tarjoaa esimääritettyjä teemoja, joissa on erilaisia mukautusvaihtoehtoja WWW-keskustelu -käyttökokemukseen. Uuden teeman suunnittelun voi aloittaa näiden teemojen pohjalta. Voit myös luoda uusia teemoja tarpeidesi mukaan ja tallentaa ne tulevaa käyttöä varten.

Teeman esikatselu

Avaa verkkokeskustelun esikatselu valitsemalla teema vasemmasta ruudusta (jossa värit näkyvät).

Uuden teeman luominen

Voit luoda uuden teeman seuraavasti:

1. Valitse vasemmassa ruudussa Lisää teema.
   Vasemmasta ruudusta tulee tyylieditori, jossa voit tehdä muutoksia.
2. Anna teemalle nimi.
3. Valitse Tallenna.

Muokkaa teemaa

Aiemmin luodun teeman muokkaaminen:

1. Valitse teeman nimen vieressä oleva kynäkuvake vasemmassa ruudussa.
2. Tee muutoksia tyylieditorissa.
3. Kun olet valmis, valitse Tallenna.

Poista teema

Jos haluat poistaa aiemmin luodun teeman:

1. Avaa teema muokkaustilassa.
2. Valitse poista-kuvake (roskakori) yläreunasta.

Vie tyylit

Tyylien vieminen:

1. Valitse haluamasi teema teeman valitsimella.
2. Valitse JSON-välilehti oikeanpuoleisessa ruudussa.
3. Kopioi kaikki näkymän teksti ja liitä se WWW-keskustelu HTML-koodiin käyttämällä styleOptions -muuttujaa.

HTML-katkelman vieminen

HTML-koodikatkelman vieminen:

1. Valitse haluamasi teema teeman valitsimella.
2. Valitse Koodikatkelma-välilehti oikeanpuoleisesta ruudusta.
3. Tallenna kaikki html-merkintä näkymässä tiedostona, jonka tunniste on .html .
4. Lataa HTML-tiedosto verkkopalvelimeen.

HTML-esimerkki

HTML-koodikatkelmassa on irrallinen pienoissovelluksen Verkkokeskustelu-ohjausobjekti, johon on sovellettu valittuja tyylejä.

Liittyvät tiedot

• Agentin ulkoasun ja käyttökokemuksen mukauttaminen