---
title: "Hoe u de pictogrammen van uw menu kunt aanpassen | Tutorials voor winkelapp - GoodBarber"
description: "Hallo en welkom in uw GoodBarber back office\r \r Vandaag leren we hoe u de pictogrammen van uw app aanpast\r \r Die stap is verplicht voordat uw app wordt gegenereerd\r \r Het pictogram is een centraal el…"
canonical_url: "https://nl.goodbarber.com/tutorials/shop/ontwerp/hoe-u-de-pictogrammen-van-uw-menu-kunt-aanpassen/"
lang: nl
---

# Hoe u de pictogrammen van uw menu kunt aanpassen | Tutorials voor winkelapp - GoodBarber

[Terug](https://nl.goodbarber.com/tutorials/shop/)

# Hoe u de pictogrammen van uw menu kunt aanpassen

Hallo en welkom in uw GoodBarber back office

Vandaag leren we hoe u de pictogrammen van uw app aanpast

Die stap is verplicht voordat uw app wordt gegenereerd

Het pictogram is een centraal element van uw app. Browsers gebruiken het als favicon, in pushmeldingen toont het de afzender, en het staat op het startscherm van uw gebruikers.

Voor de instelling gaan we naar het menu Content en Design > Design > Algemeen design

Open het menu Pictogram

U kunt de assistent gebruiken of een volledig eigen pictogram maken

We beginnen met de assistent

Hier voegt u tekst of een logo toe

Ik wil bijvoorbeeld de initialen van mijn winkel Urban Shango tonen. Ik zet ze gewoon in het tekstvak. Voilà

Wil ik liever een logo, dan klik ik zoals hier op het tabblad en upload ik een afbeelding in de gevraagde afmetingen

We blijven bij de tekst

In het menu rechts stel ik het lettertype, de tekstkleur en de effecten in

Daarna maak ik de achtergrond van mijn pictogram: een kleur of een afbeelding uit de Unsplash-bibliotheek in de back office of van mijn computer.

Dat is precies wat ik ga doen.

En voilà, mijn pictogram is klaar!

Nu hoef ik alleen nog de titel van mijn app in te vullen, die op het startscherm van uw klanten verschijnt

Perfect!

Klik op Genereren en bevestig de wijzigingen

De pictogrammen worden automatisch in alle nodige formaten gemaakt.

Dat was makkelijk, toch?

Laten we nu de optie met een eigen pictogram proberen. Eenvoudiger kan niet: upload gewoon uw kant-en-klare pictogram in de gevraagde maten

En klaar!

Nu weet u hoe u het pictogram van uw app aanpast

Tot heel snel bij een volgende tutorial!

## Gerelateerde video's

[OntwerpHoe u uw navigatiemenu instelt](/tutorials/shop/ontwerp/hoe-u-uw-navigatiemenu-instelt/)

![Hoe u uw navigatiemenu instelt](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[OntwerpHoe u de pictogrammen van het menu kunt aanpassen](/tutorials/shop/ontwerp/hoe-u-de-pictogrammen-van-het-menu-kunt-aanpassen/)

![Hoe u de pictogrammen van het menu kunt aanpassen](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[OntwerpHoe u de startpagina van uw app instelt](/tutorials/shop/ontwerp/hoe-u-de-startpagina-van-uw-app-instelt/)

![Hoe u de startpagina van uw app instelt](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[OntwerpHoe u uw splashscreen kunt aanpassen](/tutorials/shop/ontwerp/hoe-u-uw-splashscreen-kunt-aanpassen/)

![Hoe u uw splashscreen kunt aanpassen](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[OntwerpHoe u de header van uw winkel instelt](/tutorials/shop/ontwerp/hoe-u-de-header-van-uw-winkel-instelt/)

![Hoe u de header van uw winkel instelt](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[OntwerpHoe u de algemene stijl van uw winkel instelt](/tutorials/shop/ontwerp/hoe-u-de-algemene-stijl-van-uw-winkel-instelt/)

![Hoe u de algemene stijl van uw winkel instelt](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[OntwerpHoe u de secties van uw winkel ontwerpt](/tutorials/shop/ontwerp/hoe-u-de-secties-van-uw-winkel-ontwerpt/)

![Hoe u de secties van uw winkel ontwerpt](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[OntwerpHoe u het ontwerp van een sectie losmaakt](/tutorials/shop/ontwerp/hoe-u-het-ontwerp-van-een-sectie-losmaakt/)

![Hoe u het ontwerp van een sectie losmaakt](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[OntwerpHoe kiest u de grootte van uw koptekst?](/tutorials/shop/ontwerp/how-to-choose-your-header-size/)

![Hoe kiest u de grootte van uw koptekst?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)