Comment mettre en forme sa fiche de formation sur EDOF ?

5 juillet 2022

par Virgine Coutière

Auditrice pédagogique


Comment mettre en forme sa fiche de formation sur EDOF ?

La manière dont vous mettez en forme votre fiche formation sur EDOF est importante puisqu’elle permet de capter l’attention de vos futurs stagiaires. Il est ainsi essentiel de mettre en valeur les informations importantes en utilisant les caractères en gras, les listes à puce, bref en aérant le plus possible votre contenu afin qu’il soit facilement lisible. Or, pour mettre en forme une fiche formation sur Mon Compte Formation, il est indispensable de maîtriser le langage html. Un problème lorsqu’on est responsable d’organismes de formation et pas développeur web ! 

Pour vous aider, Inokufu a mis en place un éditeur gratuit qui vous permet de mettre en forme votre fiche formation comme vous le souhaitez et de la traduire directement en langage html. Découvrez comment !


Mettre en forme le contenu de votre offre grâce aux balises html

La mise en forme d’une page selon la plateforme EDOF

Selon le “Guide d’utilisation et de saisie EDOF” :

“Dans les zones de saisie plus longues, comme pour les Contenus, Objectifs et Résultats, les informations peuvent être structurées et hiérarchisées pour plus de clarté. Allez droit au but pour inciter les titulaires à s’inscrire à vos sessions.”

Ainsi, au moment de créer votre fiche formation, vous allez pouvoir entrer plusieurs types d’informations dans différentes sous-parties : 

  • Les points forts,
  • Le contenu,
  • La durée et le rythme,
  • La langue,
  • Le ou les objectifs,
  • Les résultats attendus,
  • La certification, etc.

Une information exhaustive est à la fois rassurante et engageante pour le futur stagiaire… à condition qu’elle soit lisible. Or, vous l’avez sans doute constaté ; pour aérer, hiérarchiser et structurer votre contenu, la plateforme EDOF contraint les organismes de formation à intégrer leurs textes au format html. 


Contre-exemples et mise en pratique

Dans la grande majorité des cas, les personnes chargées d’intégrer les contenus sur la plateforme MCF ne connaissent pas les balises html. 


Les contenus des formations se présentent donc souvent de cette manière.





Pas très engageant ni lisible pour les utilisateurs ! Et sur l’application, ce n’est guère mieux...


Gagnez en lisibilité en utilisant les balises html

Voici un exemple concret qui vous permettra de comprendre en quoi l’utilisation des balises html va améliorer la lisibilité pour vos potentiels clients.Nous sommes partis d’un exemple de contenu de formation pris au hasard sur la plateforme.

Le contenu est difficilement lisible, en particulier sur un écran. Grâce aux balises html, vous allez pouvoir aérer votre texte et de le mettre en forme en ajoutant :

  • Des sauts de ligne,
  • Des listes à puce,
  • Des mots en gras ou en italique,
  • Des liens vers vos autres fiches de formation, etc.

Voici un exemple, à partir du même contenu légèrement reformulé : 

En langage html, le contenu ci-dessus se traduit de cette manière.

Si vous êtes à l’aise avec les balises html, n'hésitez pas à les utiliser pour mettre en forme vos contenus.

<p>L'assistant(e) import-export :</p><ul><li>assure les <strong>opérations de gestion logistique</strong> et administrative de la commande à sa livraison et son paiement.</li><li>participe à la<strong> constitution des dossiers</strong> à travers des opérations d'enregistrement, l'élaboration de <strong>documents douaniers </strong><em>(Incoterms 2020)</em> et de <strong>formulaires réglementaires</strong></li><li><strong>coordonne les actions</strong> entre les services internes de l'entreprise et les partenaires.</li><li>réalise ses <strong>missions en français et en anglais</strong>, mais aussi en langues étrangères.</li></ul><p>La relation client et l'approche interculturelle sont des dimensions essentielles de son métier.</p>

Découvrez notre éditeur de fiches formation

Si vous avez besoin d’aide pour la mise en forme de vos fiches formation, découvrez notre outil gratuit pour mettre directement vos contenus au bon format.

Notre éditeur de fiche EDOF pour mettre en forme sans connaître le html

Si vous n’êtes pas à l’aise avec le langage html, pas de panique ! Nous vous proposons un outil gratuit et facile d’utilisation pour mettre en forme vos fiches. 

Comment faire ?

1 - Si votre fiche formation est déjà en ligne, entrez l'adresse URL de la formation sur MonCompteFormation dans l’outil

2 - Cliquez ensuite sur le bouton "importer" et attendez l’import du texte

3 - Mettez en forme le texte (gras, puces, liens, etc) comme dans un éditeur de texte classique.

4 - Vous pouvez constater que la version HTML du texte est générée en direct dans la cellule "Texte avec balises HTML à copier sur EDOF"

5 - Copiez la version html dans votre fiche dans votre Portail EDOF

Attention ! Évitez de recharger la page de votre navigateur lors de la mise en forme de votre texte. Ce dernier ne sera pas gardé en mémoire !

Faites des liens entre vos fiches formation !

La création de liens entre les fiches formations est extrêmement bénéfique pour la visibilité de votre catalogue. N’hésitez donc pas à insérer des liens dans vos différents textes.Comment ? Soit en intégrant le lien en utilisant le balisage html, soit en vous aidant de notre outil dédié.

1 - Scrollez en bas de la page de l’éditeur pour trouver le bloc permettant d’ajouter un lien de transfert.

2 - Cliquez sur “Liens de transfert” pour être redirigé vers la page suivante

3 - Entrez l’URL de votre fiche dans l’outil. Ce dernier se charge de raccourcir la très longue adresse de votre fiche de formation connexe.

Exemple :

Adresse URL initiale : https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/79929170300046_SOM20003ANTIBES/79929170300046_SOM200004PARISCFA

Adresse URL courte : https://mcf.tf/Sfk0Pmm 

L’outil vous propose aussi directement le code html pour intégrer l’adresse à votre texte : 

<a href="https://mcf.tf/Sfk0Pmm">Adresse test</a>

Vous avez la possibilité d’ajouter votre lien où bon vous semble dans votre contenu. Vous avez également la possibilité de renommer cette adresse en modifiant l’ancre du lien (le nom du lien sur lequel les utilisateurs vont cliquer).

Insérez une image

Il est possible d'ajouter des images dans vos fiches sur MonCompteFormation.

Voici un exemple de fiche avec une image : https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/48452879900022_ORTHO_WAE2M/48452879900022_ORTHO_WAE2M/description-detaillee

Comme vous pouvez le voir dans la fiche ci-dessus, l'image du logo Voltaire est intégrée grâce à la balise HTML suivante :

<img src="https://www.projet-voltaire.fr/pv-wp/wp-content/uploads/2021/03/pv.png">

Voici les 3 étapes pour ajouter une image dans une de vos fiches sur MonCompteFormation :

  1. Uploadez votre image sur un serveur sécurisé et en accès public. Si vous n'avez pas de serveur, vous pouvez utiliser notre solution d'hébergement de fichier compatible avec Mon Compte Formation (plus d'infos ici).


2. Copiez le code HTML ci-dessous dans le bloc de texte de votre fiche, à l'endroit où vous souhaitez ajouter une image.

<img src="URL_DE_MON_IMAGE">

3. Remplacez URL_DE_MON_IMAGE dans le code ci-dessus par l'adresse URL publique de votre image (cf point 1). Vous devez obtenir quelque chose similaire à ça :

Notre organisme respecte la charte de Déontologie CPF.

<img src="https://cpf.tf/c.png">

Et voilà, votre image est intégrée dans votre fiche !

Quelques conseils :

- L'image doit avoir été préalablement uploadée sur un server public et sécurisé (avec certificat SSL) afin que l'image soit accessible et visible par tout le monde.

- Nous vous conseillons de limiter la taille des images à moins de 250 x 250 pixels afin que l'affichage ne pose pas de problème dans les différentes applications mobiles et web.

- L'URL de l'image doit commencer par https et pas http

Pour plus d'informations, consultez cet article dans notre FAQ.

Insérez une vidéo

Il est possible d'ajouter des vidéos dans vos fiches sur MonCompteFormation.

Voici un exemple de fiche qui intègre une vidéo : https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/87845619300019_gerer/87845619300019_1/description-detaillee?contexteFormation=ACTIVITE_PROFESSIONNELLE

Voici les 3 étapes pour ajouter une vidéo dans une de vos fiches sur MonCompteFormation :

1. Uploadez votre vidéo sur un serveur sécurisé et en accès public. Si vous n'avez pas de serveur, vous pouvez utiliser notre solution d'hébergement de fichier compatible avec Mon Compte Formation (plus d'infos ici).

2. Copiez le code HTML ci-dessous dans le bloc de texte de votre fiche, à l'endroit où vous souhaitez ajouter une vidéo.

<video controls="" height="280px" src="URL_DE_MA_VIDEO" width="80%"></video>

3. Remplacez URL_DE_MA_VIDEO dans le code ci-dessus par l'adresse URL publique de votre vidéo (cf point 1).

Et voilà, votre vidéo est intégrée dans votre fiche !

Quelques conseils :

- La vidéo doit avoir été préalablement uploadée sur un serveur public et sécurisé (avec certificat SSL) afin que la vidéo soit accessible et visible par tout le monde.

- Nous vous conseillons de limiter la taille de la vidéo à moins de 300 x 300 pixels afin que l'affichage ne pose pas de problème dans les différentes applications mobiles et web.

- L'URL de la vidéo doit commencer par https et pas http- Nous préconisons l'utilisation d'un format universel type .mp4

- De manière générale, vous pouvez ajouter toutes les fonctionnalités de la balise HTML <video>

Pour plus d'informations, consultez cet article dans notre FAQ.

Votre fiche formation est maintenant parfaitement lisible pour les internautes. Félicitations !

Besoin d’autres conseils pour améliorer la visibilité de vos formations ? N’hésitez pas à découvrir nos articles de blog ou à nous contacter.

COMPRENDRE LE MARCHÉ

La 1ère plateforme analytique dédiée à MonCompteFormation

Avec Dashboard MCF, vous pouvez visualiser en temps réel les évolutions du marché de la formation sur MonCompteFormation : prix, durées, concurrence par mots-clés, publicités sur les réseaux sociaux et bien plus encore !