Principaux points à retenir
- Elementor n'a pas de widget de feuille de route, donc une feuille de route Elementor est généralement construite avec un widget de chronologie, où chaque élément est une fonctionnalité ou une phase.
- Le widget Master Addons Timeline permet à chaque élément d'afficher une étiquette personnalisée au lieu d'une date, ce qui convient aux statuts de la feuille de route tels que Expédié, En cours, Suivant et Exploration.
- Une feuille de route de produits publics fonctionne mieux avec des étiquettes de statut ou des quarts, car les dates exactes sur une feuille de route se transforment en promesses dont les clients se souviennent.
- Le widget Chronologie peut afficher une feuille de route verticalement avec un alignement gauche, centre, superposition ou droite, ou sous forme de carrousel horizontal avec des flèches.
- L'état focalisé dans l'onglet Style du widget Chronologie donne à l'élément qu'un visiteur a fait défiler vers son propre fond de carte et sa propre couleur de points.
Une page de feuille de route Elementor montre aux clients ce que vous avez expédié, ce que vous construisez et ce qui va suivre. Élémenteur n'inclut pas de widget de feuille de route, mais une feuille de route est une chronologie avec des statuts à la place des dates, donc un widget de chronologie fait le travail Ce guide utilise le Widget de chronologie Master Addons.
L'exemple est une feuille de route logicielle en quatre éléments : Expédié, En cours, Suivant et Explorant La même construction fonctionne pour un plan de cours, un calendrier de construction ou un processus d'intégration Vous allez configurer les éléments, échanger les dates contre des étiquettes, choisir une mise en page et styliser les phases.
Table des matières
Ce qui se passe sur une page de feuille de route de produit
Une page de feuille de route de produit répertorie le travail prévu par ordre de proximité de la sortie. Chaque entrée nécessite trois choses : un statut, un nom court et une phrase sur ce que le client obtient.
La plupart des feuilles de route publiques utilisent l'un des deux systèmes de statut suivants :
| Système | Exemples d'étiquettes | Utilisez-le quand |
|---|---|---|
| Étiquettes d'état | Expédié, En cours, Suivant, Exploring | Vous ne voulez pas vous engager sur les dates |
| Seaux horaires | T1 2027, T2 2027, plus tard | Vous planifiez en quartiers et pouvez vous tenir derrière eux |
| Dates exactes | 14 mars 2027 | La date est fixe, comme un événement ou un lancement |
Les étiquettes d'état sont le choix le plus sûr pour les logiciels Une date glissée sur une page publique est détectée par écran, et une étiquette comme “Next up” ne peut pas glisser.
Comment construire la feuille de route dans Elementor
Vous avez besoin d'Elementor et de Master Addons La feuille de route elle-même est un widget Timeline défini sur Custom Timeline.
Étape 1 : Planifiez les phases
Écrivez la liste avant d'ouvrir l'éditeur Quatre à huit éléments, c'est beaucoup Pour cet exemple :
| Étiquette | Caractéristique | Description d'une ligne |
|---|---|---|
| Expédié | Refonte des caisses | Checkout d'une page avec chariots enregistrés. |
| En cours | Espaces de travail de l'équipe | Projets, rôles et commentaires partagés. |
| Suivant vers le haut | Application mobile | Applications iOS et Android avec mode hors ligne. |
| Explorant | Api publique | Webhooks et une API REST pour les intégrations. |
Étape 2 : Ajoutez le widget Chronologie
Modifiez votre page de feuille de route avec Elementor, recherchez dans le panneau du widget Chronologie et faites-le glisser sur la page Gardez Type de chronologie sur Chronologie personnalisée. Le widget commence par trois exemples d'éléments. Utiliser Ajouter un élément pour un quatrième, ou l'icône en double sur une ligne pour en copier un.
Nouveau sur le widget ? Comment créer une chronologie dans Elementor marche à travers chaque contrôle.
Étape 3 : Remplacez les dates par des étiquettes personnalisées
Ouvrir le premier élément. Changer Afficher de Date à Étiquette personnalisée(en), puis tapez le statut dans le Étiquette champ. dans l'éditeur de contenu, faites de la première ligne un en-tête avec le nom de la fonctionnalité et écrivez la description sous celui-ci.
Répétez pour chaque élément. L'optionnel Lien field rend une carte entière cliquable, ce qui est utile pour envoyer une fonctionnalité expédiée à sa publication de version ou à ses documents.
Étape 4 : Choisissez une mise en page
La disposition centrale au-dessus alterne les cartes gauche et droite Deux autres mises en page conviennent bien à une feuille de route.
Aligné à gauche. Dans l'onglet Style, ouvrez Disposition et ensemble Alignement horizontal vers la gauche Chaque carte se trouve d'un côté avec son étiquette à l'intérieur Cela se lit comme une liste, qui est plus facile à scanner lorsque les descriptions sont plus longues.
Horizontal. Dans l'onglet Contenu, définir Style de la chronologie à Horizontal Timeline Les phases deviennent un carrousel avec les étiquettes au-dessus de la ligne Cela prend une ligne, donc cela tient sur une page d'accueil ou sous un tableau de prix.
Les décors du carrousel sont couverts comment créer une chronologie horizontale dans Elementor.
Étape 5 : Stylez les phases
Ouvrez l'onglet Style et travaillez à travers quatre sections.
- Cartes: remplissage, rayon de bordure, et couleurs de titre et de contenu L'onglet Focused style la carte vers laquelle le visiteur a fait défiler.
- dates: typographie et couleur pour les étiquettes de statut, Le gras avec une couleur de marque les fait lire comme des étiquettes.
- Ligne: l'arrière-plan est la piste complète et la couleur de progression se remplit au fur et à mesure que le visiteur défile.
- points: un point, une icône ou une image, avec des couleurs Par défaut, Hover et Focus séparées.
Chaque élément a également son propre onglet Style dans le panneau Contenu, pour les paramètres de point et de couleur sur cet élément seul Utilisez-le pour donner à l'élément Expédié une couleur de point différente du reste, de sorte que le travail fini est visible d'un coup d'œil.
Vous voulez d'abord voir plus de mises en page ? Le Widget Élémenteur Chronologie page propose des démos en direct, y compris une feuille de route horizontale.
Que mettre autour de la feuille de route
Une page de feuille de route se lit mieux avec un peu de contexte au-dessus et en dessous de la chronologie.
- Une courte intro cela indique la fréquence à laquelle la page est mise à jour.
- Un lien de rétroaction selon la chronologie, vers un formulaire ou un tableau de demande de fonctionnalités.
- Un journal des modifications pour ce qui a déjà été expédié. Le Widget Changelogs répertorie les entrées de version dans la même page.
- Nombres, si vous les avez. Une rangée de Compter les widgets peuvent afficher les fonctionnalités livrées cette année.
- Un indicateur de progrès pour un grand projet, en utilisant le Widget Bar de progression.
Si la feuille de route est réservée aux clients, le guide des conditions d'affichage montre comment cacher une section aux visiteurs déconnectés.
Questions fréquemment posées
Elementor a-t-il un widget de feuille de route ?
No. Elementor et Elementor Pro n'ont pas de widget de feuille de route ou de chronologie La plupart des feuilles de route Elementor sont construites avec un widget de chronologie à partir d'un addon, chaque élément étant utilisé comme une phase ou une fonctionnalité.
Puis-je afficher une feuille de route sans dates dans Elementor ?
Oui. Dans le widget Master Addons Timeline, définissez Afficher sur l'étiquette personnalisée sur chaque élément et tapez un statut tel que Expédié ou Suivant. L'étiquette remplace la date à côté du point.
Une feuille de route publique doit-elle être verticale ou horizontale ?
Utiliser vertical lorsque chaque phase comporte quelques lignes de description, et horizontal lorsque la feuille de route est une courte bande de trois à six phases à l'intérieur d'une autre page Le widget Chronologie bascule entre elles avec le contrôle Style Chronologie.
Comment marquer un élément de feuille de route comme fait ?
Changez son étiquette en Expédié et donnez-lui une couleur de point différente dans l'onglet Style de l'article. Vous pouvez également ajouter un lien vers la publication de sortie afin que les visiteurs puissent lire ce qui a changé.
Réflexions finales
Une feuille de route Elementor est un widget Timeline avec quatre à huit éléments de la Timeline personnalisée, Afficher défini sur l'étiquette personnalisée et un statut dans chaque champ Étiquette Choisissez le centre, la gauche ou l'horizontale pour la mise en page, puis utilisez les sections Cartes, Dates, Ligne et Points pour que le travail expédié se démarque du travail prévu.
Commencez à partir d'une démo sur le Page du widget de la chronologie et remplacez les exemples d'éléments par vos propres phases.
Lecture connexe
