Modifier un héros
Lorsque vous ouvrez un héros existant, vous aurez accès à différentes sections qui vous permettent de personnaliser son apparence et son contenu. Chaque élément peut être désactivé si vous ne souhaitez pas qu'il soit affiché.
⚠️ Important : Chaque héros est complètement indépendant des autres. Si vous souhaité faire une modification qui affecte tous les héros, il faut faire la modification manuellement sur chacun.
À n'importe quel moment, vous pouvez descendre en bas de la page pour visualiser l'apparence de la bannière actuelle.
Voici un aperçu détaillé de chaque section.
1. Nom et langue
Commencez par définir le nom de votre héros ainsi que la langue dans laquelle il sera affiché.
Le nom et la langue choisie ne seront pas visibles aux visiteurs de votre site. Ils sont utilisés lorsque vous allez ajouter une bannière à une page pour ne vous afficher que les bannières de la même langue.
2. Taille de la bannière
Choisissez la hauteur de votre bannière.
Une grande taille permet de mettre davantage l’accent sur l’image ou la vidéo d’arrière-plan, tandis qu’une hauteur plus petite donne un aspect plus discret.
Par défaut, les bannières pour les pages d'accueil sont Grande ou Énorme, alors que les banières pour les autres pages sont Petites
3. Couleur du texte et police
Ajustez la couleur du texte et sélectionnez la police d’écriture pour tous les textes présent dans le héro. Si ces options sont désactivées, la banière utilisera les options par défaut pour l'apparence du site.
4. Titre principal et sous-titre
Ajoutez un titre principal et un sous-titre pour communiquer un message clé ou mettre en avant une information importante directement sur votre bannière. Les deux zones de texte sont indépendantes et peuvent être customisés séparément.
5. Texte flottant
Le texte flottant est une petite zone de texte qui s’affiche dans un coin de la bannière.
Il peut être associé à une image, par exemple un trophée, une médaille ou un logo distinctif.
6. Boutons
Ajoutez un ou plusieurs boutons d’action.
Vous pouvez :
- Choisir une icône
- Définir le texte du bouton
- Saisir l’URL de redirection
💡 Astuce : Pour rediriger vers une page interne de votre site, il suffit d’entrer / suivi du nom de la page (ex. /contact).
7. Vidéo en arrière-plan
Intégrez une vidéo comme fond de votre bannière pour un rendu dynamique et immersif.
Pour ce faire, il suffit de déposer votre vidéo dans la bibliothèque de médias, de copier l'URL et de le placer dans la boite URL de la vidéo.
8. Logo
Ajoutez un logo pour renforcer l’identité visuelle de votre marque ou de votre agence. Vous pouvez aussi utiliser cette section pour ajouter une autre image qui pourrait être utile.
9. Photo de profil
Importez et positionnez une photo de profil dans votre bannière.
⚠️ Important : La taille choisie pour la photo doit correspondre à la taille de la bannière afin d’éviter les déformations.
Trois modes sont disponibles :
- Unique : une seule photo d'un courtier.
- Multiple : permet d'ajouter autant de photos que requises les unes à côté des autres.
- Chaque côté : permet d'ajouter une photo à chaque extrémité de la bannière.
10. Diaporama
Activez le mode diaporama pour afficher un défilement d’images en arrière-plan, créant un effet visuel attrayant et varié.
Pour ajouter des images, il faut les ajouter à la bibliothèque de médias, copier leur URL et l'ajouter dans la section URL de l'image pour chaque image souhaitée. Les boutons pagination et navigation permettent respectivement d'ajouter des marques au bas de la bannière qui affiche à quelle diapositive le défilement est rendu et d'ajouter des flèches sur les côtés afin de faire défiler les pages manuellement.
11. Arrière-plan
Vous pouvez aussi opter pour une image fixe en arrière-plan si vous préférez un visuel simple et statique. Il suffit d'ajouter l'image à la bibliothèque de médias et de la sélectionner dans la case prévue à cet effet.
Si vous avez des questions, vous pouvez nous rejoindre au supportwebsite@urbanimmersive.com