---
title: "Slik konfigurerer du startsiden til appen din | Opplæringsvideoer for e-handelsapper - GoodBarber"
description: "Hei og velkommen til ditt GoodBarber-backoffice\r \r I dag skal vi lære hvordan du setter opp startsiden til butikken din\r \r Startsiden er den første siden brukerne dine vil se når de åpner appen din\r …"
canonical_url: "https://no.goodbarber.com/tutorials/shop/design/slik-konfigurerer-du-startsiden-til-appen-din/"
lang: no
---

# Slik konfigurerer du startsiden til appen din | Opplæringsvideoer for e-handelsapper - GoodBarber

[Tilbake](https://no.goodbarber.com/tutorials/shop/)

# Slik konfigurerer du startsiden til appen din

Hei og velkommen til ditt GoodBarber-backoffice

I dag skal vi lære hvordan du setter opp startsiden til butikken din

Startsiden er den første siden brukerne dine vil se når de åpner appen din

På denne siden kan du finne en sekundær navigasjon som utfyller hovednavigasjonen din

La oss begynne med å gå til menyen Innhold og design, og deretter Hjem

Startsiden består av ulike moduler som kalles widgeter
Det finnes forskjellige typer widgeter
Produktliste
Liste over kolleksjoner
Søk
Kampanjebanner
Nyhetsbrev
Lenke
Juridiske merknader
Sosiale medier
Skilletegn
HTML

Vær oppmerksom på at de fleste widgetene er snarveier til eksisterende seksjoner. De vises bare hvis du allerede har lagt til seksjonen i butikken din. Hvis du for eksempel ikke har en Søk-seksjon i butikken din, vil ikke søkewidgeten være tilgjengelig.

Du finner videoene om hver seksjon i informasjonsfeltet

For å starte, la oss legge til produktliste-widgeten
Jeg velger seksjonen eller seksjonene som er relatert

Widget lagt til
Jeg skal nå redigere den

Jeg velger en mal

Tittelvisning og alle designelementene

Produktene som vises her vil bli sortert etter tagger (lenken til taggenes video er i informasjonslinjen)
I dette tilfellet vil jeg bare vise lyse fargeprodukter

Alt gjort
Jeg velger antall produkter som skal vises
Marginene

Miniatyrbildeformatet

Og voila

Nå skal jeg lage widgeten Søk
Samme prinsipp. Legge til og deretter redigere widgeten

Ok, se widgeten er der, men jeg foretrekker å ha den øverst på siden

Bare dra den til ønsket posisjon, slik som dette

Nå en Promo banner widget

Flere produktliste-widgets

En nyhetsbrev-widget for å opprette e-postbasen min

En widget for sosiale medier for å vise alle koblingene mine

Og til slutt de juridiske merknadene

Voila, alt er gjort

Hjemmet gir deg mange muligheter, spesielt med lenkewidgetene, for å vise lenker til de forskjellige seksjonene dine, men også handlinger (samtaler, e-post, tekst) og til og med eksterne lenker. Og HTML-widgeten som du kan tilpasse helt.

La meg vise deg den endelige versjonen av hjemmet mitt

Det er på tide for deg å ditt hjem!

Vi ses veldig snart for en annen opplæring!

## Relaterte videoer

[DesignSlik setter du opp navigasjonsmenyen din](/tutorials/shop/design/slik-setter-du-opp-navigasjonsmenyen-din/)

![Slik setter du opp navigasjonsmenyen din](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSlik tilpasser du ikonene på menyen](/tutorials/shop/design/slik-tilpasser-du-ikonene-pa-menyen/)

![Slik tilpasser du ikonene på menyen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSlik tilpasser du sprutskjermen](/tutorials/shop/design/slik-tilpasser-du-sprutskjermen/)

![Slik tilpasser du sprutskjermen](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSlik konfigurerer du toppteksten i butikken din](/tutorials/shop/design/slik-konfigurerer-du-toppteksten-i-butikken-din/)

![Slik konfigurerer du toppteksten i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSlik konfigurerer du den globale stilen for butikken din](/tutorials/shop/design/slik-konfigurerer-du-den-globale-stilen-for-butikken-din/)

![Slik konfigurerer du den globale stilen for butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSlik tilpasser du hovedikonene i butikken din](/tutorials/shop/design/slik-tilpasser-du-hovedikonene-i-butikken-din/)

![Slik tilpasser du hovedikonene i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignSlik utformer du seksjonene i butikken din](/tutorials/shop/design/slik-utformer-du-seksjonene-i-butikken-din/)

![Slik utformer du seksjonene i butikken din](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignSlik løsner du designet til en seksjon](/tutorials/shop/design/slik-lsner-du-designet-til-en-seksjon/)

![Slik løsner du designet til en seksjon](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHvordan velge topptekststørrelse?](/tutorials/shop/design/hvordan-velge-topptekststrrelse/)

![Hvordan velge topptekststørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)