Hoe u uw header instelt

Hallo en welkom in uw GoodBarber back office!

Vandaag stellen we de header in, dus het logo en de titel van uw app.

Dat is het bovenste deel van de app, altijd zichtbaar en in alle secties bereikbaar.

De header heeft 4 taken:

- de identiteit van uw app tonen

- de sectie een titel geven

- snelkoppelingen tonen

- door de app navigeren

Ga meteen naar het menu Mijn app > Design > Algemeen design.

Ik klik op Logo en titel.

Hier kan ik de naam van mijn app als tekst invullen of een logo uploaden.

Ik wil iets met herkenning, dus ik neem een logo.

Het staat al klaar, ik hoef het alleen te uploaden.

Klaar!

Nu kies ik de uitlijning van het logo: rechts of gecentreerd.

Eenvoudig, toch?

Wilt u meer? Ik wist het!

U kunt de header verder aanpassen door hier het menu Geavanceerd aan te zetten.

Nu heb ik veel meer opties.

Ik wijzig de achtergrondkleur, de scheidingslijn, voeg achtergrondafbeeldingen toe.

Ik kan mijn header ook links geven.

Ik werk aan de app van Freyja Spa, een lokale zaak.

Dus voeg ik hier een link naar de lidkaart toe. Ik klik op Een actie toevoegen, kies het pictogram en de kleuren van mijn snelkoppeling. Perfect.

Voor de PWA kunt u kiezen of de titel van de snelkoppeling op tablet en desktop verschijnt.

Ik voeg ook een link naar de klantenkaart toe, zodat mijn gebruikers makkelijk bij hun beloningen komen.

Laatste instelling: de overige elementen van de header.

Hier zijn dat de terugpijltjes die in de header verschijnen terwijl iemand door de app navigeert.

De video over de navigatiewijzen staat in de infobalk ;)

Ik bekijk het voorbeeld.

Klaar!

Ik laat u het eindresultaat zien.

Nu weet u hoe u de header van uw app aanpast.

Tot snel bij een nieuwe tutorial!