Ce que vous allez obtenir
- Des carnets de voyage visuellement époustouflants
- Galeries photo en 3 formats pour s'adapter à chaque destination
- Widgets interactifs qui impressionnent vos clients
Les briques créatives de votre document
Iliade propose 12 types de blocs pour composer vos documents. Ce tutoriel couvre les blocs de contenu et de mise en page — ceux que vous utiliserez dans chaque document pour structurer votre récit et captiver vos lecteurs.
Bloc Hero — La première impression
Le bloc Hero est le premier élément de chaque document. C'est votre couverture, votre accroche visuelle. Il est obligatoire et toujours positionné en haut.
Ce que vous configurez :
- Titre principal — Le nom du voyage, en grand, centré sur l'image
- Sous-titre — Une phrase d'accroche ou le résumé du séjour
- Image de couverture — Une photo plein écran depuis votre médiathèque ou Unsplash
- Ou vidéo YouTube — Avec timestamps de début et fin pour ne garder que la partie pertinente
Le rendu : une image ou vidéo en plein écran avec un dégradé sombre et le texte centré en blanc. L'effet est immédiat et professionnel.
Bénéfice : En 30 secondes, vous avez une couverture digne d'un magazine de voyage. Pas besoin de Photoshop.
Bloc Présentation — Racontez l'histoire
Le bloc Présentation est votre espace de narration principal. Il combine un éditeur de texte riche avec des widgets interactifs.
L'éditeur de texte riche (TipTap)
Un éditeur complet avec tout ce que vous attendez d'un traitement de texte professionnel :
Mise en forme du texte
- Gras, italique, souligné, barré
- 5+ tailles de police
- Titres H2, H3, H4
- Couleur du texte et surlignage
- Alignement (gauche, centré, droite, justifié)
Listes et structure
- Listes à puces
- Listes numérotées
- Citations stylisées
- Indentation
Médias intégrés
- Images redimensionnables par glisser (depuis la médiathèque ou Unsplash)
- Vidéos YouTube intégrées
- Tableaux éditables (lignes, colonnes, cellules fusionnées)
- Liens hypertexte
Productivité
- Annuler / Refaire
- Compteur de caractères
- Mode plein écran pour rédiger sans distraction
- Assistant IA intégré (voir tutoriel dédié)
Bénéfice : Un éditeur aussi puissant que Word, mais dont le résultat est directement une page web professionnelle.
Bloc Texte libre — Contenu flexible
Identique au bloc Présentation dans ses capacités, le bloc Texte libre est pensé pour les sections secondaires : informations pratiques, conditions, notes de voyage.
La distinction est sémantique : utilisez Présentation pour le récit principal, Texte libre pour le contenu complémentaire.
Bloc Points forts — Les atouts en un coup d'œil
Le bloc Points forts affiche une grille d'éléments visuels, chacun composé d'une icône, d'un titre et d'une description.
Ce que vous configurez :
- Titre du bloc — Ex : "Pourquoi choisir ce voyage"
- Éléments — Autant que nécessaire, chacun avec :
- Icône — Choisie dans la bibliothèque Lucide (500+ icônes : avion, palmier, étoile, cœur, montagne...)
- Titre — Court et percutant (ex : "Hôtels 5 étoiles")
- Description — 1 à 2 lignes d'explication
Les éléments s'affichent en grille responsive (1 colonne sur mobile, 2 sur tablette et desktop). Réordonnez-les par drag-and-drop.
Bénéfice : Mettez en avant les arguments de vente en quelques secondes. Idéal pour les propositions commerciales : "Vol direct", "Petit groupe", "Guide francophone", "Tout inclus".
Bloc Galerie — Vos plus belles photos
Le bloc Galerie présente une collection d'images avec trois formats d'affichage :
Formats disponibles
| Format | Rendu | Idéal pour |
|---|---|---|
| Classique | Grille régulière (2, 3 ou 4 colonnes) | Portfolio équilibré |
| Mosaïque | Disposition masonry (comme Pinterest) | Photos de formats variés |
| Pinceau | Masques artistiques sur les images | Effet créatif, haut de gamme |
Ce que vous configurez :
- Nombre de colonnes — 2, 3 ou 4
- Images — Ajoutées depuis votre médiathèque, Unsplash, ou upload direct
- Légendes — Optionnelles, sous chaque image
- Ordre — Réarrangement par drag-and-drop
La sélection d'images est rapide : choisissez-en plusieurs en une seule fois depuis la médiathèque ou recherchez sur Unsplash avec sélection multiple.
Bénéfice : Créez une galerie photos professionnelle sans aucune compétence en design. Les 3 formats s'adaptent à tous les styles de voyage.
Bloc Countdown — Le compte à rebours du départ
Le bloc Countdown affiche un compte à rebours dynamique jusqu'à la date de départ du voyage. Un petit détail qui fait toute la différence pour créer l'excitation chez vos clients.
Ce que vous configurez :
- Date cible — Date et heure du départ
- Message — Texte affiché au-dessus du compteur (ex : "Départ dans...")
- Message d'expiration — Ce qui s'affiche une fois le voyage commencé (ex : "Bon voyage !")
- Éléments affichés — Jours, heures, minutes, secondes (chacun activable/désactivable)
- Style — 3 styles visuels :
- Simple — Chiffres épurés
- Flip — Effet de carte qui tourne (rétro aéroport)
- Cercle — Barres de progression circulaires
Bénéfice : Un détail qui impressionne vos clients et crée l'impatience du départ. Effet "waouh" garanti sur les landing pages.
Les Widgets — Des boutons d'action dans votre texte
Les blocs Présentation, Texte libre, Programme jour par jour et Carte supportent des widgets : des éléments interactifs insérés dans votre contenu.
Types de widgets
| Widget | Description | Exemple d'usage |
|---|---|---|
| Lien | Bouton avec URL externe | Lien vers le site de l'hôtel |
| Document | Fichier PDF/Word téléchargeable (max 10 Mo) | Conditions générales, assurance voyage |
| Document en ligne | Lien vers un document externe | Google Drive, Dropbox |
| Citation | Bloc citation stylisé avec auteur | Avis client, citation inspirante |
Personnalisation des widgets
- Taille : Petit, Moyen, Grand
- Alignement : Gauche, Centre, Droite
- Citation : Fond uni, dégradé ou image de fond, couleurs personnalisables
Bénéfice : Intégrez des appels à l'action, des documents téléchargeables et des témoignages directement dans votre contenu.
Séparateurs et espacements
Chaque bloc dispose de sa propre configuration de séparateur et d'espacement :
Séparateur (divider)
- Styles : Ligne, Pointillés, Tirets, Dégradé
- Couleur : Personnalisable (palette de couleurs)
- Épaisseur : De 1 à 10 pixels
- Largeur : Pourcentage de la page (50%, 75%, 100%...)
Espacement
- Marge supérieure personnalisable de 0 à 200 pixels
- Permet de contrôler finement le rythme visuel du document
L'administrateur de l'agence peut définir un séparateur par défaut appliqué à tous les nouveaux blocs, modifiable bloc par bloc.
Bénéfice : Un contrôle pixel-perfect de la mise en page, sans toucher au code CSS.
En résumé
| Bloc | Cas d'usage principal | Temps de configuration |
|---|---|---|
| Hero | Couverture avec image/vidéo | 30 secondes |
| Présentation | Récit principal du voyage | 5-15 minutes |
| Texte libre | Infos pratiques, conditions | 3-10 minutes |
| Points forts | Arguments de vente, USPs | 2-5 minutes |
| Galerie | Portfolio photos | 2-3 minutes |
| Countdown | Compte à rebours départ | 30 secondes |
Temps gagné estimé : 45 minutes par document grâce à l'éditeur riche intégré et aux mises en page automatiques.
Tous les blocs de contenu sont inclus dans chaque plan Iliade. Voir les tarifs →