---
title: "Slik tilpasser du hovedikonene i butikken 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 tilpasser ikonene til appen din\r \r Dette er et obligatorisk trinn for å generere appen din\r \r Ikonet er et viktig visu…"
canonical_url: "https://no.goodbarber.com/tutorials/shop/design/slik-tilpasser-du-hovedikonene-i-butikken-din/"
lang: no
---

# Slik tilpasser du hovedikonene i butikken din | Opplæringsvideoer for e-handelsapper - GoodBarber

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

# Slik tilpasser du hovedikonene i butikken din

Hei og velkommen til ditt GoodBarber-backoffice

I dag skal vi lære hvordan du tilpasser ikonene til appen din

Dette er et obligatorisk trinn for å generere appen din

Ikonet er et viktig visuelt element i appen din. Det vil bli brukt som favicon av nettlesere, vises i push-varsler for å identifisere avsenderen og på startskjermen på brukernes enhet.

For å konfigurere ikonene går du til menyen Innhold og design > Design > Generell design

Åpne ikonmenyen

Du kan bruke assistenten eller lage et helt tilpasset ikon

Vi begynner med assistenten

Her kan du legge til tekst eller en logo

Jeg ønsker for eksempel å vise initialene til butikken min Urban Shango. Alt jeg trenger å gjøre er å skrive dem inn i tekstboksen
Voila

Hvis jeg foretrekker en logo, trenger jeg bare å klikke på fanen slik og laste opp et bilde i de nødvendige dimensjonene

La oss holde oss til teksten

På høyre sidemeny kan jeg stille inn skrifttype, tekstfarge og effekter

Deretter lager jeg bakgrunnen til ikonet mitt: en farge eller et bilde fra unSpash-biblioteket på back office eller fra datamaskinen min.

Det er det jeg skal gjøre .

Og voila, ikonet mitt er klart!

Alt jeg trenger nå er å redigere tittelen på appen min, som vil vises på startskjermen på klientenhetene dine

Perfekt!

Klikk på generer og bekreft endringene

Ikonene genereres automatisk i ønsket format for alle mulige bruksområder.

Det var enkelt, ikke sant?

La oss nå prøve det tilpassede alternativet
Det kunne ikke vært enklere. Bare last opp et allerede opprettet ikon (i ønsket størrelse)

Og så er det gjort!

Nå vet du hvordan du tilpasser appikonet ditt

Vi ses veldig snart for en annen veiledning!

## 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 konfigurerer du startsiden til appen din](/tutorials/shop/design/slik-konfigurerer-du-startsiden-til-appen-din/)

![Slik konfigurerer du startsiden til appen din](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.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 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)