Sådan sætter du din header op

Hej og velkommen til dit GoodBarber-backoffice!

I dag vil vi indstille headeren eller logoet og titlen på din applikation.

Dette er den øverste del af applikationen, som altid er synlig og tilgængelig i alle sektioner.

Overskriften har 4 formål:

- Vis din apps identitet

- Give en titel til en sektion

- Vise genveje

- Navigere i applikationen

Lad os straks gå til menuen Min app > Design > Generelt design.

Jeg klikker på Logo og titel.

Her kan jeg enten indtaste navnet på min app i tekstformat eller tilføje et logo.

Jeg vil gerne have noget meget "branded", så jeg tilføjer et logo i stedet.

Det er allerede klar, jeg skal bare uploade det.

Så er det klaret!

Nu vælger jeg, om logoet skal placeres til højre eller i midten.

Det er nemt, ikke sandt?

Vil du have mere? Jeg vidste det!

Du kan gå videre med at tilpasse headeren ved at aktivere menuen Avanceret her.

Der har jeg mange flere muligheder nu.

Jeg kan ændre baggrundsfarven, separationslinjen og tilføje baggrundsbilleder.

Jeg kan også tilføje links til min header.

Jeg arbejder på Freyja Spa-appen, det er en lokal virksomhed.

Så jeg vil tilføje et link til medlemskortet her. Jeg klikker på Add Action, vælger ikonet og indstiller farverne for min genvej. Det er perfekt.

I PWA-versionen kan du vælge at vise titlen på genvejen på tablet og desktop.

Jeg tilføjer også et link til loyalitetskortet, så mine brugere nemt kan få adgang til deres belønninger.

Sidste parameter er de andre elementer i headeren.

Her er det back-ikonerne, der vises i headeren, mens brugeren browser i appen.

Jeg placerede videoen i navigationstilstandene i infobjælken ;)

Jeg laver en forhåndsvisning.

Så er den færdig!

Jeg viser dig det endelige resultat.

Nu ved du, hvordan du tilpasser headeren i din app.

Vi ses snart til en ny tutorial!