Anpassa utseendet
Under fliken Design får ert Agentic Help Center samma utseende som resten av er webbplats. Det ni väljer här gäller alla sidor, så besökaren känner igen er oavsett var hen landar.
Den här guiden går igenom Visuell identitet, Typografi och Sidhuvud.
1. Visuell identitet
Under Visuell identitet styr ni hur ert help center ser ut: logotyp, ikon, färger och knappar.
- Gå till fliken Design och klicka på Visuell identitet.
- Ladda upp er logotyp, gärna som PNG eller SVG med transparent bakgrund, och en webbplatsikon (favicon) som visas i webbläsarens flik.
- Välj primärfärg och bakgrundsfärg. Primärfärgen används på knappar, ikoner och ytor som ska framhävas.
- Ställ in knapparna under Knappar. Både Primär knapp och Sekundär knapp har bakgrund, konturlinje, text och hörnens rundning. Utan egna val följer primärknappen primärfärgen och sekundärknappen anpassar sig efter bakgrunden den står på.
- Klicka på Spara.
(1) Logotyp (2) Webbplatsikon (3) Primärfärg och bakgrundsfärg (4) Knappar, sekundär knapp längre ned (5) Spara
2. Typografi
Typografin avgör hur texten känns att läsa. Välj samma typsnitt som på er webbplats så hänger help centret ihop med den.
- Klicka på Typografi.
- Välj typsnitt och färg för rubriker och brödtext, och färg på länkarna. Inter är förvalt. Har ni ett eget typsnitt laddar ni upp det under Eget typsnitt (WOFF2, WOFF, TTF eller OTF).
(1) Rubriker (2) Brödtext (3) Länkar
- Klicka på Spara.
3. Sidhuvud
Sidhuvudet är besökarens meny. Här bestämmer ni vilka kategorier och länkar som alltid finns ett klick bort. Redigeraren öppnas i helskärm och visar sidhuvudet i tre lägen: ovanpå herobilden, efter scroll och med menyn öppen.
- Klicka på Sidhuvud.
- Lägg till kategorier i menyn och dra dem i den ordning ni vill. Hem ligger alltid först.
- Lägg till de supportlänkar besökaren ofta behöver.
- Välj färger och opacitet under fliken Utseende. Sidhuvudet kan också få egna färger och en egen logotyp för när det ligger ovanpå herobilden, till exempel en ljus variant om bilden är mörk.
- Klicka på Spara.
(1) Menyval (2) Supportlänkar (3) Utseende (4) Spara