Vous êtes ici:   Sommaire / Le Design De L'App / Menu De Navigation & Home Page

Widgets disponibles dans la section Home

Votre page Home est la première page affichée sur votre application après l'écran de lancement.
À partir de cette page, vous pouvez mettre en évidence automatiquement le contenu d'autres pages, ajouter des liens d'action, insérer des liens utiles, etc.

Vous créez votre section d'accueil avec des widgets. Cette aide en ligne décrit les différents types de widgets disponibles pour vos applications GoodBarber.

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

Pour ajouter un widget à votre page d'accueil:
1. Allez dans le menu Contenu & Design> Design> Home
2. Cliquez sur le bouton vert "+" dans la colonne de droite
3. Sélectionnez le type de widget que vous souhaitez


1

Widget de liste de produits

Ce widget affiche les produits inclus dans vos collections.

Onglet source
Lorsque vous ajoutez ce widget, vous sélectionnez dans vos collections existantes la collection à partir de laquelle les produits seront affichés dans votre widget.

Onglet Paramètres
Cet onglet répertorie tous les paramètres de design disponibles pour ce widget (template de widget, header, zone de contenu et options)
C'est ici que vous sélectionnez vos couleurs, polices, nombre de lignes de produits affichés, etc.


2

Widget Liste des collections

Ce widget affiche des liens vers vos pages de collections.
Lorsque vous ajoutez ce widget, vous sélectionnez dans vos collections existantes quelles collections auront des liens affichés dans votre widget.


3

Widget de bannière promotionnelle

Ce widget vous permet de promouvoir votre boutique pour mettre en évidence, par exemple, une remise en cours.
1. Sélectionnez une couleur d'arrière-plan ou une image d'arrière-plan pour votre widget
2. Définissez un titre et ses options de conception: couleur, police
3. Définissez le bouton d'action de votre widget: titre, couleur, où il pointe (contenu que vous souhaitez promouvoir)
4. Définissez les options globales


4

Widget de 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 de recherche peut être ajouté sur la page d'accueil.

* Pour pouvoir définir un widget de recherche, vous devez d'abord définir une section de recherche.


5

Widget de réseaux sociaux

Ce widget affiche des raccourcis vers les comptes de réseaux sociaux de votre application: Facebook, Twitter, LinkedIn, YouTube, Dailymotion, Instagram, Pinterest, Flickr, Tumblr, Dribbble et autres.
1. Sélectionnez le réseau social auquel 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 e-mails de vos utilisateurs.

1. Onglet Design
- Définissez le header, la zone de contenu et les options globales du widget.
- Définissez un lien vers vos conditions d'utilisation à l'aide du 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> Texte de l'application
Rechercher GB_WIDGET_NEWSLETTER_TOS_TEXT
Modifiez le texte pour que vos utilisateurs finaux sachent pourquoi vous recueillez leur e-mail (ce que vous ferez avec leur e-mail) et demandez-leur 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 de lien

Ce widget vous permet de:
- Créez des liens vers les pages internes de votre application ou des liens externes sur votre home.
- Créez une action depuis votre application (appelez, envoyez un SMS ou un e-mail)
- Ouvrez l'URL d'une application dans les stores

1. Template de widget, sélectionnez le modèle de votre widget

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

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


8

Widget séparateur

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

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


9

Widget HTML

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

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

* L'équipe d'assistance technique de GoodBarber ne gère pas la résolution des problèmes liés au code externe.
L'équipe de GoodBarber ne débogue aucun code qu'il n'a pas codé lui-même, y compris les codes d'intégration ou iframe.


10

Liens légaux

Ce widget affiche des liens vers vos conditions générales.
1. Écrivez vos termes et conditions dans le menu Paramètres> Paramètres généraux de la boutique> Processus de paiement
2. Définissez le titre de vos liens et leur affichage (couleur, polices et marge)