Sådan opsætter du din startside

Hej og velkommen til en ny GoodBarber-tutorial

I dag skal vi lære, hvordan du opsætter startsiden i din app.

Startsiden er den første side, brugerne ser, når de åbner din app.

På denne side kan du oprette en sekundær navigation ud over din hovednavigation.

Lad os starte med det samme ved at gå til menuen Min app, Design, Startside

De moduler, der udgør dit hjem, kaldes widgets.

Der er flere typer widgets:

- Indholdswidgets.
De viser en oversigt over indholdet af sektionerne i din app.

- Link-widgets
Du kan oprette links til de interne sider i din app eller eksterne links på din hjemmeside eller handlinger som at ringe, sende sms'er eller e-mails.

- Annonce-widget'en
Denne widget viser de annoncer, der er defineret i din menu for indtægtsgenerering.

- Widget til søgning
Den kan aktiveres, hvis du har tilføjet et søgeafsnit til din app. Den giver brugerne mulighed for at søge fra startsiden.

- Widget til sociale links
For at vise genveje til dine sociale netværk.

- Nyhedsbrev-widget'en
Som giver dig mulighed for at indsamle dine brugeres e-mails.

- Separator-widget'en
Som viser en separator mellem de andre widgets.

- HTML-widget'en
Med den kan du vise din egen HTML-kode.

Bemærk, at de fleste widgets faktisk er genveje til eksisterende sektioner. De vises kun, hvis du har tilføjet sektionen til din app. Hvis du f.eks. ikke har et Search-afsnit i din app, vil Search-widget'en ikke blive tilbudt dig.

Lad os starte med at tilføje en Link-widget.

Jeg vil gerne tilbyde mine brugere en navigation til de forskellige tjenester i min Spa.

Jeg vælger den visuelle skabelon.

Først opretter jeg links til de forskellige sektioner, jeg vil gøre tilgængelige.

Massager først.

Jeg vælger titlen på mit link og billedet.
Du kan tilføje en beskrivelse og en handlingsknap, men det gør jeg ikke.

Jeg gør det samme for de andre sektioner, jeg vil vise:
- Ansigtsbehandlinger.
- Pakker.
- Nu til indstillingerne.
- Baggrundsfarven på widgetten.
- Skrifttyperne.
- Handlingsknappen, men jeg har ikke sat en på.
- Margenerne.
- Og effekterne på billederne.

Sådan, ja!

Nu vil jeg lave en indholdswidget til at vise begivenhederne i min Spa.

Det er altid det samme princip. Vi tilføjer og redigerer derefter widgetten.

Derefter tilføjer jeg en anden indholdswidget for at vise min brugersektion, hvor jeg har oprettet en gruppe til at præsentere spaens medarbejdere.

Derefter endnu en Link-widget.

Denne gang vil jeg vise:

- min Om-side,
- min behandlingsreservationsformular,

og to handlinger:

- sende en sms
- og et opkald.

Jeg skaber mit design.

Og til sidst laver jeg en nyhedsbrev-widget for at opbygge en lille e-mail-database ;)

Her er den tilføjet, men jeg ville foretrække, at den lå oven på min link-widget.

Bare træk den til det rigtige sted.
Bare sådan!

Sådan er det!

Hjemmet tilbyder millioner af muligheder, især med Links-widgetterne, som giver dig mulighed for at vise links til dine forskellige sektioner, men også handlinger (opkald, e-mail, sms) eller eksterne links. Og HTML-widgetten, som du kan tilpasse fuldt ud.

Lad mig vise dig den endelige version af mit hjem.

Her er to eksempler mere, så du kan se, at du virkelig kan skabe hjem, der er forskellige visuelt og funktionelt.

Dette er startsiden for min virksomhedsapp.

Og hjemmet til min lokale nyhedsapp.

Nu kan du skabe dit eget hjem, og jeg glæder mig til at se resultatet!

Vi ses snart til en ny tutorial!