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

Cómo agregar una calculadora de hipotecas en WordPress (paso a paso)
4.8 (96.67%) 6 votos

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 permite a los visitantes ver si pueden pagar la propiedad que est√°n viendo.

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 tasa de interés y período de amortización.

Con una calculadora de hipotecas, los visitantes de su sitio web pueden seleccionar un período o pago mensual, 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. Debes agregar un código a tu 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.

Formularios formidables Plugin de formularios avanzado de WordPress

Formidable Forms es el complemento de generador de formularios de WordPress más avanzado del mercado. Le permite crear formularios avanzados como un cuestionario en línea, un directorio web, listados de trabajo, 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 dinámicos precompletados y más.

Viene con plantillas prefabricadas s√ļper √ļtiles para m√°s de 20 tipos de formularios. Utilizaremos su plantilla de calculadora de hipotecas como punto de partida para este tutorial.

Empecemos.

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

Recomendamos:  Gu√≠a de compra de computadoras port√°tiles 2019 (factores que debe considerar al comprar una computadora port√°til nueva)

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

Después de 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 de Configuración global donde deberá ingresar su clave de licencia Formularios formidables.

Guarde su clave de licencia Formularios formidables

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

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

Despu√©s de eso, ve a Formidable ¬ĽFormularios para agregar un nuevo formulario. All√≠, ver√° un formulario de contacto que ya se agreg√≥ de forma predeterminada. Contin√ļe y haga clic en el bot√≥n "Agregar nuevo" para crear un nuevo formulario de calculadora de hipotecas.

A√Īadir nuevo formulario 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 hipoteca simple y Calculadora de hipoteca 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 una plantilla simple de calculadora de hipotecas

Debe hacer clic en el botón "Crear formulario". Aparecerá una ventana emergente donde 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 de Formularios Formidables con la plantilla de calculadora de formulario de hipoteca simple seleccionada.

WordPress Simple Mortgage Calculator Form Builder

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 para el campo Monto de la hipoteca.

Personalizar opciones de campo de calculadora de hipoteca simple

Sin embargo, debe tener cuidado con el √ļltimo campo "Pago mensual" porque incluye la f√≥rmula de c√°lculo como valor predeterminado.

Recomendamos:  El 71% de los estudiantes posee o preferir√≠a una Mac, encuesta de reclamos.

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

Personalizar opciones de campo de pago mensual Calculadora de hipoteca formidable

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 hipotecas simple creada con éxito

Su calculadora de hipotecas simple ya está lista. El siguiente paso es agregarlo a una página o publicación donde desea 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 icono "Agregar nuevo bloque" y luego seleccione el bloque de Formidable Formularios Gutenberg.

Agregue un bloque de formularios formidable 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.

Agregar calculadora de hipotecas simple de WordPress al editor de p√°gina

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 la hipoteca. 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 inmobiliario.

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

Primero, necesitas visitar Formidable ¬ĽFormularios p√°gina y haga clic en el bot√≥n Crear nuevo para agregar un nuevo formulario.

A√Īadir nuevo formulario formidable

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

Seleccione Formulario avanzado de calculadora de hipotecas Formularios formidables

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 formularios formidables

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

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

Recomendamos:  C√≥mo habilitar el modo oscuro en Google Chrome

Personalización de las opciones de campo en el formulario de calculadora hipotecaria 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 no tocarlas.

Campos de c√°lculo en formularios avanzados de la calculadora de hipotecas avanzada

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 hipotecaria 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 icono "Agregar nuevo bloque" y luego seleccione el bloque Formularios Formularios.

Agregue un bloque de formularios formidable 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.

Desde la configuración de bloque, seleccione el formulario Calculadora de hipoteca 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 hipotecaria avanzada de WordPress al editor de p√°gina

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 de hipotecas 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 de hipotecas avanzada permite a sus usuarios ingresar el valor de la vivienda, la información del préstamo, incluida la cantidad, la tasa de interés, el cronograma de amortización, los impuestos anuales, el seguro y el PMI.

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

Esperamos que este art√≠culo te haya ayudado a aprender c√≥mo agregar una calculadora de hipotecas en WordPress. Tambi√©n es posible que 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.

Si te gustó este artículo, suscríbete a nuestro YouTube Canal para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

. (tagsToTranslate) agregar una calculadora de hipotecas (t) cómo agregar una calculadora de hipotecas (t) cómo agregar una calculadora de hipotecas en WordPress (t) calculadora de hipotecas (t) calculadora de hipotecas de wordpress

Dej√°nos tus Comentarios: