Sobald du das Design deiner Branded App gestaltet hast, kannst du die Inhalte und Funktionen deiner App anpassen. Deine Branded App besteht aus Screens, ähnlich wie die Seiten deiner Website. Wähle aus, wie viele Screens du benötigst und was jeder einzelne anzeigt.

Füge basierend auf deinem Unternehmen Elemente zu deinen Screens hinzu, zum Beispiel eine Produktseite von Wix Stores, eine Veranstaltungsliste oder einen Terminplan von Wix Bookings. Passe den Screen dann mit Buttons, Bildern, Videos und vielem mehr weiter an. Du kannst das Design deiner App auch weiter anpassen, indem du verschiedene Farben und Schriftarten wählst.

Wähle, ob du den Inhalt deiner App über deine Website-Verwaltung anpassen möchtest oder indem du die Wix App herunterlädst und sie auf dem Mobilgerät anpasst.

In diesem Artikel erfährst du mehr über folgende Themen:

Die Kopfzeile anpassen

Die Kopfzeile deiner Branded App befindet sich auf dem Startscreen und ist das erste Element, das Mitglieder sehen, nachdem sie sich in deiner App angemeldet haben. Füge das Logo deines Unternehmens, ein Titelbild und ein Farbschema hinzu, um deine Buttons hervorzuheben.

Verwaltung

Wix App

Wix Studio App

Öffne deine Branded App in deiner Website-Verwaltung.
Klicke auf App bearbeiten.
Klicke links auf Design.
Klicke im Web-Editor auf die Kopfzeile deiner App, um das Panel Kopfzeile bearbeiten zu öffnen.

Screenshot des „Kopfzeile bearbeiten“-Panels im Web-Editor.

Passe das Design deiner Kopfzeile mit den verfügbaren Optionen an:
- Symbole: Aktiviere die entsprechenden Schalter, um zusätzliche Symbole zu deiner Kopfzeile hinzuzufügen.
  Hinweis: Je nachdem, welche Apps von Wix du installiert hast (z. B. Wix Stores, Wix Chat) siehst du möglicherweise verschiedene Anpassungsoptionen.
- Typ: Wähle ein Kopfzeilendesign für deinen Home-Screen aus:

Detailliert

Erstelle deine Kopfzeile mit Features wie deinem Logo, einem Titelbild und vielem mehr. Du kannst wählen, wie viele Inhalte du hinzufügen möchtest.

App-Infos: Füge deine App-Details hinzu, zum Beispiel einen Namen und einen Slogan. Du kannst auch den Schalter Logo anzeigen aktivieren, um ein Logo zu deiner Kopfzeile hinzuzufügen. Um einen Kopfzeilenlink mit weiteren Infos über dein Unternehmen hinzuzufügen, einschließlich Social-Media-Links, Kontaktinformationen und Website-URL, aktiviere den Schalter Allgemeine Info anzeigen.
Titelbild: Klicke auf das Symbol für Hinzufügen , um ein Titelbild hochzuladen. Du kannst mehrere Fotos hinzufügen, um eine Diashow zu erstellen. Wähle für Diashows eine Übergangsverzögerung (in Sekunden) zwischen den Fotos aus.
Mitgliederinfo: Wähle aus, welche Mitgliederinformationen du in der Kopfzeile anzeigen möchtest, indem du die verfügbaren Schalter aktivierst.
Aktionsbuttons: Füge einen Einladungsbutton hinzu, damit Mitglieder andere zu deiner Branded App einladen können. Du kannst auch einen individuellen Button hinzufügen, zum Beispiel einen Button, um Nutzer zu einem anderen Screen innerhalb der App zu navigieren
Hinweis: Die verfügbaren Aktionen variieren je nach Art der Apps auf deiner Website.

Minimalistisch

Für ein klassischeres, klares Design kannst du eine minimalistische Kopfzeile wählen, um eine kleine Leiste oben in deiner App anzuzeigen.

7. Klicke oben rechts auf Speichern.

Öffne deine Website in der Wix App.
Tippe unten auf Verwalten .
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe auf Kopfzeilendesign ändern.

Screenshot der Option „Kopfzeilendesign bearbeiten“ in den Einstellungen der Branded App.

Wähle ein Kopfzeilendesign für deinen Home-Screen aus:

Detailliert

Erstelle deine Kopfzeile mit Features wie deinem Logo, einem Titelbild und vielem mehr. Du kannst wählen, wie viele Inhalte du hinzufügen möchtest.

Tippe auf Anpassen, um deine Kopfzeile zu bearbeiten.
- App-Infos: Füge Details über deine App hinzu, wie einen Namen und einen Slogan. Du kannst auch den Schalter Logo anzeigen aktivieren, um ein Logo zu deiner Kopfzeile hinzuzufügen. Um einen Kopfzeilenlink mit weiteren Infos über dein Unternehmen hinzuzufügen, einschließlich Social-Media-Links, Kontaktinformationen und Website-URL, aktiviere den Schalter Allgemeine Info anzeigen.
- Titelbild: Tippe auf Bild hinzufügen, um ein Titelbild hochzuladen. Du kannst mehrere Fotos hinzufügen, um eine Diashow zu erstellen. Wähle für Diashows eine Übergangsverzögerung (in Sekunden) zwischen den Fotos aus.
- Mitgliederinfo: Wähle aus, welche Mitgliederinformationen du in der Kopfzeile anzeigen möchtest, indem du die verfügbaren Schalter aktivierst.
- Aktionsbuttons: Füge einen Einladungsbutton hinzu, damit Mitglieder andere zu deiner Branded App einladen können. Du kannst auch einen individuellen Button hinzufügen, zum Beispiel einen Button, um Nutzer zu einem anderen Screen innerhalb der App zu navigieren
  Hinweis: Die verfügbaren Aktionen variieren je nach Art der Apps auf deiner Website.
Tippe oben rechts auf Speichern.

Minimalistisch

Für ein klassischeres, klares Design kannst du eine minimalistische Kopfzeile wählen, um eine kleine Leiste oben in deiner App anzuzeigen.

Tippe auf Anpassen, um deine Kopfzeile zu bearbeiten.
- Stil: Passe die Farbe deiner Kopfzeile an deine Hauptfarbe oder Hintergrundfarbe an. Du kannst auch auswählen, welche Symbole du in der Kopfzeile anzeigen möchtest.
- Symbole: Aktiviere die Schalter, um zusätzliche Symbole zu deiner Kopfzeile hinzuzufügen.
  Hinweis: Je nachdem, welche Apps von Wix du installiert hast (z. B. Wix Stores, Wix Chat) siehst du möglicherweise verschiedene Anpassungsoptionen.
Tippe oben rechts auf Speichern.

Öffne deine Website in der Wix Studio App.
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe auf Kopfzeilendesign ändern.

Wähle ein Kopfzeilendesign für deinen Home-Screen aus:

Detailliert

Erstelle deine Kopfzeile mit Funktionen wie deinem Logo, einem Titelbild und vielem mehr. Du kannst wählen, wie viele Inhalte du hinzufügen möchtest.

Tippe auf Anpassen, um deine Kopfzeile zu bearbeiten.
- App-Infos: Füge Details über deine App hinzu, wie einen Namen und einen Slogan. Du kannst auch den Schalter Logo anzeigen aktivieren, um ein Logo zu deiner Kopfzeile hinzuzufügen. Aktiviere den Schalter Allgemeine Info anzeigen, um einen Kopfzeilenlink mit weiteren Infos über dein Unternehmen hinzuzufügen, einschließlich Social-Media-Links, Kontaktinformationen und Website-URL.
- Titelbild: Tippe auf Bild hinzufügen, um ein Titelbild hochzuladen. Du kannst mehrere Fotos hinzufügen, um eine Diashow zu erstellen. Wähle für Diashows eine Übergangsverzögerung (in Sekunden) zwischen den Fotos aus.
- Mitgliederinfo: Wähle aus, welche Mitgliederinformationen du in der Kopfzeile anzeigen möchtest, indem du die Schalter aktivierst.
- Aktionsbuttons: Füge einen Einladungsbutton hinzu, damit Mitglieder andere zu deiner Branded App einladen können. Du kannst auch einen individuellen Button hinzufügen, zum Beispiel einen Button, um Nutzer zu einem anderen Screen innerhalb der App zu navigieren
  Hinweis: Die verfügbaren Aktionen variieren je nach Art der Apps auf deiner Website.
Tippe oben rechts auf Speichern.

Minimalistisch

Für ein klassischeres, klares Design kannst du eine minimalistische Kopfzeile wählen, um eine kleine Leiste oben in deiner App anzuzeigen.

Tippe auf Anpassen, um deine Kopfzeile zu bearbeiten.
- Stil: Passe die Farbe deiner Kopfzeile an deine Hauptfarbe oder Hintergrundfarbe an. Du kannst auch auswählen, welche Symbole du in der Kopfzeile anzeigen möchtest.
- Symbole: Aktiviere die Schalter, um zusätzliche Symbole zu deiner Kopfzeile hinzuzufügen.
  Hinweis: Je nachdem, welche Apps von Wix du installiert hast (z. B. Wix Stores, Wix Chat) siehst du möglicherweise verschiedene Anpassungsoptionen.
Tippe oben rechts auf Speichern.

Deine Branded App besteht aus Tabs, die deinen Mitgliedern helfen, zwischen den verschiedenen Bereichen deiner App zu navigieren. Du kannst wählen, ob das Navigationsmenü oben oder unten in der App angezeigt wird. Passe anschließend das Design an, indem du individuelle Menüsymbole hinzufügst.

Verwaltung

Wix App

Wix Studio App

Öffne deine Branded App in deiner Website-Verwaltung.
Klicke auf App bearbeiten.
Klicke auf die Navigationsleiste deiner App. Diese wird entweder unter der Kopfzeile deiner App oder unten in der App angezeigt.

Screenshot der unteren Navigationsleiste im Web-Editor.

Wähle ein Navigations-Layout:
- Obere Tab-Leiste: Mitglieder navigieren oben in deiner App direkt unter der Kopfzeile zwischen den Screens.
- Untere Tab-Leiste: Mitglieder navigieren unten in deiner App zwischen den Screens. Wenn du diese Option auswählst, kannst du für jeden Screen benutzerdefinierte Symbole hinzufügen.
  - Labels: Tippe auf den Schalter, um den Namen des Screen im Navigationsmenü ein- oder auszublenden. Der Name wird unter dem Symbol des Screens angezeigt. Tipp: Aus Gründen der Barrierefreiheit solltest du den Screen-Namen hinzuzufügen.
  - Symbole: Passe die Symbole in deinem Navigationsmenü an. Jedes Symbol entspricht einem Screen. Fahre mit der Maus über ein Symbol und klicke auf Symbol ändern, um es zu ersetzen.
Klicke oben rechts auf Speichern.

Öffne deine Website in der Wix App.
Tippe unten auf Verwalten .
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten auf Design.
Tippe auf Navigation.
Wähle ein Layout für dein Navigationsmenü:
- Obere Tab-Leiste: Mitglieder navigieren oben in deiner App direkt unter der Kopfzeile zwischen den Screens.
- Untere Tab-Leiste: Mitglieder navigieren unten in deiner App zwischen den Screens. Wenn du diese Option auswählst, kannst du für jeden Screen benutzerdefinierte Symbole hinzufügen.
  - Labels: Tippe auf den Schalter, um den Namen des Screens im Navigationsmenü ein- oder auszublenden. Der Name wird unter dem Symbol des Screens angezeigt.
    Tipp: Aus Gründen der Barrierefreiheit solltest du den Screen-Namen hinzuzufügen.
  - Symbole: Passe die Symbole in deinem Navigationsmenü an. Jedes Symbol entspricht einem Screen. Tippe neben dem Symbol auf das Symbol für Bearbeiten , um es zu aktualisieren.
Tippe oben rechts auf Speichern.

Screenshot eines Beispiels für die untere Navigationsleiste in einer Branded App mit benutzerdefinierten Symbolen.

Öffne deine Website in der Wix Studio App.
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten auf Design.
Tippe auf Navigation.
Wähle ein Layout für dein Navigationsmenü:
- Obere Tab-Leiste: Mitglieder navigieren oben in deiner App direkt unter der Kopfzeile zwischen den Screens.
- Untere Tab-Leiste: Mitglieder navigieren unten in deiner App zwischen den Screens. Wenn du diese Option auswählst, kannst du für jeden Screen benutzerdefinierte Symbole hinzufügen.
  - Labels: Tippe auf den Schalter, um den Namen des Screens im Navigationsmenü ein- oder auszublenden. Der Name wird unter dem Symbol des Screens angezeigt.
    Tipp: Aus Gründen der Barrierefreiheit solltest du den Screen-Namen hinzuzufügen.
  - Symbole: Passe die Symbole in deinem Navigationsmenü an. Jedes Symbol entspricht einem Screen. Tippe neben dem Symbol auf das Symbol für Bearbeiten , um es zu aktualisieren.
Tippe oben rechts auf Speichern.

Elemente zu deinen Screens hinzufügen

Elemente bilden den Inhalt deiner App. Füge Elemente hinzu, um zu zeigen, wer du bist, was du machst und was du App-Mitgliedern anbietest. Wenn du zum Beispiel ein Unternehmen für Veranstaltungsplanung besitzt, füge ein Veranstaltungselement hinzu, damit die Besucher direkt aus der App heraus auf eine Einladung antworten können.

Nachdem du Elemente zu deiner App hinzugefügt hast, verschiebe sie auf demselben Screen nach oben oder unten oder verschiebe sie auf einen ganz anderen Screen. Du kannst auch Elemente duplizieren, unerwünschte Elemente entfernen und den Inhalt innerhalb jedes Elements bearbeiten.

Tipp:

Erfahre mehr über das Hinzufügen von Elementen für bestimmte Unternehmen wie Online-Shops, Restaurants und Dienstleistungsunternehmen.

Verwaltung

Wix App

Wix Studio App

Öffne deine Branded App in deiner Website-Verwaltung.
Klicke auf App bearbeiten.
Klicke links auf Elemente.
Stöbere durch den Katalog und klicke auf ein Element, um es zu deiner App hinzuzufügen.
Tipp: Unter Standard-Elemente kannst du Elemente zur Gestaltung und Organisation deiner App hinzufügen, wie Buttons, Bilder, Trennlinien und Videos.

Screenshot des Elementkatalogs im Web-Editor mit einem ausgewählten Veranstaltungskarussell.

Klicke in der Vorschau der App auf das Element, um die Anzeige- und Inhaltseinstellungen anzupassen.

Hinweis:

Nicht alle Elemente können über den Web-Editor angepasst werden und müssen möglicherweise über die Wix App aktualisiert werden.

Ein Screenshot eines Elements mit ausgewählten Optionen zum Neuordnen von Duplikaten und zum Löschen.

(Optional) Verwalte das Element mit den verfügbaren Optionen. Hinweis: Je nach Element, das du hinzugefügt hast, können unterschiedliche Optionen angezeigt werden.

Element-Sichtbarkeit

Wähle, ob das Element auf Android-Geräten, iOS-Geräten oder auf beiden angezeigt werden soll. Mehr erfahren über das Ein- oder Ausblenden von Elementen auf verschiedenen Betriebssystemen.

Klicke auf das Element.
Wähle im Bearbeiten-Panel unter Element-Sichtbarkeit eine Option: Alle, Android oder iOS.

Ein Element neu anordnen

Klicke auf das Element.
Klicke neben dem Element auf den Pfeil nach oben oder unten, um es auf dem Screen neu anzuordnen.

Ein Element duplizieren

Klicke auf das Element.
Klicke auf das Symbol für Duplizieren .
Hinweis: Das neue Element wird über dem ursprünglichen Element angezeigt.

Das Element zu einem anderen Screen verschieben

Klicke auf das Element.
Klicke auf das Symbol für Zu einem anderen Screen verschieben .
Wähle aus dem Dropdown-Menü einen Screen aus.
Klicke auf Verschieben.

Ein Element löschen

Klicke auf das Element.
Klicke neben dem Element auf das Symbol für Löschen .
Klicke zum Bestätigen auf Löschen.

7. Klicke oben rechts auf Speichern.

Öffne deine Website in der Wix App.
Tippe unten auf Verwalten .
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Öffne den Screen, zu dem du ein neues Element hinzufügen möchtest. Du kannst zwischen den Screens wechseln, indem du oben das Dropdown-Menü Screen verwendest.
Tippe in dem Abschnitt, in dem das neue Element angezeigt werden soll, auf + Element hinzufügen.
Wähle ein Element aus dem Katalog.

Tipp:

Unter Standard-Elemente kannst du Elemente zur Gestaltung und Organisation deiner App hinzufügen, wie Buttons, Bilder, Trennlinien und Videos.

Screenshot des Katalogs zum Hinzufügen von Elementen in der Wix App.

Je nach dem Element, das du hinzugefügt hast, passe dessen Inhalt und Anzeigeeinstellungen an.
Tippe oben rechts auf Hinzufügen .
Hinweis: Einige Elemente werden automatisch hinzugefügt und erfordern diesen Schritt nicht.
(Optional) Verwalte und passe das Element weiter an. Tippe oben rechts in einem Element auf das Symbol für Bearbeiten und wähle aus, was du tun möchtest:
- Passe das Element an:
  1. Tippe auf Element anpassen.
  2. Bearbeite folgende Details des Elements:
    - Elementposition: Wähle den Screen aus, in dem das Element angezeigt werden soll.
    - Elementtitel: Ändere den Elementtitel und wähle aus, ob er angezeigt oder ausgeblendet werden soll.
    - Element-Sichtbarkeit: Wähle, ob das Element auf Android-Geräten, Apple-Geräten oder auf beiden angezeigt werden soll. Mehr über das Ein- oder Ausblenden von Elementen auf verschiedenen Betriebssystemen erfahren.
    - Anzeigeeinstellungen: Steuere, wie dein Element auf dem Screen aussieht und wie die Informationen angezeigt werden.
- Ein Element neu anordnen: Tippe auf Nach oben verschieben oder Nach unten verschieben, um das Element auf dem Screen neu anzuordnen.
- Ein Element duplizieren: Tippe auf Duplizieren. Das neue Element wird über dem ursprünglichen Element angezeigt.
- Ein Element löschen:
  1. Tippe auf Element löschen.
  2. Tippe zur Bestätigung auf Element löschen.

Öffne deine Website in der Wix Studio App.
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Öffne den Screen, zu dem du ein neues Element hinzufügen möchtest. Du kannst zwischen den Screens wechseln, indem du oben das Dropdown-Menü Screen verwendest.
Tippe in dem Abschnitt, in dem das neue Element angezeigt werden soll, auf + Element hinzufügen.
Wähle ein Element aus dem Katalog.

Tipp:

Unter Standard-Elemente kannst du Elemente zur Gestaltung und Organisation deiner App hinzufügen, wie Buttons, Bilder, Trennlinien und Videos.

Je nach dem Element, das du hinzugefügt hast, passe dessen Inhalt und Anzeigeeinstellungen an.
Tippe oben rechts auf Hinzufügen .
Hinweis: Einige Elemente werden automatisch hinzugefügt und erfordern diesen Schritt nicht.
(Optional) Verwalte und passe das Element weiter an. Tippe oben rechts in einem Element auf das Symbol für Bearbeiten und wähle aus, was du tun möchtest:
- Passe das Element an:
  1. Tippe auf Element anpassen.
  2. Bearbeite folgende Details des Elements:
    - Elementposition: Wähle den Screen aus, in dem das Element angezeigt werden soll.
    - Elementtitel: Ändere den Elementtitel und wähle aus, ob er angezeigt oder ausgeblendet werden soll.
    - Element-Sichtbarkeit: Wähle, ob das Element auf Android-Geräten, Apple-Geräten oder auf beiden angezeigt werden soll. Mehr über das Ein- oder Ausblenden von Elementen auf verschiedenen Betriebssystemen erfahren.
    - Anzeigeeinstellungen: Steuere, wie dein Element auf dem Screen aussieht und wie die Informationen angezeigt werden.
- Ein Element neu anordnen: Tippe auf Nach oben verschieben oder Nach unten verschieben, um das Element auf dem Screen neu anzuordnen.
- Ein Element duplizieren: Tippe auf Duplizieren. Das neue Element wird über dem ursprünglichen Element angezeigt.
- Ein Element löschen:
  1. Tippe auf Element löschen.
  2. Tippe zur Bestätigung auf Element löschen.

Deine Screens verwalten

Aktualisiere die Screens deiner App, einschließlich der Anzahl der Screens, die du in deiner Navigationsleiste anzeigen möchtest, die Reihenfolge der Screens und die Screen-Namen. Du kannst auch Screens erstellen, die aus dem Hauptmenü deiner App ausgeblendet werden.

Verwaltung

Wix App

Wix Studio App

Öffne deine Branded App in deiner Website-Verwaltung.
Klicke auf App bearbeiten.
Klicke links im Web-Editor auf Screens.
Wähle aus, was du tun möchtest:

Screenshot des Menüs „Weitere Aktionen“ neben einem Screen in der Navigation.

Neuen Screen hinzufügen

Wähle, ob du einen Screen hinzufügen möchtest, der in der Hauptnavigationsleiste deiner App angezeigt wird, oder einen Screen, der aus der Navigation ausgeblendet ist.

Um einen Screen in der Navigationsleiste hinzuzufügen:
1. Klicke neben Screens in der Navigation auf + Hinzufügen.
2. Gib einen Namen für den neuen Screen ein und klicke auf das Häkchen-Symbol , um den Screen-Namen zu speichern.
3. Ziehe den Screen nach oben oder unten an die Stelle, an der er in der Navigationsleiste erscheinen soll.
Um einen Screen hinzuzufügen, der sich nicht in der Navigation befindet:
1. Klicke neben Screens außerhalb der Navigation auf + Hinzufügen.
2. Gib einen Namen für den neuen Screen ein und klicke auf das Häkchen-Symbol , um den Screen-Namen zu speichern.
3. Ziehe den Screen nach oben oder unten an die Stelle, an der er in der Navigationsleiste erscheinen soll.

Einen Screen neu anordnen

Klicke auf den Screen, den du neu anordnen möchtest, und ziehe ihn in der Navigation nach oben oder unten.

Einen Screen umbenennen

Klicke neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Klicke auf Umbenennen.
Gib einen neuen Screen-Namen ein.
Klicke auf das Häkchen-Symbol , um den Screen-Namen zu speichern.
Klicke oben rechts auf Speichern.

Das Screen-Symbol ändern

Klicke neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Klicke auf Symbol ändern.
Wähle ein Symbol aus den verfügbaren Optionen aus.
Klicke auf Anwenden.
Klicke oben rechts auf Speichern.

Screen-Berechtigungen festlegen

Du kannst Berechtigungen für jeden Screen festlegen, sodass nur Mitglieder mit bestimmten Abzeichen oder Preisplänen darauf zugreifen können.

Klicke neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Klicke auf Berechtigungen festlegen.
Lege fest, wer auf diesen Tab zugreifen kann:
- Jeder: Sowohl Besucher als auch Mitglieder
- Nur Mitglieder: Nur Personen, die der App beigetreten sind
Klicke auf Fertig.
Klicke oben rechts auf Speichern.

Einen Screen aus der Navigation entfernen

Blende einen Screen aus der Navigationsleiste aus. Wenn du diese Option auswählst, wird der Screen in den Abschnitt Screen außerhalb der Navigation verschoben.

Klicke neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Klicke auf Aus Navigation entfernen.
Tipp: Um ihn einzublenden, klicke neben dem Screen auf das Symbol für Weitere Aktionen und klicke auf Zur Navigation hinzufügen.
Klicke oben rechts auf Speichern.

Einen Screen löschen

Klicke neben einem Screen auf das Symbol für Weitere Aktionen .
Klicke auf Löschen.
Klicke zum Bestätigen auf Löschen. Hinweis: Der Screen und die dazugehörigen Elemente können nicht wiederhergestellt werden. Du kannst ihn jedoch aus deiner App-Navigation ausblenden.
Klicke oben rechts auf Speichern.

Deine System-Screens verwalten

(Optional) Verwalte den Launch- und Anmelde-Screen deiner Branded App. Erfahre mehr über die Gestaltung eines Screens.
- Launch-Screen:
  1. Klicke unter System-Screens auf Launch.
  2. Aktualisiere die Hintergrundfarbe und das Bild deines Launch-Screens.
    Hinweis: Die Änderungen am Launch-Screen deiner App gehen live, sobald du im App Store von Apple und bei Google Play deine App erneut einreichst.
- Launch-Screen:
  1. Klicke unter System-Screens auf Login.
  2. Bearbeite den Text, die Hintergrundfarbe und das Bild auf dem Anmelde-Screen.
Klicke oben rechts auf Speichern.

Öffne deine Website in der Wix App.
Tippe unten auf Verwalten .
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten links auf Screens.

Screenshot des Screen-Tab in der Wix App.

Wähle aus, was du tun möchtest:

Füge einen neuen Screen hinzu:

Tippe unten auf + Neuen Screen hinzufügen, um einen weiteren Screen zu erstellen.
Gib einen Namen ein, der im Navigationsmenü angezeigt werden soll.
Tipp: Blende diesen Screen aus, während du an seinem Inhalt arbeitest, indem du den Schalter Screen aus Navigation ausblenden aktivierst.
Tippe auf Speichern.

Screens neu anordnen:

Tippe oben rechts auf Neu anordnen.
Halte die entsprechenden Screens gedrückt und ziehe sie, um das Menü neu anzuordnen.
Tippe auf Speichern.

Bearbeite einen Screen-Namen und das Symbol:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Name bearbeiten und wähle aus, was du tun möchtest:
- Gib den gewünschten Namen ein.
- Tippe auf das Symbol und wähle ein neues aus.
Tippe auf Speichern.

Screen-Berechtigungen festlegen

Du kannst Berechtigungen für jeden Screen festlegen, sodass nur Mitglieder mit bestimmten Abzeichen oder Preisplänen darauf zugreifen können.

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Berechtigungen festlegen.
Lege fest, wer auf diesen Tab zugreifen kann:
- Jeder: Sowohl Besucher als auch Mitglieder
- Nur Mitglieder: Nur Personen, die der App beigetreten sind
Tippe auf Speichern.

Einen Screen bearbeiten:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen bearbeiten.
Wähle aus, was du tun möchtest:
- Ein neues Element zu deinem Screen hinzufügen
- Ein vorhandenes Element bearbeiten
Tippe auf Fertig.

Einen Screen aus der Navigation entfernen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Aus Navigation entfernen. Der Screen wird in den Abschnitt Screens außerhalb der Navigation verschoben. Tipp: Um den Screen einzublenden, tippe auf das Symbol für Weitere Aktionen und tippe auf Zur Navigation hinzufügen.

Einen Screen löschen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Löschen.
Tippe zur Bestätigung auf Löschen.
Tipp: Der Screen und die Elemente können nicht wiederhergestellt werden. Du kannst ihn jedoch aus deiner App-Navigation ausblenden.

Öffne deine Website in der Wix Studio App.
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten links auf Screens.

Wähle aus, was du tun möchtest:

Füge einen neuen Screen hinzu:

Tippe unten auf + Neuen Screen hinzufügen, um einen weiteren Screen zu erstellen.
Gib einen Namen ein, der im Navigationsmenü angezeigt werden soll.
Tipp: Blende diesen Screen aus, während du an seinem Inhalt arbeitest, indem du den Schalter Screen aus Navigation ausblenden aktivierst.
Tippe auf Speichern.

Screens neu anordnen:

Tippe oben rechts auf Neu anordnen.
Halte die entsprechenden Screens gedrückt und ziehe sie, um das Menü neu anzuordnen.
Tippe auf Speichern.

Bearbeite einen Screen-Namen und das Symbol:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Name bearbeiten und gib den gewünschten Namen ein.
Tippe auf das Symbol und wähle ein neues aus.
Tippe auf Speichern.

Screen-Berechtigungen festlegen

Du kannst Berechtigungen für jeden Screen festlegen, sodass nur Mitglieder mit bestimmten Abzeichen oder Preisplänen darauf zugreifen können.

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Berechtigungen festlegen.
Lege fest, wer auf diesen Tab zugreifen kann:
- Jeder: Sowohl Besucher als auch Mitglieder
- Nur Mitglieder: Nur Personen, die der App beigetreten sind
Tippe auf Speichern.

Einen Screen bearbeiten:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen bearbeiten.
Wähle aus, was du tun möchtest:
- Ein neues Element zu deinem Screen hinzufügen
- Ein vorhandenes Element bearbeiten
Tippe auf Fertig.

Einen Screen aus der Navigation entfernen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Aus Navigation entfernen. Der Screen wird in den Abschnitt Screens außerhalb der Navigation verschoben. Tipp: Um den Screen einzublenden, tippe auf das Symbol für Weitere Aktionen und tippe auf Zur Navigation hinzufügen.

Einen Screen löschen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Löschen.
Tippe zur Bestätigung auf Löschen.
Tipp: Der Screen und die Elemente können nicht wiederhergestellt werden. Du kannst ihn jedoch aus deiner App-Navigation ausblenden.

Öffne deine Website in der Wix Studio App.
Tippe auf Website & App.
Tippe unter Branded App auf Anpassen.
Hinweis: Wenn du noch nicht mit der Einrichtung der Branded App begonnen hast, tippe auf Eigene App erstellen.
Tippe unten links auf Screens.

Wähle aus, was du tun möchtest:

Füge einen neuen Screen hinzu:

Tippe unten auf + Neuen Screen hinzufügen, um einen weiteren Screen zu erstellen.
Gib einen Namen ein, der im Navigationsmenü angezeigt werden soll.
Tipp: Blende diesen Screen aus, während du an seinem Inhalt arbeitest, indem du den Schalter Screen aus Navigation ausblenden aktivierst.
Tippe auf Speichern.

Screens neu anordnen:

Tippe oben rechts auf Neu anordnen.
Halte die entsprechenden Screens gedrückt und ziehe sie, um das Menü neu anzuordnen.
Tippe auf Speichern.

Bearbeite einen Screen-Namen und das Symbol:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Namen bearbeiten.
- Gib den gewünschten Namen ein.
- Tippe auf das Symbol und wähle ein neues aus.
Tippe auf Speichern.

Screen-Berechtigungen festlegen

Du kannst Berechtigungen für jeden Screen festlegen, sodass nur Mitglieder mit bestimmten Abzeichen oder Preisplänen darauf zugreifen können.

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen-Berechtigungen festlegen.
Lege fest, wer auf diesen Tab zugreifen kann: Jeder oder Nur Mitglieder.
Tippe auf Speichern.

Einen Screen bearbeiten:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Screen bearbeiten.
Wähle aus, was du tun möchtest:
- Ein neues Element zu deinem Screen hinzufügen
- Ein vorhandenes Element bearbeiten
Tippe auf Fertig.

Einen Screen aus der Navigation entfernen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Aus Navigation entfernen. Der Screen wird in den Abschnitt Screens außerhalb der Navigation verschoben. Tipp: Um den Screen einzublenden, tippe auf das Symbol für Weitere Aktionen und tippe auf Zur Navigation hinzufügen.

Einen Screen löschen:

Tippe neben dem entsprechenden Screen auf das Symbol für Weitere Aktionen .
Tippe auf Löschen.
Tippe zur Bestätigung auf Löschen.
Tipp: Der Screen und die Elemente können nicht wiederhergestellt werden. Du kannst ihn jedoch aus deiner App-Navigation ausblenden.

Dein App-Design anpassen

Wähle für deine App Farben und Schriftarten, die zu deiner Marke passen. Wähle ein App-Design oder wähle Farben und Schriftarten aus, um dein einzigartiges Markendesign zu zeigen.

Verwaltung

Wix App

Wix Studio App

Öffne deine Branded App in deiner Website-Verwaltung.
Klicke auf App bearbeiten.
Klicke links auf Design.
Wähle aus, was du anpassen möchtest:
- Farbdesign: Passe die Farben deiner App an, indem du ein Farbdesign auswählst oder die Hauptfarbe, den App-Hintergrund und die Textsymbole individuell auswählst.
- Textdesign: Passe deine Schriftart an, indem du ein Textdesign auswählst oder die Schriftarten für Überschriften und Textkörper individuell anpasst.
  Tipp: Klicke auf App-Design ändern, um eine vorgefertigte Kombination aus Farben und Schriftarten auszuwählen.
- Kopfzeilenstil: Passe die Farbe deiner Kopfzeile an deine Hauptfarbe oder deine Hintergrundfarbe an.
Klicke auf Speichern.

Öffne deine Website in der Wix App.
Tippe unten auf Verwalten .
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten auf dem Bildschirm auf Design.
Wähle aus, was du anpassen möchtest:
- Farbdesign: Passe die Farben deiner App an, indem du ein Farbdesign auswählst oder die Hauptfarbe, den App-Hintergrund und die Textsymbole individuell auswählst.
- Textdesign: Passe deine Schriftart an, indem du ein Textdesign auswählst oder die Schriftarten für Überschriften und Textkörper individuell anpasst.
  Tipp: Tippe auf App-Design ändern, um eine vorgefertigte Kombination aus Farben und Schriftarten auszuwählen.
- Kopfzeilenstil: Passe die Kopfzeilenfarbe an deine Hauptfarbe oder Hintergrundfarbe an. Du kannst auch auswählen, welche Symbole du in der Kopfzeile anzeigen möchtest.
- Navigation: Erfahre mehr über die Bearbeitung deiner Navigationsleiste im Navigationsabschnitt oben.
Tippe auf Speichern.

Öffne deine Website in der Wix Studio App.
Tippe auf Mobile-App.
Tippe unter dem Namen deiner Branded App auf Bearbeiten.
Tippe unten auf dem Bildschirm auf Design.
Wähle aus, was du anpassen möchtest:
- Farbdesign: Passe die Farben deiner App an, indem du ein Farbdesign auswählst oder die Hauptfarbe, den App-Hintergrund und die Textsymbole individuell auswählst.
- Textdesign: Passe deine Schriftart an, indem du ein Textdesign auswählst oder die Schriftarten für Überschriften und Textkörper individuell anpasst.
  Tipp:Tippe auf App-Design ändern, um eine vorgefertigte Kombination aus Farben und Schriftarten auszuwählen.
- Kopfzeilenstil: Passe die Kopfzeilenfarbe an deine Hauptfarbe oder Hintergrundfarbe an. Du kannst auch auswählen, welche Symbole du in der Kopfzeile anzeigen möchtest.
- Navigation: Erfahre mehr über die Bearbeitung deiner Navigationsleiste im Navigationsabschnitt oben.
Tippe auf Speichern.

FAQs

Klicke unten auf eine Frage, um mehr über die Anpassung der Funktionen deiner Branded App zu erfahren.

Wie ändere ich die Sprache meiner App?

Du kannst die Standardsprache auswählen, die deine Besucher sehen, wenn sie deine App herunterladen. Um deine App-Sprache zu ändern:

Öffne die App-Einstellungen in deiner Branded-App-Verwaltung.
Klicke auf das Dropdown-Menü Standardsprache und wähle eine Sprache aus.

Hinweis: Wenn du eine App-Sprache auswählst, werden alle Inhalte der Wix Apps aktualisiert (Wix Stores, Wix Bookings, Wix Blog usw.). Alle Inhalte, die du selbst erstellt hast, zum Beispiel wenn du einen neuen Textabschnitt hinzugefügt hast, werden in der von dir ausgewählten Sprache angezeigt. Die Branded App unterstützt derzeit kein Multilingual.

Warum muss ich die Wix App herunterladen?

Nicht alle Optionen sind im Web-Editor in deiner Website-Verwaltung verfügbar. Mit der Wix App kannst du den Inhalt deiner App erstellen und sehen, wie er angezeigt wird.

Wenn ich Änderungen an den Funktionen und Inhalten meiner App vornehme, muss ich diese erneut zur Überprüfung einreichen?

Du musst deine App erneut zur Überprüfung einreichen, wenn du Änderungen am Branding oder Design der App vornimmst. Du musst deine App nicht erneut einreichen, wenn du Änderungen am Inhalt vornimmst. Erfahre mehr darüber, welche Änderungen noch einmal überprüft werden müssen.

Die Kopfzeile anpassen

Detailliert

Minimalistisch

Detailliert

Minimalistisch

Detailliert

Minimalistisch

Das Navigationsmenü anpassen

Elemente zu deinen Screens hinzufügen

Element-Sichtbarkeit

Ein Element neu anordnen

Ein Element duplizieren

Das Element zu einem anderen Screen verschieben

Ein Element löschen

Deine Screens verwalten

Neuen Screen hinzufügen

Einen Screen neu anordnen

Einen Screen umbenennen

Das Screen-Symbol ändern

Screen-Berechtigungen festlegen

Einen Screen aus der Navigation entfernen

Einen Screen löschen

Deine System-Screens verwalten

Füge einen neuen Screen hinzu:

Screens neu anordnen:

Bearbeite einen Screen-Namen und das Symbol:

Screen-Berechtigungen festlegen

Einen Screen bearbeiten:

Einen Screen aus der Navigation entfernen:

Einen Screen löschen:

Füge einen neuen Screen hinzu:

Screens neu anordnen:

Bearbeite einen Screen-Namen und das Symbol:

Screen-Berechtigungen festlegen

Einen Screen bearbeiten:

Einen Screen aus der Navigation entfernen:

Einen Screen löschen:

Füge einen neuen Screen hinzu:

Screens neu anordnen:

Bearbeite einen Screen-Namen und das Symbol:

Screen-Berechtigungen festlegen

Einen Screen bearbeiten:

Einen Screen aus der Navigation entfernen:

Einen Screen löschen:

Dein App-Design anpassen

FAQs

Wie ändere ich die Sprache meiner App?

Warum muss ich die Wix App herunterladen?

Wenn ich Änderungen an den Funktionen und Inhalten meiner App vornehme, muss ich diese erneut zur Überprüfung einreichen?

Videoanleitung

Deine eigene App anpassen