Cómo agregar una calculadora de hipotecas en WordPress (paso a paso)

Recientemente, uno de nuestros lectores preguntó acerca de agregar una calculadora de hipotecas en WordPress.

Una calculadora de hipotecas es una herramienta útil para los sitios web de bienes raíces porque les permite a los visitantes ver si pueden pagar la propiedad que están buscando.

En este artículo, le mostraremos cómo agregar fácilmente una calculadora de hipotecas en WordPress.

Agregar una calculadora de hipotecas en WordPress

¿Qué es una calculadora de hipotecas? ¿Quién lo necesita en su sitio web?

Una calculadora de hipotecas es una herramienta que permite a los usuarios obtener estimaciones para el pago de su hipoteca, con la tasa de interés y el período de amortización.

Con una calculadora de hipotecas, los visitantes de su sitio web pueden seleccionar un pago mensual o un período, y el formulario de la calculadora de hipotecas calculará los costos en función de una tasa de interés determinada.

Si está creando un sitio web real con listados de propiedades IDX, una calculadora de hipotecas lo ayudará a obtener más clientes potenciales y aumentar la participación de los usuarios en su sitio web.

Dicho esto, echemos un vistazo a cómo crear fácilmente una calculadora de hipotecas en WordPress.

Crear una calculadora de hipotecas de WordPress – (Paso a paso)

Agregar una calculadora de hipotecas en WordPress solía ser bastante difícil. O tenía que agregar un código a su sitio o instalar un servicio de calculadora de hipotecas de terceros.

Ahora, con Formidable Forms, puede crear fácilmente una calculadora de hipotecas con una interfaz de arrastrar y soltar.

Formidable Forms Complemento avanzado de formulario de WordPress

Formidable Forms es el complemento de creación de formularios de WordPress más avanzado del mercado. Le permite crear formularios avanzados como un cuestionario en línea, un directorio web, listas de trabajos, calculadoras y más.

Formidable facilita la creación de formularios avanzados sin escribir código. Puede usar funciones como lógica condicional, cálculos avanzados, carga de archivos, campos repetidores, campos precargados dinámicos y más.

Viene con plantillas prefabricadas súper útiles para más de 20 tipos de formularios. Usaremos su plantilla de calculadora de hipotecas como punto de partida para este tutorial.

Empecemos.

Lo primero que debe hacer es instalar y activar el Formas formidables enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Necesitará al menos su plan Business para usar la función de calculadora de hipotecas.

Tras la activación, debe hacer clic en la opción ‘Agregar su clave de licencia ahora’ para ingresar los detalles de su licencia.

Agregue su clave de licencia Formidable Forms Pro

Esto lo llevará a la página Configuración global donde deberá ingresar su clave de licencia de Formidable Forms.

Guarde su clave de licencia de Formidable Forms

Puede encontrar la clave de licencia en el área de su cuenta en el sitio web de Formidable Forms.

Una vez hecho esto, verá el mensaje de éxito de la activación de la licencia. Ahora puede simplemente actualizar su página para cargar las funciones premium.

Después de eso, ve a Formidable » Formas para agregar un nuevo formulario. Allí, verá un formulario de contacto ya agregado de forma predeterminada. Continúe y haga clic en el botón ‘Agregar nuevo’ para crear un nuevo formulario de calculadora de hipotecas.

Agregar nueva forma formidable

En la página siguiente, verá muchas plantillas prefabricadas que lo ayudarán a comenzar rápidamente. Debe ubicar la plantilla de la calculadora de hipotecas en la sección Plantillas Premium.

Notará que hay dos plantillas de calculadora de hipotecas disponibles: Calculadora de hipotecas simple y Calculadora de hipotecas avanzada.

Comencemos primero con la Calculadora de Hipoteca Simple.

Coloque el puntero del mouse sobre la plantilla y luego le mostrará dos botones: Crear formulario y Vista previa.

Elija la plantilla de calculadora de hipoteca simple

Debe hacer clic en el botón ‘Crear formulario’. Aparecerá una ventana emergente en la que deberá agregar un nombre y una descripción, y luego hacer clic en el botón ‘Crear’.

Crear nuevo formulario de calculadora de hipoteca simple

El complemento ahora cargará la interfaz del editor Formidable Forms con la plantilla de calculadora de formulario de hipoteca simple seleccionada.

Creador de formularios de calculadora de hipoteca simple de WordPress

Desde aquí, simplemente puede apuntar y hacer clic para personalizar cada campo de formulario según sea necesario.

Por ejemplo, puede cambiar la etiqueta del campo y el valor predeterminado del campo Importe de la hipoteca.

Personalización de las opciones de campo de la calculadora de hipotecas simples

Sin embargo, debe tener cuidado con el último campo ‘Pago mensual’ porque incluye la fórmula de cálculo como valor predeterminado.

Si no es un experto en cálculo, debe dejarlo sin cambios.

Personalización de las opciones de campo de pago mensual Formidable Mortgage Calculator

Después de revisar todos los campos de su formulario, haga clic en el botón Actualizar en la esquina superior derecha de la pantalla. Después de eso, puede hacer clic en el icono Cerrar para salir del editor de formularios.

Calculadora de hipoteca simple creada con éxito

Su sencilla calculadora de hipotecas ya está lista. El siguiente paso es agregarlo a una página o publicación donde desee mostrar la calculadora.

Simplemente cree una nueva página/publicación o abra una existente para agregar la calculadora de hipotecas. En el editor de su página, haga clic en el ícono ‘Agregar nuevo bloque’ y luego seleccione el bloque Formidable Forms Gutenberg.

Agregue un bloque de formularios formidables en el editor de páginas de WordPress

Después de eso, puede ver el bloque Formidable Forms agregado a su editor de páginas.

A continuación, debe seleccionar el formulario Calculadora de hipoteca simple en la opción desplegable y WordPress cargará el formulario automáticamente.

Adición de la calculadora de hipotecas simple de WordPress al editor de páginas

Después de eso, puede publicar o actualizar su página y luego obtener una vista previa para ver cómo funciona la calculadora de hipotecas simple.

Por ejemplo, así es como se ve en nuestro sitio web de demostración.

Vista previa simple de la calculadora de hipotecas de WordPress

Crear una calculadora de hipotecas avanzada en WordPress

La calculadora de hipotecas simple que se muestra arriba es buena para el cálculo básico de hipotecas. Sin embargo, si desea calcular impuestos, pagos de seguros, PMI, relación préstamo-valor, etc., necesitará una calculadora de hipotecas avanzada para su sitio web de bienes raíces.

Con Formidable Forms, hacer una calculadora hipotecaria avanzada también es un trabajo rápido y sencillo.

Primero, debes visitar Formidable » Formas y haga clic en el botón Crear nuevo para agregar un nuevo formulario.

Agregar nueva forma formidable

Después de eso, pase el mouse sobre la plantilla Calculadora de hipotecas avanzada y haga clic en el botón Crear formulario.

Seleccionar plantilla de calculadora de hipotecas avanzada Formidable Forms

A continuación, WordPress abrirá una ventana emergente donde puede ingresar un nombre y una descripción para su formulario y luego hacer clic en el botón ‘Crear’.

Editor avanzado de calculadora de hipotecas en formas formidables

Ahora puede personalizar cada campo del formulario haciendo clic en él.

Cuando hace clic en un campo, las Opciones de campo aparecerán en la columna de la izquierda. Desde allí, puede cambiar la etiqueta del campo, el valor predeterminado, etc.

Personalización de las opciones de campo en el formulario de calculadora de hipotecas avanzada

Puede revisar y editar los campos Opciones Avanzadas de Análisis Financiero. Sin embargo, si no conoce las fórmulas de cálculo, es mejor dejarlas intactas.

Campos de cálculo en la calculadora de hipotecas avanzada Formidable Forms

Una vez que haya terminado, haga clic en el botón Actualizar en la esquina superior derecha y luego haga clic en el icono Cerrar.

Su formulario de calculadora de hipoteca avanzada está listo; ahora puede agregarlo a sus publicaciones, páginas, barras laterales o páginas de listado de propiedades de WordPress

En el editor de su página, haga clic en el ícono ‘Agregar nuevo bloque’ y luego seleccione el bloque Formidable Forms.

Agregue un bloque de formularios formidables en el editor de páginas de WordPress

Simplemente edite una publicación, página o listado y agregue el bloque Formidable Forms a su editor de contenido.

En la configuración del bloque, seleccione el formulario Calculadora hipotecaria avanzada que creó anteriormente. Después de eso, WordPress cargará automáticamente la calculadora de hipotecas en el editor de páginas.

Agregue la calculadora de hipotecas avanzada de WordPress al editor de páginas

Ahora puede publicar o actualizar su página y obtener una vista previa para ver cómo se ve su calculadora de hipotecas. Así es como se ve la calculadora hipotecaria avanzada Formidable Forms en nuestro sitio web de demostración.

Vista previa avanzada de la calculadora de hipotecas de WordPress

Como se muestra en la captura de pantalla anterior, la calculadora hipotecaria avanzada permite a los usuarios ingresar el valor de la vivienda, la información del préstamo, incluido el monto, la tasa de interés, el programa de amortización, los impuestos anuales, el seguro y el PMI.

Luego, el complemento calculará los datos y mostrará los pagos mensuales, la duración y otra información.

Esperamos que este artículo le haya ayudado a aprender cómo agregar una calculadora de hipotecas en WordPress. Es posible que también desee ver nuestra lista de los mejores servicios de marketing por correo electrónico y los mejores servicios telefónicos comerciales para pequeñas empresas.

.

Deja un comentario