Ajouter une image dans une fiche sur Mon Compte Formation

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

Avant octobre 2022, il était possible d'ajouter des balises HTML pour mettre en forme les fiches de formation 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.

Pour ajouter une image dans une fiche sur MonCompteFormation, vous pouvez utiliser la balise HTML suivante :

<img src="https://cpf.tf/aksis-01.png" width="500px"/>

Les 3 étapes

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" width="500px"/>

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" width="500px"/>

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 > par > et les < 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

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 :

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

Ou en version centrée :

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

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> :

<center><img src="URL_DE_MON_IMAGE"/></center>

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

<p style="text-align: center;"><img src="URL_DE_MON_IMAGE"/></p>

Ou <img src="URL_DE_MON_IMAGE" style="display: block; margin: 0 auto !important;"/>