Lägg till en hemsida som "Webbapp" på hemskärmen i din iPhone & Android.
Webbas har tyvärr i dagsläget inte någon renodlad app - till exempel för dig som kund hos oss att administrera din webbplats i eller för dina kunder att besöka din webbplats eller genomföra din kurs i.
Men det finns en workaround inbyggt i alla smartphones som innebär du kan skapa så kallad "Webbapp" och ett sätt att ge dina besökare en appliknande upplevelse för att enkelt nå din webbplats.
Det går nämligen att lägga till en hemsida på mobilens hemskärm som en genväg.
Det gör att sidan kan öppnas direkt från hemskärmen – nästan som en app. Det öppnas i webbläsaren, men du kommer komma till en vy som saknar URL-fönster med mera vilket ger en mycket snarlik upplevelse till appkänslan.
Det här är ett extra bra tips till kursdeltagare, eftersom de då kan lägga kursen på hemskärmen och nå den snabbt varje dag, utan att leta i webbläsaren.
När är detta extra användbart?
För kursportaler och medlemskap (ger snabb åtkomst)
För återkommande inloggningar eller material man vill ha nära till hands
Så här skapar du en webbapp till din hemsida från din telefon
iPhone (Safari) – steg för steg
Öppna hemsidan i Safari (viktigt: inte Chrome).
Tryck på dela-ikonen (fyrkant med pil upp). Ser du inte ikonen kan du behöva klicka på ikonen med de tre prickarna först för att få upp alla val.
Scrolla och välj Lägg till på hemskärmen. Även här kan du behöva klicka på de tre prickarna för att få upp alla val.
Ge genvägen ett namn (valfritt).
Tryck Lägg till.
Klart — ikonen ligger nu på hemskärmen och öppnar sidan direkt när du trycker på den.
Android (Chrome) – steg för steg
Öppna hemsidan i Chrome.
Tryck på menyn (tre prickar uppe till höger).
Välj Lägg till på startskärmen
(ibland står det Installera app eller Lägg till på hemskärmen beroende på telefon).Bekräfta genom att trycka Lägg till.
Klart — ikonen ligger nu på startskärmen och öppnar sidan direkt när du trycker på den.
TIPS FÖR ATT ÄNDRA DESIGN PÅ WEBBAPPENS UTSEENDE💡
När du sparar ned ikonen kommer du inte kunna välja som vare sig webbplatsägare eller kund hur appen ser ut och tyvärr blir den ofta grå med en stor bokstav i bara.
Vi har identifierat en kod du kan placera på din hemsida i HEAD som gör att en valfri bild visas istället. Observera att Webbas ej kan garantera att koden fungerar eller ge stöd i denna kod. Se detta som ett tips som vi själva implementerat hos oss.
Kod som ändrar layout hos iPhone
<link rel="apple-touch-icon" sizes="180x180" href="BILDLÄNK SE INSTRUKTION NEDANFÖR">
Ta fram din bildlänk:
Gå till din Filhanterare >> Välj alla filer >> leta upp din bild >> Hovra med muspekaren över bilden och klicka på den lilla länkikonen du ser.
Nu har du kopierat bildlänken.
Klistra in och ersätt texten BILDLÄNK SE INSTRUKTION NEDAN i koden ovan med din länk.
Kopiera hela koden med din länk och lägg i HEAD under Egen kod.
Vanliga frågor
Blir det en “riktig” app?
Nej, det är en genväg som öppnar hemsidan snabbt, men upplevelsen kan kännas app-lik då den tar bort URL fönster osv.
Fungerar det för alla sidor?
I princip ja, men vissa sidor kan bete sig lite olika beroende på webbläsare och inställningar.
