header-logo
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Mobile Apps: Die Funktionen und Inhalte deiner nativen App anpassen

30 min
Sobald du deine eigene native App designt hast, kannst du Inhalte und Funktionen deiner App anpassen. Deine native 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 je nachdem, was dein Unternehmen benötigt, Elemente zu deinen Screens hinzu, zum Beispiel eine Produktseite von Wix Stores, eine Veranstaltungsliste oder einen Terminplan von Wix Bookings. Passe deinen Screen mit Buttons, Bildern, Videos und mehr weiter an. Du kannst das Design deiner App weiter optimieren, indem du verschiedene Farben und Schriftarten auswä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.

Die Kopfzeile anpassen

Die Kopfzeile deiner App wird auf dem Home-Screen angezeigt und ist das Erste, was 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.
Wix App
Wix Studio App
  1. Öffne die App in deiner Website-Verwaltung.
  2. Klicke auf den Tab Deine eigene App oder klicke auf den Tab mit dem Namen deiner eigenen App. 
  3. Klicke auf App bearbeiten.
  4. Klicke im App-Builder auf die Kopfzeile deiner App, um das Panel Kopfzeile bearbeiten zu öffnen.
Screenshot des „Kopfzeile bearbeiten“-Panels im Web-Editor.
  1. Passe das Design deiner Kopfzeile mit den verfügbaren Optionen an:
    • Symbole: Aktiviere die entsprechenden Schalter, um 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:
6. Klicke oben rechts auf Speichern .

Das Navigationsmenü anpassen

Deine eigene App besteht aus Screens und das Navigationsmenü hilft Besuchern, zwischen ihnen zu wechseln. Du kannst das Navigationsmenü oben oder unten in deiner App platzieren und das Design anpassen, indem du benutzerdefinierte Menüsymbole hinzufügst.
Wix App
Wix Studio App
  1. Öffne die App in deiner App-Verwaltung.
  2. Klicke auf den Tab Deine eigene App oder klicke auf den Tab mit dem Namen deiner eigenen App. 
  3. Klicke auf Loslegen oder auf App bearbeiten.
  4. 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.
  1. 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.
  2. Klicke oben rechts auf Speichern.

Elemente zu deinen Screens hinzufügen

Elemente sind die Bausteine für den Inhalt deiner App. Nutze sie, um zu zeigen, wer du bist, was du machst und was du App-Nutzern anbietest. Wenn du zum Beispiel ein Unternehmen für Veranstaltungsplanung besitzt, kannst du ein Veranstaltungselement hinzufügen, damit die Besucher direkt in der App zu- oder absagen können.

Nachdem du Elemente hinzugefügt hast, kannst du sie ganz einfach auf demselben Screen nach oben oder unten verschieben oder auf einen anderen Screen übertragen. Du kannst auch Elemente zu duplizieren, unerwünschte Elemente entfernen und den Inhalt innerhalb eines Elements bearbeiten.
Tipp:
Erfahre mehr über das Hinzufügen von Elementen für bestimmte Unternehmen wie Online-Shops, Restaurants und Buchungen.
Wix App
Wix Studio App
  1. Öffne die App in deiner App-Verwaltung.
  2. Klicke auf den Tab Deine eigene App oder klicke auf den Tab mit dem Namen deiner eigenen App. 
  3. Klicke auf Loslegen oder auf App bearbeiten.
  4. Klicke links auf Elemente.
  5. 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.
  1. Klicke in der Vorschau der App auf das Element, um die Anzeige- und Inhaltseinstellungen anzupassen.
Ein Screenshot eines Elements mit ausgewählten Optionen zum Neuordnen von Duplikaten und zum Löschen.
Hinweis:
Nicht alle Elemente können im App-Builder angepasst werden. Möglicherweise musst du einige Elemente über die Wix App oder Wix Studio App aktualisieren.
  1. (Optional) Verwalte das Element mit den verfügbaren Optionen weiter:
    Hinweis: Die Optionen variieren je nach den Elementen, die du hinzufügst.
8. Klicke oben rechts auf Speichern.

Deine Screens verwalten

Aktualisiere die Screens deiner nativen App, einschließlich der Gesamtzahl 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.
Wix App
Wix Studio App
  1. Öffne die App in deiner App-Verwaltung.
  2. Klicke auf den Tab Deine eigene App oder klicke auf den Tab mit dem Namen deiner eigenen App. 
  3. Klicke auf Loslegen oder auf App bearbeiten.
  4. Klicke links auf Screens.
  5. Wähle aus, was du tun möchtest:
Screenshot des Menüs „Weitere Aktionen“ neben einem Screen in der Navigation.

Das Design deiner App 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
  1. Öffne die App in deiner App-Verwaltung.
  2. Klicke auf den Tab Deine eigene App oder klicke auf den Tab mit dem Namen deiner eigenen App. 
  3. Klicke auf Loslegen oder auf App bearbeiten.
  4. Klicke links auf Design.
  5. Wähle aus, was du anpassen möchtest:
    Tipp: Klicke auf App-Design ändern, um eine vorgefertigte Kombination aus Farben und Schriftarten auszuwählen.
    • 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.
    • Kopfzeilenstil: Passe die Farbe deiner Kopfzeile an deine Hauptfarbe oder deine Hintergrundfarbe an.
  6. Klicke auf Speichern.

FAQs

Klicke unten auf eine Frage, um mehr über das Anpassen der Funktionen deiner eigenen nativen Mobile-App zu erfahren. 

Videoanleitung

Screenshot des „Kopfzeile bearbeiten“-Panels im Web-Editor.
Screenshot der unteren Navigationsleiste im Web-Editor.
Screenshot des Elementkatalogs im Web-Editor mit einem ausgewählten Veranstaltungskarussell.
Ein Screenshot eines Elements mit ausgewählten Optionen zum Neuordnen von Duplikaten und zum Löschen.
Screenshot des Menüs „Weitere Aktionen“ neben einem Screen in der Navigation.