Ajouter une image dans une fiche sur Mon Compte Formation

Matt

Dernière mise à jour il y a 2 ans

Attention : suite à la mise à jour des CGU de Mon Compte Formation, l'ajout des images n'est plus possible. Nous travaillons pour vous proposer des alternatives. Voir ici l'article pour plus de détails.

Il est possible d'ajouter des balises HTML pour mettre en forme vos fiches sur MonCompteFormation. 

Si vous n'y connaissez rien en HTML, pas de panique, nous avons créé cet outil pour vous aider à mettre en page vos fiches et générer directement le code HTML compatible avec EDOF. 


Cet outil n'inclut pas l'ajout d'image mais il est tout à fait possible d'ajouter des images dans une de vos fiches sur MonCompteFormation.


Voici un exemple de fiche avec une image :

https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/39017462100339_BilanExplore/39017462100339_BCExplore/description-detaillee?contexteFormation=ACTIVITE_PROFESSIONNELLE


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

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.

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 :

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


Quelques conseils :

- Si vous utilisez notre outil fiche pour mettre en forme le texte HTML de vos fiches, il vous faudra d'abord copier/coller le code HTML du texte dans EDOF puis ensuite copier/coller le code HTML de l'image. Si vous passez par l'outil fiche, il vous faudra remplacer les &gt; par > et les &lt; par <.

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

- Nous vous conseillons de limiter la taille des images à moins de 250 px de haut et 500 px de large de manière à ce 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


Si vous souhaitez ajouter des vidéos à vos fiches sur Mon Compte Formation, c'est également possible : voir cet article.

Comment ajouter le macaron de la charte de déontologie CPF ?

Si vous souhaitez ajouter le macaron de la charte de Déontologie CPF, vous pouvez utiliser directement le code HTML ci-dessous :

Ou en version centrée :

Est ce que je peux ajouter des images dans tous les blocs ?

Le contenu des fiches sur EDOF est découpé en plusieurs blocs. Bien qu'on puisse en théorie mettre des balises HTML dans n'importe quel bloc pouvant accueillir du texte, dans la pratique nous vous recommandons de mettre les images uniquement dans les 3 blocs suivants :

- contenu de la formation

- objectif de la formation

- résultats attendus


Ces 3 blocs peuvent contenir jusqu'à 3000 caractères. Ceci est important car les balises HTML et l'adresse de stockage de l'image peuvent ajouter un nombre important de caractères et dépasser la limite autorisée pour ce bloc.


Vous pouvez également mettre l'image dans le bloc "Les points forts de la formation" mais celui-ci est limité à 255 caractères, balises HTML comprises.


Si vous souhaitez inclure des images mais que vous êtes limités par le nombre de caractères, vous pouvez utiliser notre solution d'hébergement de fichier qui intègre un raccourcisseur d'url. Plus d'infos ici.

Comment centrer mon image sur MonCompteFormation ?

Pour centrer une image sur MCF, il n'y a qu'une seule option. Vous devez utiliser les balises <center> :

A noter que les codes suivants pour centrer une image ne fonctionnent pas sur Mon Compte Formation :

Ou

Cet article a-t-il été utile ?

2 sur 2 ont aimé cet article

Vous avez encore besoin d'aide ? Envoyez-nous un message