Så designar du egna inloggningsflöden med HTML och CSS

Kundresor börjar ofta med inloggningssidan. Men när det gäller design och användarupplevelse kan detta ibland förbises.

Det är därför vi har gjort det möjligt att anpassa användargränssnittet så det passar ert företags degen design.

Den ger dig friheten att skapa inloggningsflöden som inte bara är funktionella utan också skräddarsydda efter din målgrupps behov och i linje med ditt varumärkes vision.

Vad är anpassat användargränssnitt?

Custom UI är utformat för att förbättra inloggningsflödet för användare som kommer åt sina konton med ett eID.

Det låter dig lägga till din egen HTML- och CSS-kod till de Idura-hostade inloggningssidorna på din webbplats eller applikation för att ge dem en unik layout.

Custom UI är tillgängligt med BankID, dansk MitID och Finnish Trust Network, eller när du använder en Selector-sida som innehåller flera eID-alternativ.

För att se potentialen i Custom UI, ta en titt på standardinloggningsgränssnittet för MitID:

Med Custom UI kan du förvandla det till en sida som inte bara är i linje med ditt varumärke utan också innehåller relevant information för dina användare.

Möjligheterna är oändliga.

Här är ett exempel på hur Cool Energy (ett fiktivt energiföretag) kan utforma det:

Användningsfall

Låt oss titta på några användningsfall där Custom UI kan glänsa:

1. Förenkla kundsupport

Du kan ta itu med potentiella problem eller frågor som dina kunder kan ha genom att tillhandahålla användbar information på inloggningssidan. Till exempel:

• Kontaktuppgifter: Lägg till telefonnummer, e-postadresser eller en länk till live-support för att hjälpa användaren direkt.
• Ytterligare information: Dela vanliga frågor, serviceuppdateringar eller viktiga meddelanden direkt på inloggningssidan.

2. Förhöjd användarupplevelse

Med Custom UI kan du göra inloggningssidan till en förlängning av ditt varumärke. Du kan göra följande:

• Tillämpa din egen stil: Införliva ditt varumärkes färger, teckensnitt och bilder för att skapa en konsekvent, visuellt tilltalande inloggningssida.
• Lägga till personligt innehåll: Inkludera ett välkomstmeddelande eller annat anpassat innehåll för att hälsa användarna välkomna när de loggar in.
• Relevanta länkar: Förbättra din inloggningssida med länkar till resurser, dokument eller externa webbsidor som är relevanta för dina användare.

Hur implementerar man Custom UI?

Processen är okomplicerad.

Lägg bara till din egen HTML och CSS för att skapa din önskade struktur runt Iduras inloggningsruta.

Detta kan du göra direkt via den inbyggda kodredigeraren i din Idura Dashboard:

När koden är klar kan du omedelbart aktivera den genom att publicera den.

Garanterad kvalitet

Du kan förhandsgranska din styling i testmiljön och distribuera exakt samma HTML & CSS till produktionen med ett klick på en knapp - ingen copy-paste behövs. Den publicerade versionen blir omedelbart aktiv för dina produktionsinloggningar.

För omfattande vägledning och inspiration, se vår fullständiga dokumentation och våra exempel.

Kom igång med eID i er egen design

Custom UI ger dig möjlighet att bättre hjälpa dina kunder, dela med dig av värdefull information eller skapa en personlig varumärkesupplevelse.