Anpassa webbchattutseende med testplatsen för webbchatt

Med testplatsen för webbchatt kan du anpassa utseendet och beteendet hos din agentwebbchatt. Med det intuitiva användargränssnittet kan du ändra färger, teckensnitt, miniatyrbilder med mera för att matcha ditt varumärkes identitet. Den här artikeln beskriver hur du använder testplatsen för webbchatt för att skapa och hantera teman och exportera format som JSON eller HTML.

Användargränssnitt för testplatsen för webbchatt

Det användarvänliga gränssnittet i testplatsen för webbchatt hjälper dig att definiera utseendet och känslan hos din webbchatt. Du kan enkelt göra justeringar och se förhandsgranskningar i realtid av dina ändringar.

Gränssnittet har tre huvudområden:

  1. Den vänstra rutan visar sparade teman med sina primära, sekundära och dekorfärger. Välj ett tema för att redigera eller förhandsgranska det.

  2. Det mellersta fönstret innehåller en förhandsgranskning av det valda temat eller det tema som du redigerar.

  3. I den högra rutan kan du växla mellan flikarna JSON och Kodfragment . JSON-vyn innehåller de aktuella formaten i en JSON-matris som du kan klistra in i en befintlig webbchatt. Kodfragmentvyn innehåller HTML-exempel på en webbchatt med inbäddade formatmallar.

Skärmbild av användargränssnittet för testplatsen för webbchat som visar tillgängliga teman, förhandsgranskningsfönstret och ett JSON-kodfragment.

Det här exemplet på användargränssnittet visar:

  1. I den vänstra rutan syns formatredigeraren där du redigerar eller skapar ett tema.

    Avsnitten omfattar Allmänt, Skicka-ruta, Förslagsruta, Avatar och Bubbel. Redigeraren innehåller även en tillgänglighetskontroll för alla tillämpliga avsnitt. Du sparar och tar bort åtgärder överst.

  2. I den högra rutan syns HTML-exempel på fliken Kodfragment. Växla till fliken JSON för att visa JSON-exempel.

Skärmbild av användargränssnittet för testplatsen för webbchatt som visar temaformatsredigeraren, förhandsgranskningsfönstret och fliken Kodfragment.

Använd fördefinierade teman eller skapa egna

Testplatsen för webbchat erbjuder fördefinierade teman som visar olika anpassningsalternativ för webbchattupplevelsen. De här temana ger dig en startpunkt när du utformar ett nytt tema. Du kan också skapa nya teman för att uppfylla dina specifika behov och spara dem för framtida användning.

Förhandsgranska ett tema

Välj ett tema i den vänstra rutan (där färgerna visas) för att öppna förhandsgranskning av webbchatt.

Skapa ett nytt tema

Skapa ett nytt tema:

  1. Välj Lägg till ett tema från den vänstra rutan.
    Det vänstra fönstret blir en formatredigerare där du kan göra ändringar.
  2. Ange ett namn för temat.
  3. Välj Spara.

Redigera ett tema

Så här redigerar du ett befintligt tema:

  1. Välj pennikonen bredvid temanamnet i den vänstra rutan.
  2. Gör ändringar i formatredigeraren.
  3. Välj Spara när du är klar.

Ta bort ett tema

Ta bort ett befintligt tema:

  1. Öppna temat i redigeringsläge.
  2. Välj ikonen ta bort (papperskorgen) längst upp.

Exportera formatmallar

För att exportera formatmallar:

  1. Välj det tema som du vill använda i temaväljaren.
  2. Välj fliken JSON i den högra rutan.
  3. Kopiera all text i vyn och klistra in den i din webbchatt-HTML med hjälp av variabeln styleOptions .

Exportera HTML-kodavsnittet

För att exportera HTML-kodavsnittet:

  1. Välj det tema som du vill använda i temaväljaren.
  2. Välj fliken Kodfragment i den högra rutan.
  3. Spara all HTML-kod i vyn som en fil med filtillägget .html.
  4. Ladda upp HTML-filen till webbservern.

Exempel-HTML

HTML-fragmentet innehåller en flytande kontrollwidget för webbchatten med de valda formatmallarna.

Skärmbild av den flytande webbchattwidgeten med anpassade format.

  • Last updated on