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

Récemment, l'un de nos lecteurs nous a demandé d'ajouter une calculatrice hypothécaire dans WordPress.

Une calculatrice hypothécaire est un outil utile pour les sites Web immobiliers car elle permet aux visiteurs de voir s’ils peuvent se permettre la propriété qu’ils regardent.

Dans cet article, nous allons vous montrer comment ajouter facilement une calculatrice hypothécaire dans WordPress.

Ajouter une calculatrice hypothécaire dans WordPress

Qu'est-ce qu'une calculatrice hypothécaire? Qui en a besoin sur leur site web?

Une calculatrice hypothécaire est un outil qui permet aux utilisateurs d’obtenir des estimations pour leur paiement hypothécaire, avec un taux d’intérêt et une période d’amortissement.

Avec une calculatrice hypothécaire, les visiteurs de votre site Web peuvent sélectionner un paiement mensuel ou une période. Le formulaire de calcul hypothécaire calcule les coûts en fonction d'un taux d'intérêt donné.

Si vous créez un site Web réel avec des listes de propriétés IDX, une calculatrice hypothécaire vous aidera à obtenir davantage de prospects et à accroître la participation des utilisateurs sur votre site Web.

Cela dit, voyons comment créer facilement une calculatrice hypothécaire dans WordPress.

Créer une calculatrice hypothécaire WordPress – (étape par étape)

L'ajout d'une calculatrice hypothécaire dans WordPress était plutôt difficile. Vous deviez soit ajouter un morceau de code sur votre site, soit installer un service de calculateur hypothécaire tiers.

Maintenant, avec Formidable Forms, vous pouvez facilement créer une calculatrice hypothécaire avec une interface glisser-déposer.

Formidable Forms Plugin de formulaire WordPress avancé

Formidable Forms est le plugin de création de formulaire WordPress le plus avancé du marché. Il vous permet de créer des formulaires avancés tels qu'un questionnaire en ligne, un répertoire Web, des offres d'emploi, des calculatrices, etc.

Formidable facilite la création de formulaires avancés sans écrire de code. Vous pouvez utiliser des fonctionnalités telles que la logique conditionnelle, les calculs avancés, les téléchargements de fichiers, les champs de répéteur, les champs dynamiques préremplis, etc.

Il est livré avec des modèles prédéfinis super utiles pour plus de 20 types de formulaires. Nous utiliserons leur modèle de calculateur hypothécaire comme point de départ pour ce tutoriel.

Commençons.

La première chose à faire est d'installer et d'activer le plug-in Formidable Forms. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Vous aurez besoin au moins de leur plan d’affaires pour utiliser la fonction de calcul de l’hypothèque.

Lors de l’activation, vous devez cliquer sur l’option ‘Ajouter votre clé de licence maintenant’ pour entrer les détails de votre licence.

Ajoutez votre clé de licence Formidable Forms Pro

Cela vous mènera à la page Paramètres généraux où vous devrez entrer votre clé de licence Formidable Forms.

Enregistrez votre clé de licence Formidable Forms

Vous pouvez trouver la clé de licence dans la zone de votre compte sur le site Web Formidable Forms.

Une fois cela fait, vous verrez le message de succès d'activation de licence. Maintenant, vous pouvez simplement actualiser votre page pour charger les fonctionnalités premium.

Après cela, allez à Formidable »Formulaires ajouter un nouveau formulaire. Là, vous verrez un formulaire Contactez-nous déjà ajouté par défaut. Allez-y et cliquez sur le bouton ‘Ajouter nouveau’ pour créer un nouveau formulaire de calcul hypothécaire.

Ajouter un nouveau formulaire formable

Sur la page suivante, vous verrez de nombreux modèles prédéfinis qui vous aideront à démarrer rapidement. Vous devez localiser le modèle de calculatrice hypothécaire dans la section Modèles de prime.

Vous remarquerez qu'il existe deux modèles de calculatrice hypothécaire: une calculatrice hypothécaire simple et une calculatrice hypothécaire avancée.

Commençons par la calculatrice hypothécaire simple.

Placez le pointeur de la souris sur le modèle, puis deux boutons apparaissent: Créer un formulaire et Aperçu.

Choisissez un modèle de calcul hypothécaire simple

Vous devez cliquer sur le bouton "Créer un formulaire". Cela fera apparaître une fenêtre contextuelle dans laquelle vous devrez ajouter un nom et une description, puis cliquez sur le bouton ‘Créer’.

Créer un nouveau formulaire de calcul hypothécaire simple

Le plug-in va maintenant charger l'interface de l'éditeur Formidable Forms avec le modèle de calculateur de formulaire de prêt hypothécaire sélectionné.

WordPress Simple Calculatrice hypothécaire Form Builder

À partir de là, vous pouvez simplement pointer et cliquer pour personnaliser chaque champ de formulaire en fonction des besoins.

Par exemple, vous pouvez modifier le libellé du champ et la valeur par défaut du champ Montant du prêt hypothécaire.

Personnalisation des options de champ de la calculatrice hypothécaire simple

Cependant, vous devez faire attention au dernier champ "Paiement mensuel" car il inclut la formule de calcul comme valeur par défaut.

Si vous n'êtes pas un expert en calcul, vous devez le laisser inchangé.

Personnalisation du champ de paiement mensuel Options Calculable de prêt hypothécaire

Après avoir examiné tous vos champs de formulaire, cliquez sur le bouton Mettre à jour dans le coin supérieur droit de l’écran. Ensuite, vous pouvez cliquer sur l'icône Fermer pour quitter l'éditeur de formulaire.

Calculateur hypothécaire simple créé avec succès

Votre calculateur hypothécaire simple est maintenant prêt. L'étape suivante consiste à l'ajouter à une page ou à une publication à l'endroit où vous souhaitez afficher la calculatrice.

Créez simplement une nouvelle page / publication ou ouvrez-en une existante pour ajouter la calculatrice hypothécaire. Dans votre éditeur de page, cliquez sur l’icône ‘Ajouter un nouveau bloc’, puis sélectionnez Bloc Gutenberg Formidable Forms.

Ajouter un bloc de formulaires formable dans WordPress Page Editor

Après cela, vous pouvez voir le bloc Formidable Forms ajouté à votre éditeur de page.

Ensuite, vous devez sélectionner le formulaire de calcul hypothécaire simple dans la liste déroulante. WordPress le chargera automatiquement.

Ajout d'une calculatrice hypothécaire WordPress simple à l'éditeur de page

Après cela, vous pouvez publier ou mettre à jour votre page, puis l'aperçu pour voir comment fonctionne le calculateur hypothécaire simple.

Par exemple, voici à quoi cela ressemble sur notre site Web de démonstration.

Calculateur d'hypothèque WordPress simple Aperçu

Créer une calculatrice hypothécaire avancée dans WordPress

La calculatrice hypothécaire simple illustrée ci-dessus est utile pour le calcul hypothécaire de base. Toutefois, si vous souhaitez calculer les taxes, les paiements d'assurance, le PMI, le ratio prêt / valeur, etc., vous aurez besoin d'une calculatrice hypothécaire avancée pour votre site Web immobilier.

Avec Formidable Forms, créer une calculatrice hypothécaire avancée est également un travail rapide et simple.

Tout d'abord, vous devez visiter Formidable »Formulaires page et cliquez sur le bouton Créer pour ajouter un nouveau formulaire.

Ajouter un nouveau formulaire formable

Ensuite, placez votre souris sur le modèle de calcul hypothécaire avancé et cliquez sur le bouton Créer un formulaire.

Sélectionnez Formulaires Formidable de modèle de calcul hypothécaire avancé

Ensuite, WordPress ouvrira une fenêtre contextuelle dans laquelle vous pourrez entrer un nom et une description pour votre formulaire, puis cliquez sur le bouton "Créer".

Éditeur de calcul hypothécaire avancé dans des formulaires Formidable

Vous pouvez maintenant personnaliser chaque champ de formulaire en cliquant dessus.

Lorsque vous cliquez sur un champ, les options de champ apparaissent dans la colonne de gauche. À partir de là, vous pouvez modifier l’étiquette du champ, la valeur par défaut, etc.

Personnalisation des options de champ dans le formulaire de calcul hypothécaire avancé

Vous pouvez consulter et modifier les champs Options avancées de l'analyse financière. Cependant, si vous ne connaissez pas les formules de calcul, il est préférable de les laisser intactes.

Champs de calcul dans les formulaires Formidable de la calculatrice hypothécaire avancée

Une fois que vous avez terminé, cliquez sur le bouton Mettre à jour dans le coin supérieur droit, puis cliquez sur l’icône Fermer.

Votre formulaire de calcul hypothécaire avancé est prêt; vous pouvez maintenant y ajouter vos publications, pages, barres latérales ou pages de liste de propriétés WordPress

Dans votre éditeur de page, cliquez sur l’icône ‘Ajouter un nouveau bloc’ puis sélectionnez le bloc Formidable Forms.

Ajouter un bloc de formulaires formable dans WordPress Page Editor

Modifiez simplement un article, une page ou une liste et ajoutez le bloc Formidable Forms à votre éditeur de contenu.

Dans les paramètres de bloc, sélectionnez le formulaire de calcul hypothécaire avancé que vous avez créé précédemment. Après cela, WordPress chargera automatiquement la calculatrice hypothécaire dans l'éditeur de page.

Ajouter la calculatrice hypothécaire avancée WordPress à l'éditeur de page

Vous pouvez maintenant publier ou mettre à jour votre page et la prévisualiser pour voir à quoi ressemble votre calculatrice hypothécaire. Voici à quoi ressemble la calculatrice hypothécaire avancée Formidable Forms sur notre site Web de démonstration.

Advanced WordPress Calculatrice hypothécaire Aperçu

Comme le montre la capture d'écran ci-dessus, la calculatrice hypothécaire avancée permet à vos utilisateurs de saisir la valeur du logement, les informations sur le prêt, notamment le montant, le taux d'intérêt, le calendrier d'amortissement, les taxes annuelles, les assurances et le PMI.

Le plugin calculera ensuite les données et affichera les paiements mensuels, la durée et d'autres informations.

Nous espérons que cet article vous a aidé à apprendre comment ajouter une calculatrice hypothécaire dans WordPress. Vous voudrez peut-être aussi consulter notre liste des meilleurs services de marketing par courriel et des meilleurs services de téléphonie professionnelle pour les petites entreprises.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Gazouillement et Facebook.

La publication Comment ajouter une calculatrice hypothécaire dans WordPress (étape par étape) est apparue en premier sur .

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *