Jaa

Web Chat ulkoasun mukauttaminen Webchat Playgroundin avulla

Webchat Playgroundin avulla voit mukauttaa agenttisi Web Chat ulkoasua ja toimintaa. intuitiivisessa käyttöliittymässä esimerkiksi värit, fontit ja pikkukuvat voidaan muokata brändin identiteetin mukaiseksi. Tässä artikkelissa käsitellä tapaa, jolla verkkokeskustelun testausalusta luo ja hallitsee teemoja sekä vie tyylejä JSON- tai HTML-muodossa.

Verkkokeskustelun testausalusta -käyttöliittymä

Webchat Playgroundin helppokäyttöisen käyttöliittymän avulla voit määrittää Web Chat ulkoasun. Muutoksia on helppo tehdä ja muutokset näkyvät reaaliaikaisesti esikatselussa.

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 muokattava tai esikatseltava teema.

  2. Keskimmäinen ruutu mahdollistaa valitun tai muokattavan teeman esikatselun.

  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 Web Chat. Koodikatkelmien näkymä sisältää Web Chat html-mallinäkymän, jonka tyylit on upotettu.

Näyttökuva Webchat Playground -käyttöliittymästä, joka näyttää käytettävissä olevat teemat, esikatseluruudun ja JSON-katkelman.

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. Tallennus- ja poistotoiminnot ovat yläosassa.

  2. Oikean ruudun Koodikatkelmassa-välilehdessä on näkyvissä HTML-näyte. Vaihda JSON-välilehdelle nähdäksesi JSON-näyte.

Näyttökuva Webchat Playground -käyttöliittymästä, jossa näkyy teematyylieditori, esikatseluruutu ja Koodikatkelma-välilehti.

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

Webchat Playground tarjoaa esimääritettyjä teemoja, joissa on erilaiset mukautusvaihtoehdot Web Chat käyttökokemukseen. Uuden teeman suunnittelun voi aloittaa näiden teemojen pohjalta. Myös uusien, omia tarpeita vastaavien teemojen luominen ja tallentaminen myöhempää käyttöä varten on mahdollista.

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.
    Vasen ruutu muuttuu tyylieditoriksi, jossa voi tehdä muokkauksia.
  2. Syötä teemalle nimi.
  3. Valitse Tallenna.

Muokkaa teemaa

Aiemmin luodun teeman muokkaaminen:

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

Poista teema

Aiemmin luodun teeman poistaminen:

  1. Avaa teema muokkaustilassa.
  2. Valitse yläosassa poisto (roskakorikuvake).

Tyylien vieminen

Tyylien vieminen:

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

HTML-katkelman vieminen

HTML-katkelman vieminen:

  1. Valitse 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 kelluva pienoissovellus Web Chat ohjausobjekti, johon on sovellettu valittuja tyylejä.

Screen-kuva Web Chat kelluvasta pienoissovelluksesta, jossa on käytössä mukautettuja tyylejä.

  • Last updated on