Comment ajouter une calculatrice hypothécaire dans WordPress (étape par étape)

Un calculateur hypothécaire répond à la question que vos visiteurs se posent réellement : quel serait le coût de cette maison chaque mois ? Sans lui, ils quittent votre page pour faire le calcul sur le site Web d'une banque.

C'est aussi un aimant à prospects naturel pour les agents immobiliers, les courtiers et les prêteurs. Demandez un nom et une adresse e-mail en plus des détails du prêt, et chaque calcul devient un contact que vous pouvez suivre.

Dans cet article, nous vous montrerons trois façons d'ajouter un calculateur hypothécaire dans WordPress : une intégration gratuite sans plugin, un plugin gratuit qui fonctionne directement dans WordPress, et un constructeur de formulaires qui capture un prospect à chaque calcul.

Quelle méthode devriez-vous utiliser ?

Choisissez	Idéal pour	Prix
Intégration mortgagecalculator.org	Un calculateur rapide sans plugin	Gratuit
Calculatrice hypothécaire réactive	Un calculateur qui fonctionne directement dans WordPress et prend en charge votre propre devise	Gratuit
WPForms	Capture d'un prospect à chaque calcul	Plan Pro et supérieur

Méthode 1 : Intégrer un calculateur hypothécaire gratuit (sans plugin)

La façon la plus simple de créer un calculateur hypothécaire est d'utiliser le calculateur intégrable gratuit de mortgagecalculator.org. Sur la page, vous pouvez définir les valeurs par défaut pour le prix de la maison, le taux d'intérêt, la durée du prêt, la taxe foncière, l'assurance hypothécaire (PMI) et l'assurance du propriétaire.

L'outil met à jour le code d'intégration lorsque vous modifiez ces paramètres. Si vous servez des visiteurs en dehors des États-Unis, vous pouvez également ajouter un paramètre de langue au code. Par exemple, &lang=en-GB utilise les paramètres britanniques, tandis que &lang=de-DE utilise les paramètres allemands.

Une fois que vous êtes satisfait des paramètres, copiez le code généré.

Ensuite, ouvrez un article ou une page dans WordPress et ajoutez un bloc HTML personnalisé. Cliquez sur « Modifier le HTML » pour ajouter le code généré.

Dans la fenêtre contextuelle qui apparaît, collez le code d'intégration du calculateur hypothécaire. Vous verrez alors un aperçu à droite. Si tout semble correct, cliquez sur « Mettre à jour » pour conserver vos modifications.

Enfin, cliquez sur le bouton « Enregistrer » ou « Mettre à jour » pour publier vos modifications.

Voici à quoi ressemble le calculateur sur le front-end :

Gardez à l'esprit que le calculateur est hébergé sur un serveur tiers, vous ne pouvez donc pas le relooker pour qu'il corresponde à votre site. Il ne prend pas non plus en charge la capture de prospects.

Si vous souhaitez afficher le calculateur sur tout le site, par exemple dans une barre latérale ou un pied de page, vous pouvez utiliser WPCode pour l'insérer.

Méthode 2 : Ajouter un calculateur hypothécaire simple et réactif

Si vous souhaitez que le calculateur fonctionne nativement dans WordPress plutôt que dans un iframe, Responsive Mortgage Calculator est un excellent choix gratuit. Il compte plus de 7 000 installations actives et est activement maintenu.

Tout d'abord, installons et activons le plugin. Allez dans Plugins » Ajouter un plugin dans votre administration WordPress et cliquez sur « Installer maintenant » dans la boîte du plugin Responsive Mortgage Calculator.

Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Après avoir installé le plugin, allez dans Paramètres » Resp Mortgage Calculator pour définir votre devise, la période de capitalisation (fréquence à laquelle les intérêts sont ajoutés au solde du prêt) et le taux d'intérêt par défaut.

Cliquez sur « Enregistrer les modifications » pour conserver vos paramètres.

Après cela, vous pouvez ajouter le calculateur à n'importe quelle page ou article en utilisant le shortcode [mortgagecalculator], ou le faire glisser dans une zone de widget.

Ne vous inquiétez pas si vous ne voyez pas d'aperçu. Le shortcode fonctionnera toujours, vous pouvez donc continuer et cliquer sur « Enregistrer » ou « Mettre à jour » pour le rendre public.

Maintenant, vous pouvez visiter votre site Web pour le voir en action :

De plus, il y a quelques limitations à garder à l'esprit. Vous ne pouvez avoir qu'un seul calculateur par page, les options de style sont basiques et il n'y a pas de champs pour la taxe foncière ou l'assurance. Il ne capture pas non plus de prospects.

Méthode 3 : Créer un calculateur hypothécaire de génération de prospects

Si vous souhaitez capturer des prospects pendant que les visiteurs utilisent votre calculateur, WPForms est le meilleur choix. Il vous permet de collecter un nom et une adresse e-mail en plus de leur calcul. Vous aurez besoin du plan Pro ou supérieur, qui inclut le module complémentaire Calculations utilisé par ces modèles.

Chez WPBeginner, nous utilisons WPForms pour nos propres formulaires et nous le recommandons. Vous pouvez en savoir plus dans notre avis complet sur WPForms.

Créer le formulaire à partir d'un modèle

Tout d'abord, installons et activons WPForms et entrons votre clé de licence. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Ensuite, allez dans WPForms » Ajouter un nouveau formulaire et nommez votre calculateur hypothécaire. WPForms propose quelques modèles de calculateurs hypothécaires :

• Calculateur hypothécaire simple, qui est le meilleur si vous souhaitez simplement une estimation rapide du paiement mensuel.
• Calculateur hypothécaire, qui montre également le total des intérêts payés et le montant du paiement annuel.
• Générateur de prospects hypothécaires, qui inclut déjà les champs nom et e-mail. Si vous le choisissez, vous pouvez ignorer l'étape de capture de prospects ci-dessous.

Si vous préférez utiliser un autre modèle, cliquez sur un modèle puis sur « Utiliser le modèle ».

Une fenêtre contextuelle vous invitera à installer et activer le module complémentaire Calculations. Cliquez sur « Installer et activer ».

WPForms vous amènera ensuite à l'éditeur par glisser-déposer. Vous pouvez voir toutes les options de personnalisation dans le panneau de gauche et un aperçu à droite.

Ce modèle est livré avec les champs et la formule du calculateur déjà configurés. Vous pouvez trouver la formule en cliquant sur le champ « Paiement mensuel » et en vérifiant sous Options du champ » Avancé » Formule.

Vous pouvez le laisser tel quel si vous souhaitez simplement une estimation du paiement mensuel.

Cependant, aucun des deux modèles n'inclut les champs de taxe foncière ou d'assurance hypothécaire privée (PMI). Si vous souhaitez les ajouter, vous devrez d'abord ajouter des champs pour ces valeurs à votre formulaire.

Si vous préférez ne pas les créer vous-même, le modèle Calculateur hypothécaire avancé de Formidable Forms inclut des champs de taxe et d'assurance intégrés.

Vous pouvez utiliser le champ Nombres, qui n'accepte que les entrées numériques, de sorte que la formule ne sera pas rompue si quelqu'un tape du texte. Faites-le simplement glisser depuis le panneau Ajouter des champs vers le panneau d'aperçu. Ensuite, modifiez l'étiquette dans l'onglet « Options du champ ».

Répétez cette étape pour tous les champs supplémentaires dont vous avez besoin.

Une fois que vous avez ajouté les champs, cliquez sur le champ « Paiement mensuel » pour configurer la nouvelle formule. Ensuite, cliquez sur « Générer la formule » à côté de la boîte Formule et décrivez comment vous souhaitez qu'ils soient inclus dans le calcul.

Par exemple : « Ajoutez la taxe foncière annuelle et la PMI au paiement hypothécaire mensuel. Divisez la taxe foncière annuelle par 12. Calculez la PMI mensuelle en multipliant le montant du prêt par le taux de la PMI et en divisant par 12. »

Une fois que l'IA a généré la formule pour vous, cliquez sur « Insérer la formule ».

Ensuite, cliquez sur le lien « Valider la formule » dans l'éditeur pour vous assurer que tout fonctionne bien.

Ajouter la capture de prospects et les notifications

Les deux modèles incluent déjà un champ E-mail. Pour capturer le prospect, faites également glisser un champ « Nom » sur le formulaire.

Ensuite, passons à l'onglet « Notifications » et assurons-nous que les notifications sont activées afin que vous receviez un e-mail chaque fois que quelqu'un remplit le formulaire.

WPForms dispose d'une protection anti-spam intégrée. Et comme ces notifications sont importantes, nous vous recommandons un service SMTP pour qu'elles n'atterrissent pas dans le spam. Consultez notre guide si WordPress n'envoie pas d'e-mails.

Intégrer le calculateur

Il est maintenant temps d'intégrer votre calculatrice hypothécaire de capture de prospects.

Cliquez sur « Intégrer » dans le menu supérieur. Vous pouvez ensuite ajouter le formulaire à une page existante ou nouvelle, ou copier le shortcode. Si vous choisissez « Page existante », sélectionnez la page où vous souhaitez intégrer votre calculatrice dans la fenêtre contextuelle suivante. Cela vous mènera à l'éditeur de page.

Dans l'éditeur, cliquez sur le bouton « + » pour ajouter le bloc WPForms. Ensuite, vous pouvez sélectionner votre calculatrice hypothécaire de capture de prospects dans le menu déroulant.

WordPress chargera alors votre calculatrice hypothécaire dans l'éditeur. Si vous le souhaitez, vous pouvez personnaliser et styliser votre formulaire dans le panneau de droite. Cliquez sur « Enregistrer » ou « Mettre à jour » lorsque vous avez terminé.

Consultez notre guide sur l'ajout d'un shortcode dans WordPress si vous préférez utiliser un shortcode.

C'est tout ! Vous avez réussi à créer une calculatrice hypothécaire de capture de prospects :

Avant de partager la page, effectuez vous-même un calcul de test et vérifiez que l'entrée apparaît sous WPForms » Entrées et que l'e-mail de notification arrive.

Si vous souhaitez que la taxe foncière, l'assurance et le PMI soient pré-intégrés plutôt qu'ajoutés avec Générer une formule, le modèle de calculatrice hypothécaire avancée de Formidable Forms les inclut. Consultez notre page Calculatrices Formidable Forms pour plus de détails.

FAQ : Ajouter une calculatrice hypothécaire dans WordPress

Quels éléments sont essentiels pour un calculateur hypothécaire ?

Une calculatrice hypothécaire de base a besoin du montant du prêt (prix de la maison ou montant du prêt hypothécaire), du taux d'intérêt (pourcentage annuel), de la durée du prêt (par exemple, 15 ou 30 ans) et d'un moyen de calculer et d'afficher le paiement mensuel. Certaines calculatrices incluent également des champs pour la taxe foncière, l'assurance ou les frais de syndic, mais ceux-ci sont facultatifs.

Puis-je changer la devise par rapport aux dollars ?

Oui, les trois méthodes peuvent prendre en charge d'autres devises, mais le processus est différent. Avec l'intégration gratuite, ajoutez un code de langue tel que &lang=en-GB au code d'intégration. Avec Responsive Mortgage Calculator, vous pouvez définir la devise sous Paramètres » Resp Mortgage Calculator.

Avec WPForms, allez dans WPForms » Paramètres, ouvrez l'onglet « Paiements » et choisissez votre devise dans le menu déroulant. Les champs calculés utilisent ce paramètre.

Cela fonctionne-t-il avec Elementor ou d'autres constructeurs de pages ?

Oui. Vous pouvez coller le shortcode ou le code d'intégration dans le widget Shortcode ou HTML de votre constructeur de pages.

Nous espérons que cet article vous a aidé à apprendre comment ajouter une calculatrice hypothécaire dans WordPress. Vous cherchez à améliorer encore votre site immobilier ? Ces ressources sélectionnées peuvent vous aider :

• Meilleurs plugins immobiliers WordPress
• Meilleurs thèmes WordPress immobiliers pour agents immobiliers
• Comment créer un site Web immobilier IDX avec WordPress
• Le guide ultime du SEO local WordPress pour améliorer votre classement

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.