---
title: "Så här ställer du in startsidan för din app | Handledning för e-handelsapp - GoodBarber"
description: "Hej och välkommen till ditt GoodBarber-backoffice\r \r Idag ska vi lära oss hur du ställer in hemsidan för din butik\r \r Hemsidan är den första sidan som dina användare kommer att se när de öppnar din a…"
canonical_url: "https://se.goodbarber.com/tutorials/shop/design/sa-har-staller-du-in-startsidan-for-din-app/"
lang: sv
---

# Så här ställer du in startsidan för din app | Handledning för e-handelsapp - GoodBarber

[Tillbaka](https://se.goodbarber.com/tutorials/shop/)

# Så här ställer du in startsidan för din app

Hej och välkommen till ditt GoodBarber-backoffice

Idag ska vi lära oss hur du ställer in hemsidan för din butik

Hemsidan är den första sidan som dina användare kommer att se när de öppnar din app

På den här sidan kan du hitta en sekundär navigering för att komplettera din huvudnavigering

Låt oss börja med att gå till menyn Innehåll & design och sedan Hem

Din startsida består av olika moduler som kallas widgets
Det finns olika typer av widgets
Produktlista
Lista över kollektioner
Sökning
Kampanj banner
Nyhetsbrev
Länk
Juridiska meddelanden
Sociala medier
Separatorer
HTML

Observera att de flesta widgetarna är genvägar till befintliga avsnitt. De kommer bara att visas om du redan har lagt till avsnittet i din butik. Om du till exempel inte har ett Sök-avsnitt i din butik kommer sökwidgeten inte att vara tillgänglig.

Du kan hitta videor om varje avsnitt i informationsfältet

Låt oss börja med att lägga till widgeten för produktlistan
Jag väljer sektionen eller sektionerna relaterade

Widget tillagd
Jag kommer nu att redigera den

Jag väljer en mall

Titelvisning och alla designelement

Produkterna som visas här kommer att sorteras efter taggar (länken till taggarnas video finns i informationsfältet)
I det här fallet kommer jag bara att visa ljusa färgprodukter

Allt gjort
Jag väljer antalet produkter som ska visas
Marginalerna

Miniatyrbildsformatet

Och voila

Jag kommer nu att skapa widgeten Sök
Samma princip. Lägga till och sedan redigera widgeten

Ok, se widgeten finns där men jag föredrar att ha den högst upp på sidan

Dra den helt enkelt till önskad position, så här

Nu en Promo banner widget

Fler widgets för produktlistor

En nyhetsbrevswidget för att skapa min e-postbas

En widget för sociala medier för att visa alla mina länkar

Och slutligen de juridiska meddelandena

Voila, allt klart

Hemsidan ger dig massor av möjligheter, särskilt med länkwidgetarna, för att visa länkar till dina olika sektioner men också åtgärder (samtal, e-post, text) och till och med externa länkar. Och HTML-widgeten som du kan anpassa helt och hållet.

Låt mig visa dig den slutliga versionen av mitt hem

Det är dags för dig att ditt till ditt hem!

Vi ses mycket snart för en annan handledning!

## Relaterade videor

[DesignSå här skapar du din navigeringsmeny](/tutorials/shop/design/sa-har-skapar-du-din-navigeringsmeny/)

![Så här skapar du din navigeringsmeny](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSå här anpassar du menyikonerna](/tutorials/shop/design/sa-har-anpassar-du-menyikonerna/)

![Så här anpassar du menyikonerna](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSå här anpassar du din splashscreen](/tutorials/shop/design/sa-har-anpassar-du-din-splashscreen/)

![Så här anpassar du din splashscreen](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSå här ställer du in rubriken i din butik](/tutorials/shop/design/sa-har-staller-du-in-rubriken-i-din-butik/)

![Så här ställer du in rubriken i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSå här ställer du in den globala stilen för din butik](/tutorials/shop/design/sa-har-staller-du-in-den-globala-stilen-for-din-butik/)

![Så här ställer du in den globala stilen för din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSå här anpassar du huvudikonerna i din butik](/tutorials/shop/design/sa-har-anpassar-du-huvudikonerna-i-din-butik/)

![Så här anpassar du huvudikonerna i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop17.5fb60f1ec20f.jpg)

[DesignSå utformar du sektionerna i din butik](/tutorials/shop/design/sa-utformar-du-sektionerna-i-din-butik/)

![Så utformar du sektionerna i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignHur man kopplar loss designen av en sektion](/tutorials/shop/design/hur-man-kopplar-loss-designen-av-en-sektion/)

![Hur man kopplar loss designen av en sektion](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHur väljer man rubrikstorlek?](/tutorials/shop/design/hur-valjer-man-rubrikstorlek/)

![Hur väljer man rubrikstorlek?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)