Introduktion til tilpasset HTML og CSS til login-processer

Brugerrejser starter ofte på login-siden. Men når det drejer sig om design og brugeroplevelse, kan dette afgørende element let blive overset.

Derfor er vi så glade for at kunne præsentere vores nyeste funktion: Custom UI.

Den giver dig frihed til at skabe login-forløb, der ikke kun er funktionelle, men også skræddersyede til din målgruppes behov og i tråd med din brandvision.

Hvad er Custom UI?

Custom UI er designet til at forbedre login-forløbet for brugere, der logger ind på deres konti med en eID.

Det giver dig mulighed for at tilføje din egen HTML- og CSS-kode til de Idura-hostede login-sider på din hjemmeside eller i din applikation for at give dem et unikt layout.

Custom UI er tilgængeligt med det danske MitID, det svenske BankID og det finske Trust Network, eller når du bruger en Selector-side, der indeholder flere eID-muligheder.

For at se potentialet i Custom UI kan du tage et kig på standard-login-grænsefladen til MitID:

Med brugerdefineret brugergrænseflade kan du omdanne den til en side, der ikke kun passer til dit brand, men også indeholder relevante oplysninger til dine brugere.

Mulighederne er uendelige.

Her er et eksempel på, hvordan Cool Energy (et fiktivt energiselskab) kunne designe den:

Anvendelsestilfælde

Lad os se på nogle anvendelsestilfælde, hvor Custom UI virkelig kan udnytte sit potentiale:

1. Forenkling af kundesupport

Du kan imødegå potentielle bekymringer eller spørgsmål, som dine kunder måtte have, ved at give nyttige oplysninger på login-siden. For eksempel:

• Kontaktoplysninger: Tilføj telefonnumre, e-mailadresser eller et link til live support, så brugeren kan få hjælp med det samme.
• Yderligere oplysninger: Del ofte stillede spørgsmål (FAQ), serviceopdateringer eller vigtige meddelelser direkte på login-siden.

2. Forbedring af brugeroplevelsen

Med en tilpasset brugergrænseflade kan du gøre login-siden til en forlængelse af dit brand. Du kan:

• Anvende din egen stil: Indarbejd dit brands farver, skrifttyper og billeder for at skabe en ensartet og visuelt tiltalende login-side.
• Tilføje personligt tilpasset indhold: Inkluder en velkomstbesked eller andet tilpasset indhold for at byde brugerne velkommen, når de logger ind.
• Relevante links: Forbedr din login-side med links til ressourcer, dokumenter eller eksterne websider, der er relevante for dine brugere.

Hvordan implementeres brugerdefineret brugergrænseflade?

Processen er enkel.

Du skal blot tilføje din egen HTML og CSS for at skabe den struktur, du foretrækker, omkring Idura-login-feltet.

Du kan gøre dette direkte via den indbyggede kodeditor på dit Idura-dashboard:

Når koden er klar, kan du straks aktivere den ved blot at offentliggøre den.

Garanteret kvalitet

Du kan forhåndsvise din styling i testmiljøet og implementere netop den HTML og CSS i produktionsmiljøet med et enkelt klik – uden at skulle kopiere og indsætte. Den offentliggjorte version bliver straks aktiv på dine produktionslogin-sider.

Se vores fulde dokumentation og eksempler for omfattende vejledning og inspiration.

Deltag i vores betatest

Brugerdefineret brugergrænseflade giver dig mulighed for bedre at hjælpe dine kunder, dele værdifuld information eller skabe en personlig brandoplevelse.

For at gøre den nye funktion endnu bedre inviterer vi betatestere og early adopters til at deltage.

Hvis du gerne vil være blandt de første til at prøve Custom UI, så kontakt os via Slack eller e-mail. Vi glæder os til at høre fra dig!