Branded App: De functies en inhoud van je app aanpassen

Leestijd 30 minuten
Zodra je het thema van je branded app hebt ontworpen, kun je de inhoud en functies in je app aanpassen. Je branded app bestaat uit schermen, vergelijkbaar met websitepagina's. Kies hoeveel schermen je nodig hebt en wat op elk scherm wordt weergegeven.
Voeg elementen toe aan je schermen op basis van je bedrijf, zoals een Wix Stores-productpagina, een evenementenlijst of een Wix Bookings-lesrooster. Pas het scherm vervolgens verder aan met knoppen, afbeeldingen, video's en meer. Je kunt het ontwerp van je app ook verder aanpassen door verschillende kleuren en lettertypen te kiezen.
Kies of je de inhoud van je app wilt aanpassen vanaf het dashboard van je website of door de Wix-app te downloaden en aan te passen vanaf mobiel. 
In dit artikel lees je meer over:

De koptekst aanpassen

De koptekst van je branded app staat op het startscherm en is het eerste element dat leden zien nadat ze zich hebben aangemeld bij je app. Personaliseer het voor je bedrijf door je logo, een omslagfoto en een themakleur toe te voegen om je knoppen en accenten te laten opvallen.
Wix-app
Wix Studio-app
  1. Ga naar Branded Mobiele App op het dashboard van je website.
  2. Klik op Mobiele app bewerken
  3. Klik links op Ontwerp
  4. Klik in de webeditor op de koptekst van je app om het Koptekst wijzigen-paneel te openen.
Een screenshot van het Koptekst bewerken-paneel in de dashboard-webeditor.
  1. Pas het ontwerp van je koptekst aan met behulp van de beschikbare opties:
    • Pictogrammen: Schakel de relevante schakelaars in om extra pictogrammen aan je koptekst toe te voegen.
      Let op: Afhankelijk van de Wix-apps die je hebt geïnstalleerd (bijvoorbeeld: Wix Stores, Wix Chat) zie je mogelijk verschillende aanpassingsopties.
    • Type: Selecteer een koptekstontwerp voor je startscherm:
7. Klik rechtsboven op Opslaan.

Het navigatiemenu aanpassen

Je branded app bestaat uit schermen om je leden te helpen navigeren tussen verschillende delen van je app. Je kunt kiezen of het navigatiemenu bovenaan of onderaan je app wordt weergegeven. Pas het ontwerp vervolgens aan door aangepaste menupictogrammen toe te voegen.
Wix-app
Wix Studio-app
  1. Ga naar Branded Mobiele App op het dashboard van je website.
  2. Klik op Mobiele app bewerken
  3. Klik op de navigatiebalk van je app. Deze verschijnt onder de koptekst van je app of onderaan de app.
Een screenshot van het navigatiepaneel van de onderste balk in de webeditor.
  1. Kies een navigatie-indeling:
    • Bovenste tabbalk: Leden navigeren bovenaan je app, direct onder de koptekst, tussen de schermen.
    • Onderste tabbalk: Leden navigeren onderaan je app tussen schermen. Je kunt aangepaste pictogrammen voor elk scherm toevoegen als je deze optie selecteert.
      • Labels: Klik op de schakelaar om de naam van het scherm in het navigatiemenu weer te geven of te verbergen. De naam verschijnt onder het pictogram van het scherm. Het wordt aanbevolen om de schermnaam op te nemen vanwege toegankelijkheidsredenen.
      • Pictogrammen: Pas de pictogrammen in je navigatiemenu aan. Elk pictogram komt overeen met een scherm. Wijs een pictogram aan en klik op Pictogram wijzigen om het te vervangen.
  2. Klik rechtsboven op Opslaan.

Elementen toevoegen aan je schermen

Elementen vormen de inhoud van je app. Voeg elementen toe om te laten zien wie je bent, wat je doet en wat je app-leden aanbiedt. Als je bijvoorbeeld een bedrijf voor het plannen van evenementen hebt, voeg dan een Evenementen-element toe zodat mensen rechtstreeks vanuit de app kunnen reageren.
Nadat je elementen aan je app hebt toegevoegd, kun je ze op hetzelfde scherm omhoog of omlaag verplaatsen of ze overzetten naar een ander scherm. Je kunt elementen ook dupliceren, ongewenste elementen verwijderen en de inhoud binnen elk element bewerken.
Tip:
Lees meer over het toevoegen van elementen voor specifieke bedrijven zoals webshops, restaurants en boekingen.
Wix-app
Wix Studio-app
  1. Ga naar Branded Mobiele App op het dashboard van je website.
  2. Klik op Mobiele app bewerken
  3. Klik links op Elementen.
  4. Blader door de catalogus en klik op een element om het aan je app toe te voegen.
    Tip: In Basisitems kun je elementen toevoegen om je app te ontwerpen en te organiseren, zoals knoppen, afbeeldingen, scheidingslijnen en video's.
Een screenshot van de elementencatalogus in de webeditor met een geselecteerde evenementencarrousel.
  1. Klik op het element in het app-voorbeeld om de weergave- en inhoudsinstellingen aan te passen.
Let op:
Niet alle elementen kunnen worden aangepast vanuit de webeditor en moeten mogelijk worden bijgewerkt vanuit de Wix-app.
Een screenshot van een element met de opties voor het opnieuw ordenen van dupliceren en verwijderen geselecteerd.
  1. (Optioneel) Beheer het element verder met behulp van de beschikbare opties.
    Let op: Er kunnen verschillende opties verschijnen, afhankelijk van het element dat je hebt toegevoegd.
7. Klik rechtsboven op Opslaan.

Schermen beheren

Werk de schermen van je app bij, inclusief hoeveel schermen je in je navigatiebalk wilt weergeven, de volgorde van de schermen en de schermnamen. Je kunt ook schermen maken die verborgen zijn in het hoofdmenu van je app.
Wix-app
Wix Studio-app
  1. Ga naar Branded Mobiele App op het dashboard van je website.
  2. Klik op Mobiele app bewerken
  3. Klik links in de webeditor op Schermen.
  4. Kies wat je wilt doen:
Een screenshot van het Meer acties-menu naast een scherm in de navigatie.

Het ontwerp van je app aanpassen

Personaliseer de kleuren en lettertypen van je app die bij je merk passen. Selecteer een app-thema of kies handmatig kleuren en lettertypen om je unieke merkontwerp te laten zien.
Dashboard
Wix-app
Wix Studio-app
  1. Ga naar Branded Mobiele App op het dashboard van je website.
  2. Klik op Mobiele app bewerken
  3. Klik links op Ontwerp
  4. Kies wat je wilt aanpassen:
    • Kleurenthema: Pas de kleuren van je app aan door een kleurenthema te selecteren of individueel de primaire kleur, app-achtergrond en tekstpictogrammen te kiezen.
    • Tekstthema: Pas je lettertype aan door een tekstthema te selecteren of pas de lettertypen voor de koppen en hoofdtekst afzonderlijk aan.
      Tip: Klik op App-thema wijzigen om een vooraf ontworpen combinatie van kleuren en lettertypen te kiezen.
    • Koptekststijl: Pas de kleur van je koptekst aan zodat deze overeenkomt met je primaire kleur of je achtergrondkleur.
  5. Klik op Save.

Veelgestelde vragen

Klik hieronder op een vraag voor meer informatie over het aanpassen van de functies van je branded app. 

Instructievideo

Vond je dit artikel nuttig?

|