Documentation d'intégration
Intégrer la calculatrice d'intérêts composés sur votre site
Cette page s'adresse aux éditeurs de sites, aux rédactions et aux professionnels qui veulent afficher notre calculatrice d'intérêts composés dans leurs propres pages. L'intégration se fait en copiant quelques lignes de code HTML. Elle est gratuite, sans inscription, sans compte et sans clé d'accès.
Le visiteur saisit un capital de départ, un versement régulier, un taux de rendement, des frais, une durée et une hypothèse d'inflation. L'outil affiche le capital final projeté, sa valeur en euros d'aujourd'hui, les intérêts et les versements cumulés, un graphique annuel et un tableau année par année. Le calcul s'exécute dans le navigateur de votre lecteur.
Code d'intégration
Intégrer cette calculatrice sur votre site
Gratuit, sans inscription. Copiez ce code et collez-le dans votre page.
Conditions d'utilisation
Elles tiennent en cinq points. En collant le code sur votre site, vous les acceptez.
1.L’usage est libre et gratuit
Site personnel, site d’entreprise, média, intranet, y compris sur une page qui vous rapporte de l’argent. Vous ne nous devez rien, vous n’avez pas de compte à créer et il n’y a pas de limite de nombre de pages.
2.Gardez la mention « Calculatrice fournie par Hagnéré Patrimoine »
C’est la seule contrepartie demandée. Le code ci-dessus place cette phrase juste sous le cadre, avec un lien vers la calculatrice. Laissez-la visible pour vos lecteurs, à côté de l’outil : ne la masquez pas, ne la déplacez pas en bas de page et ne retirez pas le lien.
3.Ne modifiez pas le calcul ni les résultats
Vous pouvez encadrer, redimensionner et présenter l’outil comme vous le souhaitez. En revanche, ne retouchez pas les montants affichés et ne présentez pas les résultats comme provenant d’une autre source.
4.Présentez l’outil pour ce qu’il est
C’est une aide au calcul : elle applique une formule à des hypothèses que le visiteur saisit lui-même. Le taux de rendement est une hypothèse de simulation, ni garantie ni recommandée. Le calcul est brut, hors frais et hors fiscalité. Ce n’est pas un conseil personnalisé, et le fait de l’afficher chez vous ne crée aucun lien de conseil entre vos lecteurs et notre cabinet.
5.L’outil peut évoluer
Nous corrigeons et complétons la calculatrice au fil du temps ; les changements apparaissent chez vous sans que vous ayez à recopier le code. Si nous devions retirer la route d’intégration, nous laisserions un délai raisonnable avant l’arrêt.
Pourquoi le lien fourni porte l'attribut « nofollow »
Dans le code ci-dessus, le lien d'attribution est accompagné de la mention technique rel="nofollow". En clair : le lien reste parfaitement cliquable pour vos lecteurs, mais il indique aux moteurs de recherche de ne pas le compter comme une recommandation de votre part. Les moteurs demandent explicitement ce traitement pour les liens diffusés par un outil embarqué sur de nombreux sites. Nous l'appliquons par défaut pour ne mettre en difficulté ni votre site ni le nôtre — vous n'avez rien à changer.
Si, en revanche, vous citez la calculatrice dans votre propre texte parce que vous l'avez jugée utile, un lien ordinaire est bienvenu : c'est une citation éditoriale, et elle ne relève pas de la même règle.
Consentement et mesure d'audience
La page affichée dans le cadre charge, comme le reste de notre site, notre gestionnaire de consentement et nos outils de mesure d'audience. Si votre site est soumis au recueil du consentement, tenez-en compte dans votre propre bandeau. Aucune donnée saisie par votre visiteur dans la calculatrice ne nous est transmise : il n'y a ni formulaire, ni enregistrement des montants.
Paramètres d'intégration
L'adresse du cadre n'accepte aucun paramètre de requête : il n'y a ni thème, ni langue, ni valeurs pré-remplies à passer dans l'URL. Tout le réglage se fait par les attributs HTML habituels du cadre : width, height, style et loading.
Largeur
Laissez width="100%" et pilotez la taille par le conteneur qui entoure le cadre. La calculatrice s'adapte à la largeur qu'on lui donne : à partir de 1 024 px, les réglages et les résultats s'affichent côte à côte ; en dessous, ils s'empilent.
Hauteur du cadre
Un cadre ne s'ajuste pas tout seul à son contenu : vous devez lui donner une hauteur. Voici celles que nous avons mesurées le 3 septembre 2026, avec les réglages par défaut de la calculatrice.
La hauteur à indiquer est plus élevée que la hauteur mesurée, et c'est volontaire : le mode « Atteindre un objectif » ajoute de 320 à 460 px selon la largeur. Un visiteur qui y bascule dans votre cadre verrait sinon apparaître une barre de défilement interne. Si vous préférez le cadre au plus juste, reprenez la hauteur mesurée : rien n'est perdu, le contenu défile simplement à l'intérieur.
| Largeur du cadre | Hauteur mesurée | Hauteur à indiquer | Affichage |
|---|---|---|---|
| 1 024 px et plus | 1 401 à 1 413 px | 1 850 px | Réglages et résultats côte à côte. |
| de 640 à 1 023 px | 2 273 à 2 534 px | 2 950 px | Les deux blocs s’empilent l’un sous l’autre. |
| moins de 640 px | 2 633 à 3 044 px | 3 650 px | Affichage téléphone, champs pleine largeur. |
Ces hauteurs varient un peu selon ce que votre lecteur affiche : le tableau année par année est plus haut que la synthèse. Si vous retenez une hauteur plus courte, l'outil reste utilisable : il défile à l'intérieur de son cadre.
Exemple d'intégration responsive
Cette variante applique les trois hauteurs du tableau selon la largeur d'écran. Elle remplace le cadre du code à copier plus haut ; pensez à conserver la mention d'attribution qui l'accompagne.
<style>
.hp-calc {
display: block;
width: 100%;
height: 1850px;
border: 1px solid #e4e4e7;
border-radius: 12px;
}
@media (max-width: 1023px) { .hp-calc { height: 2950px; } }
@media (max-width: 639px) { .hp-calc { height: 3650px; } }
</style>
<iframe
class="hp-calc"
src="https://www.hagnere-patrimoine.fr/embed/calculatrice-interets-composes"
title="Calculatrice d'intérêts composés"
loading="lazy"
></iframe>Chargement
L'attribut loading="lazy" est présent dans le code fourni. Il évite de charger la calculatrice tant que le lecteur n'a pas fait défiler la page jusqu'à elle : la vitesse de votre page n'en est pas affectée. Retirez-le uniquement si vous placez le cadre tout en haut de la page.
Intégrations sur mesure
Vous avez besoin d'un format particulier — dimensions imposées, ajustement automatique de la hauteur, valeurs pré-remplies, autre simulateur de notre catalogue ? Écrivez-nous en décrivant votre page d'accueil du widget et l'usage prévu. Nous répondons aux demandes d'éditeurs.