--- title: Klickbara guider (Supademo) slug: guider url: https://webbplattformen.se/docs/guider/ kategori: Hemsida & innehåll plugin: Supademo 2026.10 version: 2026.10 niva: bas funktionssida: https://webbplattformen.se/funktioner/guider-och-mediabank/ hubben: https://webbplattformen.se/hub/course/guide-klickbara-guider/ supademo: kalla: Craft 760fc348-861e-398d-b953-175d81e19117 senast_andrad: 2026-10-26 synkad: 2026-10-26 12:22 --- # Klickbara guider (Supademo) Klickbara guider med svensk röst direkt på sajten, så att nästa styrelse klarar sig utan manual. **Ersätter:** Userpilot · Appcues · Långa PDF-manualer ## Pre-boarding ### Vad det är Ingen läser en 40-sidig PDF-manual när en ny kassör tillträder på årsmötet, när en maskinoperatör står vid linjen eller när en gäst vill boka en lokal på ett annat modersmål. Vi spelar in klickbara steg-för-steg-guider direkt på er egen sajt (Supademo), lägger på naturlig AI-röst och monterar dem bakom en blågul guide-ikon nere i högra hörnet av er webbplats, på en egen /guider/-sida eller bakom en QR-kod. ### När det passar – och inte **Passar:** när nya styrelseledamöter ska lära sig publicera en nyhet, ladda upp ett protokoll eller skicka ett nyhetsbrev; när kanslipersonal ska utbildas i mediabanken eller kontaktregistret; när besökare ska guidas genom lokalbokning på svenska, engelska eller arabiska; när en manual ska nås via QR-kod vid maskinen. **Passar sämre:** långa policydokument som inte handlar om hur man utför en uppgift på sajten – de hör hemma som text i handboken. ### Ha klart innan - **Lista över uppgifter** som ska få en guide – t.ex. "publicera nyhet", "ladda upp protokoll", "boka lokal" - **Sidorna klara**: guiden spelas in på er faktiska sajt, så menyer, formulär och knappar ska vara på plats - **Vem som lär upp andra** hos er och kan granska guiderna innan de publiceras - **Beslut om språk** (svenska, engelska, arabiska) och om guiden ska vara publik eller bara för inloggade ### Nivå och kostnad Ingår i **Bas–Ultra**. Skräddarsydda guider inspelade på er egen sajt ingår från **Pro**. Inga avgifter per användare. Se Nivåer och priser. ### Hänger ihop med - [Mediabank (HappyFiles + Eagle)](https://webbplattformen.se/docs/mediabank/) – vanligaste medarbetarguiden: hitta och ladda upp bilder - [Kundtjänst & ärenden (FluentSupport)](https://webbplattformen.se/docs/kundtjanst/) – sparade svar länkar till rätt guide - [Utbildning & e-kurser (FluentCommunity Kurser)](https://webbplattformen.se/docs/utbildning/) – guider bäddas in i handböcker och kurser - [Bokning (FluentBooking + LatePoint)](https://webbplattformen.se/docs/bokning/) – publika bokningsguider för besökare ## On-boarding ### Klickbar guide *Supademo: läggs in.* ### Vanligaste momenten 1. **Öppna guiderna** – klicka på den blågula guide-ikonen längst ner till höger på er sajt (eller gå till /guider/). 1. **Sök** efter uppgiften, t.ex. "protokoll". Guiderna är indelade i kapitel så att rätt steg hittas direkt. 1. **Klicka dig igenom** stegen. Varje steg visar exakt var man klickar på er riktiga sajt – samma menyer och knappar som ni har. 1. **Lyssna** – stegen läses upp med AI-röst. Byt språk med ett knapptryck: svenska, engelska eller arabiska. 1. **Logga in** om guiden är intern – styrelse- och redaktörsguider visas bara för inloggade. 1. **Beställ ny guide**: skriv till oss vilken uppgift som ska visas. Vi spelar in på er sajt och lägger in den i hubben. ### WpKit-standardinställningar - Guider inspelade på er faktiska sajt – aldrig generiska exempelbilder - Blågul guide-ikon nere i högra hörnet (Demo Hub) med sökfunktion och kapitelindelning - AI-röst: svenska (Ingrid), engelska (Katie X), arabiska (Salma) - Interna guider endast för inloggade styrelseledamöter/redaktörer; publika guider öppna för alla besökare - Länk till guiderna i Stafettpinnen vid styrelse- eller personalbyte ### Vanliga fel - **Guiden visar en annan vy än sajten** → sajten har ändrats sedan inspelningen (ny meny, nytt formulär). Skriv till oss, vi spelar in steget på nytt. - **Interna guider syns inte** → ni är inte inloggade. Logga in, så visas styrelse- och redaktörsguiderna i hubben. - **Fel språk eller ingen röst** → byt språk i guiden; tre språk finns. Kontrollera att ljudet i webbläsaren inte är avstängt. - **Ikonen saknas på en sida** → ikonen ligger på sajten, inte på enskilda sidor. Hör av er så kontrollerar vi att den är aktiv. ## Off-boarding ### Klart när - [ ] Lista över uppgifter med guide beslutad tillsammans med er - [ ] Guiderna inspelade på er sajt och granskade av den som lär upp andra - [ ] Guide-ikonen (Demo Hub) synlig på sajten, interna guider bakom inloggning - [ ] Röst och språk kontrollerade - [ ] Guiderna länkade från Stafettpinnen och från sparade svar i kundtjänsten ### Sköts automatiskt Inspelning, röst och översättning sker i vår Supademo-pipeline (SV/EN/AR). Demo Hub-widgeten på sajten underhålls av oss. Drift, backup och säkerhet enligt Drift. ### Era återkommande uppgifter - **Vid varje större ändring på sajten** (ny meny, nytt formulär): meddela oss så spelas berörda steg in på nytt - **Varje kvartal**: gå igenom vilka frågor som fortfarande kommer till kansliet – de är kandidater för nya guider - **Vid styrelse- eller personalbyte**: efterträdaren tar vid med guiderna i hubben ### Stänga av eller flytta ut Guiderna ligger i vår Supademo-pipeline och visas på er sajt via ikonen; ni får länkar och inbäddningskod till varje guide. Handböcker och kurser där guiderna bäddats in exporteras tillsammans med sajten. Vill ni stänga av tar vi bort ikonen. Ingen bindning – se Export. ## Re-boarding ### Ändringslogg - **2026-10-26** – Dokumentet ifyllt. Supademo 2026.10 (2026-10-15). - **2026-10-15** – 2026.10: automatiserad flerspråkig pipeline (SV/EN/AR) och integrerad Demo Hub. Påverkan: nya guider får röst på tre språk utan extra inspelning, och alla guider samlas i ikonen i hörnet. ### Kända begränsningar - Passar inte för långa policydokument som inte handlar om hur man utför en uppgift på sajten - En guide är en inspelning av sajten – ändras sidan måste steget spelas in på nytt - Inbäddning av guider i enskilda kurslektioner (FluentCommunity) är ännu på idéstadiet ### Frågor och svar #### Vad är en klickbar guide? En steg-för-steg-guide inspelad på er egen sajt där varje steg visar var man klickar, med AI-röst som läser upp vad som händer. Den ersätter PDF-manualer, långa Loom-videor och telefonhandledning. #### Vilka språk finns? Svenska, engelska och arabiska – med ett knapptryck i guiden. Tensta Träff kör tolv publika bokningsguider med röst på alla tre språken. #### Kan guiderna ligga bakom inloggning? Ja. Interna manualer för styrelse och medarbetare visas bara för inloggade, medan bokningsguider för gäster kan vara öppna för alla besökare. #### Hur många guider brukar det bli? Fem till tolv är vanligt: Royal Djurgården har sex medarbetarguider för mediabanken, Ohlininstitutet fem redaktörsguider, SILC sex guider. ### Nästa - Supademo-guide inbäddad direkt i kurslektion (FluentCommunity) – idé, inte byggt - Supademo för detta dokument spelas in