---
title: "So passen Sie die Hauptsymbole Ihres Shops an | Anleitungen für Shopping-Apps – GoodBarber"
description: "Hallo und willkommen in Ihrem GoodBarber Back Office\r \r Heute lernen wir, wie Sie die Symbole Ihrer App anpassen\r \r Dieser Schritt ist Pflicht, bevor Ihre App erzeugt wird\r \r Das Symbol ist ein zentr…"
canonical_url: "https://de.goodbarber.com/tutorials/shop/design/so-passen-sie-die-hauptsymbole-ihres-shops-an/"
lang: de
---

# So passen Sie die Hauptsymbole Ihres Shops an | Anleitungen für Shopping-Apps – GoodBarber

[Zurück](https://de.goodbarber.com/tutorials/shop/)

# So passen Sie die Hauptsymbole Ihres Shops an

Hallo und willkommen in Ihrem GoodBarber Back Office

Heute lernen wir, wie Sie die Symbole Ihrer App anpassen

Dieser Schritt ist Pflicht, bevor Ihre App erzeugt wird

Das Symbol ist ein zentrales Element Ihrer App. Browser nutzen es als Favicon, in Push-Nachrichten zeigt es den Absender, und es steht auf dem Startbildschirm Ihrer Nutzer.

Für die Einrichtung gehen wir in das Menü Inhalt und Design > Design > Allgemeines Design

Öffnen Sie das Menü Symbol

Sie können den Assistenten nutzen oder ein ganz eigenes Symbol anlegen

Beginnen wir mit dem Assistenten

Hier fügen Sie Text oder ein Logo hinzu

Ich möchte zum Beispiel die Initialen meines Shops Urban Shango zeigen. Ich trage sie einfach in das Textfeld ein. Voilà

Wenn ich lieber ein Logo möchte, klicke ich wie hier auf den Reiter und lade ein Bild in den geforderten Maßen hoch

Bleiben wir beim Text

Im Menü rechts stelle ich Schrift, Textfarbe und Effekte ein

Dann gestalte ich den Hintergrund meines Symbols: eine Farbe oder ein Bild aus der Unsplash-Bibliothek im Back Office oder von meinem Rechner.

Genau das mache ich jetzt.

Und voilà, mein Symbol ist fertig!

Jetzt muss ich nur noch den Titel meiner App eintragen, der auf dem Startbildschirm Ihrer Kundschaft erscheint

Perfekt!

Klicken Sie auf Generieren und bestätigen Sie die Änderungen

Die Symbole werden automatisch in allen nötigen Formaten erzeugt.

Das war einfach, oder?

Probieren wir jetzt die Option für ein eigenes Symbol. Einfacher geht es nicht: Laden Sie einfach Ihr fertiges Symbol in den geforderten Größen hoch

Und fertig!

Jetzt wissen Sie, wie Sie das Symbol Ihrer App anpassen

Bis ganz bald zu einem neuen Tutorial!

## Ähnliche Videos

[DesignSo richten Sie Ihr Navigationsmenü ein](/tutorials/shop/design/so-richten-sie-ihr-navigationsmenu-ein/)

![So richten Sie Ihr Navigationsmenü ein](https://portal.ww-cdn.com/portal_static/images/videos_shop11.4f7dad94042e.jpg)

[DesignSo passen Sie die Symbole des Menüs an](/tutorials/shop/design/so-passen-sie-die-symbole-des-menus-an/)

![So passen Sie die Symbole des Menüs an](https://portal.ww-cdn.com/portal_static/images/videos_shop12.6eeb6d5a859c.jpg)

[DesignSo richten Sie die Startseite Ihrer App ein](/tutorials/shop/design/so-richten-sie-die-startseite-ihrer-app-ein/)

![So richten Sie die Startseite Ihrer App ein](https://portal.ww-cdn.com/portal_static/images/videos_shop13.e1aed198d25d.jpg)

[DesignSo passen Sie Ihren Startbildschirm an](/tutorials/shop/design/so-passen-sie-ihren-startbildschirm-an/)

![So passen Sie Ihren Startbildschirm an](https://portal.ww-cdn.com/portal_static/images/videos_shop14.5ba4ff60f4e0.jpg)

[DesignSo richten Sie die Kopfzeile Ihres Shops ein](/tutorials/shop/design/so-richten-sie-die-kopfzeile-ihres-shops-ein/)

![So richten Sie die Kopfzeile Ihres Shops ein](https://portal.ww-cdn.com/portal_static/images/videos_shop15.1e15b7c0b749.jpg)

[DesignSo richten Sie den globalen Stil Ihres Shops ein](/tutorials/shop/design/so-richten-sie-den-globalen-stil-ihres-shops-ein/)

![So richten Sie den globalen Stil Ihres Shops ein](https://portal.ww-cdn.com/portal_static/images/videos_shop16.60bbdddf3a84.jpg)

[DesignSo gestalten Sie die Bereiche Ihres Shops](/tutorials/shop/design/so-gestalten-sie-die-bereiche-ihres-shops/)

![So gestalten Sie die Bereiche Ihres Shops](https://portal.ww-cdn.com/portal_static/images/videos_shop18.471e5731e7e3.jpg)

[DesignSo trennen Sie das Design eines Bereichs ab](/tutorials/shop/design/so-trennen-sie-das-design-eines-bereichs-ab/)

![So trennen Sie das Design eines Bereichs ab](https://portal.ww-cdn.com/portal_static/images/videos_shop19.6bfd3cd7cba1.jpg)

[DesignSo wählen Sie die Größe Ihrer Kopfzeile aus?](/tutorials/shop/design/how-to-choose-your-header-size/)

![So wählen Sie die Größe Ihrer Kopfzeile aus?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)