Widget gratuit — Calculateur de frais de notaire à intégrer sur votre site – Immo Actu France

🎁 Widget gratuit à intégrer sur votre site

Vous êtes agent immobilier, conseiller en gestion de patrimoine, notaire, blogueur spécialisé immobilier ou développeur de sites web ? Offrez à vos visiteurs un calculateur de frais de notaire instantané, entièrement gratuit, sans dépendance externe, prêt à intégrer en 30 secondes.

Aucune inscription requise
Code autonome : pas de jQuery, pas de CDN externe
Design épuré, responsive, personnalisable
Mis à jour selon les barèmes en vigueur

Aperçu du widget

Voici exactement ce que verront vos visiteurs une fois le widget intégré :

Frais de notaire

Prix d’achat (€)

Type de bien

Calculateur par Immo Actu France

Comment intégrer ce widget

C'est simple : copiez le code ci-dessous et collez-le dans n'importe quelle page de votre site, dans l'éditeur HTML de votre CMS (WordPress, Wix, Squarespace, Webflow…) ou directement dans votre code source.

📋 Copiez le code ci-dessous et collez-le dans votre site

<!-- Widget Calculateur Frais de Notaire — Immo Actu France -->
<div id="iacf-widget" style="font-family:system-ui,sans-serif;max-width:360px;background:#fff;border:2px solid #dde3f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px rgba(26,60,143,0.10);">
  <h3 style="margin:0 0 1rem;font-size:1rem;color:#1a3c8f;text-align:center;">Frais de notaire</h3>
  <div style="margin-bottom:0.8rem;">
    <label style="font-size:0.85rem;color:#555;display:block;margin-bottom:4px;">Prix d'achat (€)</label>
    <input id="iacf-prix" type="number" min="0" placeholder="ex: 250000" style="width:100%;box-sizing:border-box;padding:0.5rem 0.7rem;border:1px solid #c7d4f5;border-radius:6px;font-size:0.95rem;">
  </div>
  <div style="margin-bottom:1rem;">
    <label style="font-size:0.85rem;color:#555;display:block;margin-bottom:4px;">Type de bien</label>
    <select id="iacf-type" style="width:100%;padding:0.5rem 0.7rem;border:1px solid #c7d4f5;border-radius:6px;font-size:0.95rem;background:#fff;">
      <option value="ancien">Ancien</option>
      <option value="neuf">Neuf / VEFA</option>
    </select>
  </div>
  <button onclick="iacfCalcul()" style="width:100%;padding:0.65rem;background:#1a3c8f;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600;">Calculer</button>
  <div id="iacf-result" style="display:none;margin-top:1rem;padding:0.8rem;background:#f0f4ff;border-radius:8px;text-align:center;">
    <div style="font-size:0.85rem;color:#555;">Frais estimés</div>
    <div id="iacf-total" style="font-size:1.6rem;font-weight:700;color:#1a3c8f;"></div>
    <div id="iacf-pct" style="font-size:0.85rem;color:#888;"></div>
  </div>
  <p style="text-align:center;font-size:0.72rem;color:#aaa;margin:0.8rem 0 0;">Calculateur par <a href="https://agence-beneteau.fr/outils/calculateur-frais-notaire/" style="color:#1a3c8f;">Immo Actu France</a></p>
</div>
<script>
function iacfCalcul(){
  var prix=parseFloat(document.getElementById('iacf-prix').value);
  var type=document.getElementById('iacf-type').value;
  if(!prix||prix<=0){alert('Veuillez entrer un prix valide.');return;}
  var taux=type==='neuf'?0.03:0.08;
  var frais=prix*taux;
  var pct=(taux*100).toFixed(1);
  document.getElementById('iacf-total').textContent=frais.toLocaleString('fr-FR',{minimumFractionDigits:0,maximumFractionDigits:0})+' €';
  document.getElementById('iacf-pct').textContent='soit environ '+pct+' % du prix d'achat';
  document.getElementById('iacf-result').style.display='block';
}
</script>

Instructions d'intégration détaillées

Sur WordPress

Dans l'éditeur Gutenberg, ajoutez un bloc "HTML personnalisé".
Collez le code du widget dans ce bloc.
Publiez ou mettez à jour la page.

Sur Wix / Squarespace / Webflow

Cherchez un bloc ou élément de type "Code HTML" ou "Embed".
Collez le code du widget.
Sauvegardez et publiez.

Dans du code HTML statique

Collez le code directement dans votre fichier HTML à l'endroit où vous souhaitez afficher le calculateur.

Personnalisation

Vous pouvez modifier les couleurs en changeant la valeur #1a3c8f (bleu Immo Actu France) par la couleur de votre charte graphique. La condition : conserver le lien d'attribution en bas du widget.

Pourquoi ce widget est-il gratuit ?

Chez Immo Actu France, nous croyons que l'information immobilière de qualité doit être accessible à tous — acheteurs, vendeurs, investisseurs, professionnels et simples curieux. Mettre à disposition des outils gratuits fait partie de notre mission depuis notre création.

En échange de cette gratuité, nous demandons simplement que le lien d'attribution inclus dans le code soit maintenu. Ce lien :

Indique à vos visiteurs l'origine du calculateur
Nous permet de continuer à améliorer et maintenir cet outil gratuitement
Participe à la qualité globale de l'écosystème d'information immobilière en France

Vous avez besoin d'un calculateur plus complet (simulation LMNP, frais d'agence, PTZ, simulation de crédit) ? Découvrez notre calculateur de frais de notaire complet avec toutes les options avancées.