---
title: "Sådan tilpasser du hovedikonerne i din butik | Vejledninger til e-handelsapps - GoodBarber"
description: "Hej og velkommen til dit GoodBarber-backoffice\r \r I dag skal vi lære, hvordan du tilpasser ikonerne i din app\r \r Dette er et obligatorisk trin for at generere din app\r \r Ikonet er et vigtigt visuelt …"
canonical_url: "https://dk.goodbarber.com/tutorials/shop/design/sadan-tilpasser-du-hovedikonerne-i-din-butik/"
lang: da
---

# Sådan tilpasser du hovedikonerne i din butik | Vejledninger til e-handelsapps - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/shop/)

# Sådan tilpasser du hovedikonerne i din butik

Hej og velkommen til dit GoodBarber-backoffice

I dag skal vi lære, hvordan du tilpasser ikonerne i din app

Dette er et obligatorisk trin for at generere din app

Ikonet er et vigtigt visuelt element i din app. Det vil blive brugt som favicon af webbrowsere, vises i push-meddelelser for at identificere afsenderen og på startskærmen på dine brugeres enheder.

For at konfigurere ikonerne skal du gå til menuen Indhold og design > Design > Generelt design

Åbn menuen med ikoner

Du kan bruge assistenten eller oprette et helt brugerdefineret ikon

Vi starter med assistenten

Her kan du tilføje tekst eller et logo

Jeg vil f.eks. gerne vise initialerne for min butik Urban Shango. Det eneste, jeg skal gøre, er at indtaste dem i tekstfeltet.
Voila

Hvis jeg foretrækker et logo, skal jeg blot klikke på fanen som denne og uploade et billede i de ønskede dimensioner

Lad os holde os til teksten

I menuen til højre kan jeg indstille skrifttype, tekstfarve og effekter

Derefter opretter jeg baggrunden for mit ikon: en farve eller et billede fra unSpash-biblioteket i backoffice eller fra min computer.

Det er, hvad jeg har tænkt mig at gøre.

Og voila, mit ikon er klar!

Alt, hvad jeg behøver nu, er at redigere titlen på min app, som vil blive vist på startskærmen på dine kunders enheder.

Det er perfekt!

Klik på generer, og bekræft ændringerne

Ikonerne genereres automatisk i det ønskede format til alle mulige anvendelser.

Det var nemt, ikke?

Lad os nu prøve den brugerdefinerede mulighed
Det kunne ikke være nemmere. Du skal blot uploade et allerede oprettet ikon (i de ønskede størrelser)

Og så er det gjort!

Du ved nu, hvordan du tilpasser dit app-ikon

Vi ses meget snart til en ny vejledning!

## Relaterede videoer

[DesignSådan sætter du din navigationsmenu op](/tutorials/shop/design/sadan-stter-du-din-navigationsmenu-op/)

![Sådan sætter du din navigationsmenu op](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSådan tilpasser du ikonerne i menuen](/tutorials/shop/design/sadan-tilpasser-du-ikonerne-i-menuen/)

![Sådan tilpasser du ikonerne i menuen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSådan opsætter du startsiden til din app](/tutorials/shop/design/sadan-opstter-du-startsiden-til-din-app/)

![Sådan opsætter du startsiden til din app](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSådan tilpasser du din splashscreen](/tutorials/shop/design/sadan-tilpasser-du-din-splashscreen/)

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

[DesignSådan opsætter du headeren i din butik](/tutorials/shop/design/sadan-opstter-du-headeren-i-din-butik/)

![Sådan opsætter du headeren i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSådan indstiller du den globale stil i din butik](/tutorials/shop/design/sadan-indstiller-du-den-globale-stil-i-din-butik/)

![Sådan indstiller du den globale stil i din butik](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSådan designer du sektionerne i din butik](/tutorials/shop/design/sadan-designer-du-sektionerne-i-din-butik/)

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

[DesignSådan løsner du designet af en sektion](/tutorials/shop/design/sadan-lsner-du-designet-af-en-sektion/)

![Sådan løsner du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/shop/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)