Qu'est-ce que l'Éditeur de contenu sur-mesure ?

Le constructeur de contenu est un outil puissant pour personnaliser les descriptions de projet. Il offre un moyen souple de créer des pages interactives en combinant du texte, des images, des éléments multimédias et des éléments intégrés par des tiers.

Avec l'Éditeur de contenu sur-mesure vous pouvez :

Créez des mises en page riches à l'aide de sections et de colonnes
Ajoutez des éléments multimédias tels que des vidéos, des présentations et des documents.
Intégrer des enquêtes et des formulaires pour favoriser l'interaction avec le public
Collaborez sur des documents ou partagez des mises à jour directement dans la description du projet
Ajouter du texte, des images et du contenu intégré
Inclure des enquêtes, des diapositives ou des mises à jour avant ou pendant la participation
Créer des boutons pour lier des projets ou des phases
Ajoutez un bloc HTML pour intégrer du code HTML personnalisé directement dans la page de votre projet
Vous pouvez utiliser des widgets tels que des colonnes pour remplir votre page de façon créative (e. . - ajout de contenu au centre uniquement, ajout d'une image à droite, ...)

Comment trouver l'outil de création de contenu ?

Pour les projets

Passe la souris sur l'aperçu de la page du projet
Clique sur « Modifier le contenu de la page »
Clique sur « Afficher la page » pour voir la mise en page du bureau en direct (l'aperçu du back-office est plus étroit)

Pour les dossiers

Va dans le dossier « back-end » de ton dossier.
Clique sur l'onglet « Paramètres ».
Sous « Description du dossier », clique sur « Modifier la description » dans Content Builder

Comment utiliser les différents widgets ?

Ouvrez l'Éditeur de contenu
Localisez le menu de gauche avec trois catégories : Sections, Disposition et Contenu
Faites glisser n'importe quel élément (par exemple, section, bloc de mise en page) sur la toile au centre de l'écran
Cliquez sur un bloc pour modifier son texte, son image ou ses paramètres; l'éditeur apparaît sur le côté droit de l'écran
Réorganiser ou supprimer des blocs si nécessaire
Pour supprimer un bloc, passe la souris dessus dans l'espace de travail et utilise l'icône de suppression qui se trouve sur le bloc lui-même ; le panneau de paramètres à droite ne propose pas d'option de suppression

Ajouter des phases et des enquêtes supplémentaires

Widget « Phases »

Le widget « Phases » sera ajouté par défaut à la page de ton projet ; tu peux le déplacer à l'aide de la fonction glisser-déposer de l'éditeur de contenu, et tu peux aussi le supprimer. Le nom des phases s'affichera automatiquement ; la phase actuellement active sera surlignée en vert, et si cette phase propose une possibilité de participation (sondage, soumission d'une idée, etc.), un bouton permettant d'envoyer une contribution s'affichera également.

Vous pouvez à tout moment utiliser l'encadré « Participation », qui contient le bouton de participation, pour ajouter un autre bouton de participation plus haut sur la page du projet.

Widget « Extra Surveys » (enquêtes parallèles)

Si vous souhaitez disposer d'un questionnaire toujours actif qui ne soit pas lié à une phase particulière, vous pouvez créer des questionnaires supplémentaires dans votre projet. Et pour les afficher sur la page du projet, vous devrez ajouter le widget « Extra Surveys » dans l'éditeur de contenu du projet.

Vous pouvez personnaliser l'emplacement de ce questionnaire supplémentaire sur la page du projet en faisant glisser et en déposant ce widget à l'endroit de votre choix dans l'éditeur de contenu.

ℹ️ Pour savoir comment en créer un, consultez la rubrique « Créer un sondage sur la plateforme ».

Intégration dans l'éditeur de contenu

Types d'intégration pris en charge

L'Éditeur de contenu sur-mesure prend en charge un large éventail de contenus intégrables.

Enquêtes: Typeform, SurveyMonkey, Qualtrics, et autres. Copiez le lien de partage par défaut et collez-le dans le champ intégré.

Documents: Les fichiers Google Docs/Sheets/Slides, PDFs et les fichiers Microsoft Office via OneDrive sont pris en charge. Extraire l'URL du code d'intégration si nécessaire.

Maps: les liens Google Maps et ArcGIS nécessitent le nettoyage du code intégré pour ne conserver que l'URL https.

Visualisations de données: Pour intégrer Tableau et Google Data Studio, vous devez extraire et modifier légèrement l'URL de l'iframe.

Publications Sociales: Facebook et Eventbrite sont pris en charge ; Twitter et Instagram ne le sont pas.

Vidéos: YouTube, Vimeo, Dailymotion, Wistia, et Dreambroker (avec édition spéciale d'URL) sont pris en charge.

Comment intégrer des outils tiers ?

Cliquez sur l'option <Embed> dans le menu de gauche
Obtenir l’URL d’intégration de votre fournisseur tiers
Collez l'URL dans le champ d'intégration dans le constructeur de contenu

Les liens embarqués peuvent apparaître différemment sur les ordinateurs de bureau et les appareils mobiles. Utilisez l'option de configuration de hauteur pour assurer un affichage correct sur tous les appareils.

⚠️ Toujours tester les embeds en ouvrant une fenêtre de navigateur incognito pour s'assurer que le lien fonctionne publiquement.

Édition des URL d'intégration

De nombreux liens d'intégration doivent être découpés avant d'être utilisés.

Comment nettoyer les liens intégrés :

Copiez le code long de l'iframe.
Supprimez tout avant https://.
Supprimez tout après l'URL (par exemple, width= ou frameborder=).

Exemple pour YouTube ci-dessous :

Presser l'action
Press Embed
Vous obtiendrez un lien qui ressemble à : <iframe width="560" height="315" src="<https://www.youtube.com/embed/abc12>" …>
Ne copiez que le lien https : https://www.youtube.com/embed/abc123

Intégrer des PDF

Sélectionnez le widget Fichier joint pour télécharger un fichier dans le projet.
1. ⚠️ 360 input s'ouvrira dans une nouvelle fenêtre, veillez à sauvegarder votre projet au préalable
Retournez au projet, dans le widget des pièces jointes, sélectionnez le fichier que vous souhaitez intégrer.
Enregistrer
Cliquez avec le bouton droit de la souris sur le fichier joint dans l'interface client, puis sélectionnez « Ouvrir le lien dans un nouvel onglet ».
Copiez l'URL dans le nouvel onglet
Revenez au générateur de contenu et sélectionnez le widget « Intégrer » ; dans le champ « Adresse du site Web », collez l'URL figurant dans l'onglet « Pièces jointes ».
Si vous ne souhaitez pas que le fichier joint soit visible dans la description du projet :
1. Crée un nouveau projet et cache-le en réglant les droits d'accès sur Non listé.
2. Attache à ce projet les PDF que tu veux intégrer à d'autres projets.
3. Suis les mêmes instructions que pour l'intégration des PDF.

Ajouter du code HTML personnalisé à l'aide du bloc HTML

Le bloc HTML vous permet d'insérer votre propre code HTML directement dans la description d'un projet ou d'un dossier. Utilisez-le lorsque les widgets standard ne permettent pas d'obtenir le résultat souhaité : un tableau stylisé, une liste de définitions ou un balisage que vous avez déjà créé ailleurs.

ℹ️ Le bloc HTML doit être activé sur votre plateforme. Si vous ne le voyez pas dans le menu de gauche, veuillez contacter votre responsable de la réussite auprès des pouvoirs publics.

Comment ajouter un bloc HTML

Ouvrez l'éditeur Content Builder.
Dans la catégorie « Contenu » du menu de gauche, faites glisser le bloc HTML (qui figure juste en dessous de « Texte ») sur le canevas.
Cliquez sur le bloc. Un champ de code s'ouvre dans le volet de droite.
Collez ou saisissez votre code HTML, puis cliquez sur « Enregistrer ».
Cliquez sur « Afficher la page » pour vérifier le résultat dans la mise en page en direct du bureau.

ℹ️ Le bloc HTML peut être traduit. Utilisez le sélecteur de langue situé au-dessus du champ de code pour saisir du code HTML distinct pour chaque langue de la plateforme. Si vous ne remplissez pas le champ correspondant à une langue, les visiteurs utilisant cette langue ne verront rien ; ce champ ne sera pas rempli automatiquement.

Quel code HTML est autorisé ?

Pour des raisons de sécurité, votre code HTML est nettoyé lorsque vous enregistrez.

Conservé :

Structure et texte : titres, paragraphes, sauts de ligne, listes, tableaux, div, span, en-tête, pied de page
Images et liens, y compris les attributs « alt » et « aria- »
Médias : vidéo, audio, source et iframe, y compris les commandes, la bordure du cadre et l'autorisation du mode plein écran
Stylisation en ligne via l'attribut « style », par exemple : <h2 style="font-size:30px;">

Supprimé :

< les balises de script> ainsi que tout le code JavaScript, y compris les gestionnaires d'événements tels que onerror et onclick
Éléments de formulaire : form, input, button, select, textarea et fieldset. C'est l'intégralité du formulaire qui est supprimée, et pas seulement la balise ; vous ne pouvez donc pas créer un formulaire fonctionnel dans un bloc HTML. Pour recueillir des réponses, utilisez une phase de sondage ou intégrez un formulaire externe à l'aide du widget « Intégrer ».

⚠️ Ce nettoyage s'effectue lors de la sauvegarde, sans avertissement préalable. Si une partie de votre code HTML disparaît après l'enregistrement, c'est qu'elle contenait un élément figurant dans la liste ci-dessus. Actualisez la page après avoir enregistré pour vérifier ce qui a été conservé.

ℹ️ Les liens que vous configurez pour s'ouvrir dans un nouvel onglet se voient automatiquement attribuer l'attribut « rel="noopener noreferrer" ».

Bon à savoir

Le bloc est centré et présente la même largeur maximale (1 200 px) que le reste du contenu de la page.
Votre code n'est pas adapté au format responsive. Vérifiez toujours le résultat sur votre mobile.
Le bloc HTML est disponible partout où le générateur de contenu est présent : dans le générateur de pages de projet, le générateur de descriptions de dossiers et les pages personnalisées. Toute personne habilitée à modifier cette page peut l'utiliser, y compris les responsables de projet et de dossier.

Limitations sur le constructeur de contenu

Certaines fonctions de l'Éditeur de contenu sur-mesure sont soumises à des restrictions :

Le redimensionnement de l'image n'est pas pris en charge ; les images remplissent automatiquement leur conteneur.
Certaines plateformes sociales (Twitter, Instagram) ne peuvent pas être intégrées en raison de politiques externes.
Les liens intégrés nécessitent souvent une modification manuelle pour supprimer le code iframe.
Sur la page du projet, vous pouvez faire glisser des éléments dans n'importe quelle section, à l'exception de l'en-tête et du titre, qui restent fixes.

Personnaliser la description de vos projets avec l'Éditeur de contenu sur-mesure