Nos modèles de page facilitent plus que jamais la création d'articles !
Les éditeurs de pages peuvent choisir parmi une banque de modèles Workvivo prédéfinis, des modèles personnalisés propres à votre organisation ou créer leur page à partir de zéro.
Dans notre nouvel outil de création de pages, nous proposons divers modèles par défaut adaptés aux cas d’utilisation les plus fréquents chez nos clients. Ces modèles peuvent être utilisés lors de la création d’une nouvelle page ou d’une page HTML.
Tu peux également continuer à créer tes propres modèles personnalisés afin d’harmoniser les pages publiées sur la plateforme. Les modèles par défaut sont les suivants :
| Type de page | Modèle | Exemple de cas d’utilisation |
|---|---|---|
| Nouvelle page | Nouvelle version | Annonces internes concernant les mises à jour de produits, les nouvelles fonctionnalités ou le lancement de services. |
| À propos de nous | Donnez aux visiteurs une idée claire de l’identité, de la mission et des valeurs de l’entreprise. | |
| Politiques RH | Un emplacement central pour accéder aux directives RH à jour, aux informations sur les avantages sociaux et aux politiques du lieu de travail. | |
| Liens intranet | Fonctionne comme un hub d’accès rapide aux principaux outils internes, ressources et plateformes que les employés utilisent quotidiennement. | |
| Emplacements | Montre l'implantation de votre organisation dans les différentes régions (adresse, coordonnées, principales informations sur le site). | |
| Ordre du jour de réunion | Fonctionne comme une page structurée pour partager les détails de la réunion, les sujets de discussion et les actions à entreprendre. | |
| Page HTML | Écran d’accueil | Sert de point d’entrée central aux employés, en leur permettant d’accéder rapidement aux mises à jour clés, aux annonces et aux ressources. |
| Menu de navigation | Offre un moyen structuré et intuitif pour accéder aux sections, pages ou applications clés au sein de l’organisation. | |
| Nouveaux entrants | Un centre d’intégration dédié qui aide les nouveaux employés à se familiariser avec la culture d’entreprise, les outils et les processus. | |
| À propos de nous | Donnez aux visiteurs une idée claire de l’identité, de la mission et des valeurs de l’entreprise. | |
| Rencontrez l'équipe | Met en lumière les personnes derrière l'organisation, en favorisant la connexion et la transparence entre les services. |
Appareil(s) : ordinateur
Rôles/Autorisations :
- Autorisation : modifier les modèles de page
- Rôles : administrateurs, éditeurs, responsables de l'espace
Comment fonctionnent les modèles
Lorsque tu crées une nouvelle page, qu’il s’agisse d’une page d’espace ou d’une page globale, tu as le choix entre deux types de pages : nouvelle page ou page HTML. Dans les deux cas, des modèles prédéfinis sont disponibles pour te servir de base.
Ajouter des modèles avec le nouvel outil de création de pages
Cliquer sur « + Ajouter une page » > « Nouvelle page » ouvrira un éditeur de pages vierges. Tu peux commencer à partir de zéro ou cliquer sur « Commencer avec un modèle » pour te lancer. Depuis la fenêtre contextuelle, tu peux choisir de créer à partir de l’un des modèles par défaut fournis par Workvivo ou d’opter pour l’un des modèles personnalisés propres à ton organisation.
Conseil : clique sur l'icône de prévisualisation pour obtenir un aperçu avant de choisir.
Lorsque tu choisis un modèle adapté, l’éditeur de pages s’ouvre avec le modèle choisi prérempli dans le corps de la page. Ici, nous avons opté pour le modèle « À propos de nous ». Tu peux ensuite modifier le contenu prérempli, ajouter plus de composants et adapter le modèle à tes besoins.
Ajout de modèles avec le générateur de pages HTML
Cliquer sur « + Ajouter une page » > « Nouvelle page HTML »ouvrira un éditeur de pages vierges. Depuis la fenêtre contextuelle, tu peux choisir de commencer avec une page vierge, de créer à partir de l'un des modèles par défaut fournis par Workvivo ou d'utiliser l'un des modèles personnalisés propres à ton organisation.
Conseil : clique sur l'icône de prévisualisation pour obtenir un aperçu avant de choisir.
Lorsque tu choisis un modèle adapté, l'éditeur de page s'ouvre avec le modèle que tu as choisi prérempli dans le corps de la page. Dans ce cas, nous avons choisi le modèle « Écran d'accueil ».
Gestion des modèles personnalisés
Tu peux consulter, gérer et créer tes modèles personnalisés dans le gestionnaire de modèles. Pour y accéder, clique sur « Options » > « Modifier la page » > « Options » > « Gérer les modèles » dans la liste déroulante.
Tu peux voir ici un exemple de gestionnaire de modèles avec un modèle personnalisé pour ton organisation. Tu peux ensuite « Modifier », « Dupliquer » et « Supprimer » les modèles actuels. Tu peux aussi prévisualiser le modèle et basculer entre des modèles enregistrés dans la nouvelle expérience de création de pages et l’ancienne expérience HTML.
Créer des modèles personnalisés dans l’éditeur de pages
Y a-t-il une page existante que tu souhaites transformer en modèle pour la réutiliser ultérieurement ? Si oui, clique sur « Options » > « Enregistrer en tant que modèle ». Cette fonctionnalité sera désormais disponible dans ton gestionnaire de modèles.
Ancres de page
Lorsqu’une page est créée à l’aide du nouvel outil de création, des ancres sont générées automatiquement pour tous les titres. Les utilisateurs peuvent y accéder depuis l’icône située à droite du contenu de la page.
Création d’ancres de page (éditeur HTML uniquement)
Vous pouvez saisir des URL d’ancrage dans les articles et les pages en modifiant le code source dans le corps de la page.
Vous pouvez créer un lien vers une section en haut de la page pour être directement redirigé vers cette section de l’article.
Étape 1 : crée une liste non ordonnée avec un lien hypertexte et donne à ce lien un nom d'identification unique. Exemple : pour les mises à jour de l’entreprise, « #updates ».
<ul>
<li><a href="#welcome">Bonjour</a></li>
<li><a href="#spot">Spotlight sur les équipes<br></a></li>
<li><a href="#espot">Spotlight sur les employés<br></a></li>
<li><a href="#updates">Mises à jour de l’entreprise</a></li>
<li><a href="#news">Actualités</a></li>
</ul>
Étape 2 : indique ensuite ce nom d'identification unique dans la section que tu crées dans la page/l’article.
<p id="updates"><strong>Mises à jour</strong></p>
Voici un exemple de code pour comprendre comment fonctionnent les URL d’ancrage.
<p>liens vers workvivo</p>
<div>
<ul>
<li><a href="#welcome">Bonjour</a></li>
<li><a href="#spot">Équipe Spotlight<br></a></li>
<li><a href="#espot">Employé Spotlight<br></a></li>
<li><a href="#updates">Actualités de l'entreprise</a></li>
<li><a href="#news">Actualités</a></li>
</ul>
</div>
<p> </p>
<p id="welcome" style="padding-top:100px; margin-top:-50px;"><strong>Bonjour</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="spot" style="padding-top:100px; margin-top:-50px;"><strong>Équipe Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="espot" style="padding-top:100px; margin-top:-50px;"><strong>Employé Spotlight</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="updates" style="padding-top:100px; margin-top:-50px;"><strong>Actualités de l'entreprise</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p id="news"><strong>Actualités</strong></p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>
<p>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</p>