Le Cyber Monday est arrivé ! Créez une application et profitez de 50% de réduction dès maintenant !

Votre page d'accueil ou Home est la première page affichée dans votre application après l'écran de lancement.
Sur cette page, vous pouvez automatiquement mettre en avant le contenu d'autres pages, ajouter des actions, insérer des liens utiles et plus encore.

Vous construisez votre page d'accueil avec des widgets. Dans cette aide en ligne, nous allons décrire les différents types de widgets disponibles pour vos applications GoodBarber.

Vous pouvez ajouter jusqu'à 20 widgets sur votre page d'accueil.


1

Widget de contenu

Ce type de widget permet d'afficher le contenu de vos sections sur la Home.

1 . Vous pouvez afficher le contenu des types de sections suivants*:
- Sections CMS (Blog, map, vidéo, évènement etc.)
- Section de contenu externe (Wordpress, Youtube etc.)
- Section utilisateur

2 . Onglet paramètre
- Template du widget: sélectionnez le template de celui-ci
- Header: selon le template choisi, si un header est disponible, configurer son titre, ses polices, son alignement, ses couleurs, etc.
- Zone de contenu: en fonction du template choisi, plusieurs options seront disponibles pour définir la couleur et la police des titres, des informations, la couleur de la cellule, du pager, etc.
- Options de la zone de contenu : permet de définir les options de tri, le nombre d'éléments, les informations, etc.
- Options globales : en fonction du template choisi, il vous permet de définir la vignette par défaut, la marge, l'alignement du contenu, l'effet sur les images, etc.

3 . Onglet source
Modifie la source de votre widget 

*Pour pouvoir créer un widget de contenu, vous devez d'abord ajouter les sections que vous souhaitez afficher dans votre widget.
La liste des sources de votre widget dépend des sections publiées dans votre application.

 


2

Widget de liens

Ce widget vous permet de :
- Créer des liens vers les pages internes de votre application ou des liens externes sur votre Home (page d'accueil).
- Créer une action à partir de votre application (appeler, envoyer un SMS ou un email)
- Ouvrir l'url d'une application publiée sur les stores

1 . Template du widget, sélectionnez le template.
Selon la template, le design des boutons  change :
Bouton Level 1 : templates Small slide show et Big Slide show
Bouton Level 2 : templates Visual, Grid, Small Carousel, Big Carousel

2 . Liens
-Cliquez sur "ajouter un lien" pour créer celui-ci
- Sélectionnez le type de lien (Section, Action, Lien externe, une application sur les stores)
- En fonction de votre template, définissez les différentes options : ajouter une image, un titre et une description, une icône, afficher un bouton, etc.

3. Paramètres généraux, en fonction de votre template, il vous permet de définir les marges, la couleur de fond du widget, les polices, le bouton d'action, l'effet sur les images, etc.


3

Widget Pub

Ce type de widget permet de diffuser les pubs paramétrées depuis votre menu monétisation *.

1 . Sélectionnez la campagne
2 . Sélectionnez le format de votre pub
3 . Répétez l'opération pour chaque plate-forme, iOS, Android, PWA (en fonction de votre offre)

*Pour pouvoir ajouter un widget de pub, vous devez dans un premier temps créer votre campagne de pub via la régie interne ou externe.


4

Widget Recherche

Ce widget active la fonction de recherche sur votre page d'accueil et redirige vos utilisateurs vers le résultat de votre section de recherche*.
Un seul widget Recherche peut être ajouté sur la Home.  

1. Sélectionnez la section Recherche source pour votre widget
2. Paramétrez le design de ce widget : Header, zone de contenu et options globales.

*Pour pouvoir créer un widget de recherche, vous devez d'abord ajouter une section Recherche.


5

Widget Liens sociaux

Ce widget affiche des raccourcis vers les comptes de réseau social de votre app : Facebook, Twitter, LinkedIn, YouTube, Dailymotion, Instagram, Pinterest, Flickr, Tumblr, Dribbble et autres.

1. Sélectionnez le réseau social vers lequel vous souhaitez créer un lien
2. Répétez l'opération dans ce widget pour chaque réseau social
3. Définissez le header et les options globales du widget


6

Widget newsletter

Ce widget vous permet de collecter les emails de vos utilisateurs.

1. Onglet Design
- Définissez le header, la zone de contenu et les options globales du widget.
- Paramétrez un lien vers vos conditions d'utilisation en utilisant le menu déroulant (1)

2. Onglet Abonnés
Cliquez sur Exporter les données pour exporter la liste dans un fichier .csv

3. Allez dans le menu Paramètres > Paramètres de l'App > Texte de l'App  
Recherchez GB_WIDGET_NEWSLETTER_TOS_TEXT
​Editez le texte  pour pour faire savoir à vos utilisateurs finaux pourquoi vous collectez leur e-mail (ce que vous ferez de leur e-mail) et leur demander de lire vos conditions d'utilisation. (1)
Avertissement: ne modifiez pas le token [TOS]

(1) Requis par le RGPD. Le RGPD s'applique à toutes les entités basées dans un pays de l'UE qui traitent des données personnelles, ainsi qu'à toutes les entités du monde entier qui traitent des données personnelles appartenant à des résidents de l'UE. 


7

Widget séparateur

Ce widget affiche un séparateur entre les autres widgets.

1. Définir la hauteur en pixels et la couleur du widget
2. Définir les options globales du widget


8

Widget HTML

Ce widget vous permet d'afficher votre propre code HTML.

1. Remplissez la hauteur de la zone du widget
2. Activez ou non le défilement
3. Ajoutez votre code HTML*.
4. Cliquez sur "Enregistrer".

*L'équipe de support technique de GoodBarber ne gère pas la résolution des problèmes liés au code externe. 
L'équipe GoodBarber ne debug aucun code qu'elle n'a pas codé elle-même, y compris les codes embed ou iframe.


Autres articles
Conseils pour créer une app