Blog

[Tutoriel Video] Comment Changer les Icônes du Menu de mon App?

Marketing Manager

  Mis à jour le   3 min de lecture

Lorsque vous créez le design de votre app, vous devez choisir entre différents types de mode de navigation.
Certains de ces modes de navigation incluent des icônes pour chaque section. Dans ce tutoriel vidéo, nous allons vous montrer comment:

- Ajouter des sections sample à votre app pour visualiser la structure du menu
- Placer les icônes après avoir choisi le mode de navigation
- Télécharger des icônes personnalisées 

Il est possible de choisir et de configurer les icônes du menu de l'app à partir du menu Design de votre backoffice.
Sur le côté droit, vous trouverez un menu à 5 niveaux qui vous guidera pendant la personnalisation de votre app.
Les paramètres concernant les icônes se trouvent dans le premier niveau, Menu.

Vous y trouverez tous les modes de navigation disponibles, mais attention, tous ne contiennent pas d'icône.
Ces dernières sont présentes uniquement dans les templates TabBar, Little Swipe, Grid et Classic TabBar.

Si vous créez le design de votre app pour la première fois, nous vous conseillons d'apporter ces modifications seulement après avoir défini les sections de votre menu.

Ajouter des sections Sample à votre app pour visualiser la structure du menu

Pour obtenir un aperçu rapide de l'apparence de votre menu, vous pouvez ajouter des sections Sample à partir du menu "Sections". Cliquez sur "Ajouter un Sample", et choisissez une des sections proposées comme Articles, Photos, Videos, etc.

Les sections Sample vous aident à créer la structure de votre app, en vous permettant de vous concentrer dans un premier temps uniquement sur le design.
Si vous préférez connaître tout de suite le nombre et le type de sections qu'aura votre app, nous vous conseillons d'attendre d'avoir complètement défini votre app pour vous préoccuper de la modification des icônes.

Placer les icônes de votre app après avoir choisi le mode de navigation

En retournant sur le menu "Navigation" et en choisissant un modèle qui comprend les icônes, vous pourrez configurer votre menu mais aussi choisir et modifier les icônes .
En cliquant sur une icône vous ouvrez la bibliothèque dans laquelle vous pouvez choisir n'importe quelle icône en cliquant dessus.
A chaque changement d'icône, vous pouvez voir le résultat instantanément sur l'aperçu.

Télécharger vos propres icônes

Si vous ne voulez pas utiliser les icônes standard, et que vous voulez directement télécharger les vôtres, vous devez ouvrir à nouveau la bibliothèque d'icônes , choisir "Icône Perso" et téléchargez votre fichier.
Faites attention à bien respecter les caractéristiques requises. Il doit s'agir d'une image blanche sur fond transparent, au format .png, et elle doit mesurer exactement 260*260 pixels.

Si vous voulez modifier une icône après avoir déjà choisi le mode de navigation, vous devez cliquer sur le bouton "Modifier" sur l'aperçu du mode choisi.

Pour publier les modifications apportées à l'application, vous devez aller sur le menu "Publier" > "Journal" > et cliquer sur "Mettre à jour".
Vous trouverez ici la liste de toute les modifications apportées. Cliquer alors sur le deuxième bouton "Mettre à jour" - en bas à droite.

Une fois la mise à jour effectuée, les nouvelles icônes apparaitront dans l'app.

À lire aussi

  4 min de lecture

Vos événements et collectes Zeffy s'affichent dans votre app

En bref. Zeffy Événements et Zeffy Campagnes sont deux extensions de GoodBarber, l'app builder sans code, qui lisent les campagnes d'un organisme sur Zeffy. Zeffy Événements remplit une section Agenda avec les événements à venir, une entrée par date quand un événement a lieu plusieurs fois, chacune avec un bouton qui ouvre la billetterie Zeffy dans l'app. Zeffy Campagnes remplit une section Article avec les formulaires de don, les collectes entre pairs et les adhésions : l'adhésion s'ouvre dans l'app, le don dans le navigateur du téléphone. Vous les connectez avec votre clé d'API Zeffy. Elles sont gratuites pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.Zeffy indique que plus de 100 000 organismes ont collecté plus de 2 milliards de dollars sur sa plateforme, dans un article publié le 16 juin 2026. Voici comment les deux extensions fonctionnent pour une troupe de théâtre jeunesse qui vend son spectacle et collecte des fonds sur Zeffy.

  6 min de lecture

Comment changer les couleurs de mon app ?

Dans GoodBarber, chaque couleur de votre thème tient un rôle. Sur l'une de nos apps, changer une seule couleur a repeint 95 réglages, sans ouvrir d'écran.

  3 min de lecture

Les événements Church Center de votre église remplissent seuls l'agenda de votre app

En bref. Planning Center est une extension de GoodBarber, l'app builder sans code, qui remplit une section Agenda avec les événements qu'une église publie sur Church Center pour les six mois à venir. Les événements récurrents apparaissent une fois par date, à leurs horaires publics, dans le fuseau horaire de l'église, avec leur visuel, leur lieu et leur description. Quand une inscription est prévue, un bouton ouvre le formulaire dans l'app. Vous la connectez en vous identifiant avec un compte administrateur de Planning Center Calendar : aucune clé à copier. Elle est gratuite pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.De nombreuses églises tiennent déjà leur agenda dans Planning Center : l'outil revendique 78 000 églises actives et 4 millions d'utilisateurs actifs, selon sa page de présentation, consultée en octobre 2026. Voici comment l'extension fonctionne pour une église qui a un culte chaque semaine et un camp de jeunes.

Conseils pour créer une app