Una calculadora de hipotecas responde la pregunta con la que sus visitantes realmente llegaron: ¿cuánto costaría esta casa cada mes? Sin una, abandonan su página para hacer los cálculos en el sitio web de un banco.
También es un imán de leads natural para agentes inmobiliarios, corredores y prestamistas. Pida un nombre y una dirección de correo electrónico junto con los detalles del préstamo, y cada cálculo se convierte en un contacto con el que puede dar seguimiento.
En este artículo, te mostraremos tres formas de agregar una calculadora de hipotecas en WordPress: una incrustación gratuita sin plugin, un plugin gratuito que se ejecuta directamente en WordPress y un creador de formularios que captura un cliente potencial con cada cálculo.
¿Qué método deberías usar?
| Elegir | Mejor para | Precios |
|---|---|---|
| Incrustación de mortgagecalculator.org | Una calculadora rápida sin plugin | Gratis |
| Calculadora de hipotecas receptiva | Una calculadora que funciona directamente en WordPress y admite tu propia moneda | Gratis |
| WPForms | Capturar un cliente potencial con cada cálculo | Plan Pro y superior |
Método 1: Incrustar una calculadora de hipotecas gratuita (sin plugin)
La forma más fácil de crear una calculadora de hipotecas es con la calculadora incrustable gratuita de mortgagecalculator.org. En la página, puedes establecer valores predeterminados para el precio de la vivienda, la tasa de interés, el plazo del préstamo, el impuesto a la propiedad, el PMI y el seguro de propietarios.
La herramienta actualiza el código de incrustación a medida que cambias estas configuraciones. Si atiendes a visitantes fuera de EE. UU., también puedes agregar un parámetro de idioma al código. Por ejemplo, &lang=en-GB usa configuraciones del Reino Unido, mientras que &lang=de-DE usa configuraciones alemanas.
Una vez que estés satisfecho con la configuración, copia el código generado.
A continuación, abre una publicación o página en WordPress y agrega un bloque de HTML personalizado. Haz clic en ‘Editar HTML’ para agregar el código generado.
En la ventana emergente que aparece, pega el código de incrustación de la calculadora de hipotecas. Luego verás una vista previa a la derecha. Si todo se ve bien, haz clic en ‘Actualizar’ para guardar tus cambios.
Finalmente, haz clic en el botón ‘Guardar’ o ‘Actualizar’ para publicar tus cambios.
Así es como se ve la calculadora en el front-end:
Ten en cuenta que la calculadora está alojada en un servidor de terceros, por lo que no puedes modificar su estilo para que coincida con tu sitio. Tampoco admite la captura de clientes potenciales.
Si deseas mostrar la calculadora en todo el sitio, como en una barra lateral o pie de página, puedes usar WPCode para insertarla.
Método 2: Agregar una calculadora de hipotecas simple y adaptable
Si deseas que la calculadora funcione de forma nativa en WordPress en lugar de en un iframe, Responsive Mortgage Calculator es una opción gratuita sólida. Tiene más de 7,000 instalaciones activas y se mantiene activamente.
Primero, instalemos y activemos el plugin. Ve a Plugins » Agregar Plugin en tu administrador de WordPress y haz clic en ‘Instalar ahora’ en el cuadro del plugin Responsive Mortgage Calculator.
Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Después de instalar el plugin, ve a Configuración » Resp Mortgage Calculator para configurar tu moneda, período de capitalización (con qué frecuencia se agrega el interés al saldo del préstamo) y la tasa de interés predeterminada.
Haz clic en ‘Guardar cambios’ para conservar tu configuración.
Después de eso, puedes agregar la calculadora a cualquier página o publicación usando el shortcode [mortgagecalculator], o arrastrarla a un área de widgets.
No te preocupes si no ves una vista previa. El shortcode seguirá funcionando, así que puedes continuar y hacer clic en ‘Guardar’ o ‘Actualizar’ para publicarlo.
Ahora, puedes visitar tu sitio web para verlo en acción:
Además, hay algunas limitaciones a tener en cuenta. Solo puedes tener una calculadora por página, las opciones de estilo son básicas y no hay campos para impuestos a la propiedad o seguros. Tampoco captura clientes potenciales.
Método 3: Crear una calculadora de hipotecas para capturar leads
Si deseas capturar leads mientras los visitantes usan tu calculadora, WPForms es la mejor opción. Te permite recopilar un nombre y una dirección de correo electrónico junto con su cálculo. Necesitarás el plan Pro o superior, que incluye el complemento Calculations que usan estas plantillas.
En WPBeginner, usamos WPForms para nuestros propios formularios y lo recomendamos. Puedes obtener más información en nuestra reseña completa de WPForms.
Crear el formulario a partir de una plantilla
Primero, instalemos y activemos WPForms e ingresemos tu clave de licencia. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
A continuación, ve a WPForms » Agregar Nuevo Formulario y nombra tu calculadora de hipotecas. WPForms tiene algunas plantillas de calculadora de hipotecas:
- Calculadora de Hipotecas Simple, que es mejor si solo deseas una estimación rápida del pago mensual.
- Calculadora de Hipotecas, que también muestra el interés total pagado y el monto del pago anual.
- Generador de Leads Hipotecarios, que viene con campos de nombre y correo electrónico ya incorporados. Si la eliges, puedes omitir el paso de captura de leads a continuación.
Si prefieres usar otra plantilla, haz clic en una plantilla y luego en ‘Usar Plantilla’.
Aparecerá una ventana emergente pidiéndote que instales y actives el complemento Calculations. Haz clic en ‘Instalar y activar’.
WPForms te llevará entonces al editor de arrastrar y soltar. Puedes ver todas las opciones de personalización en el panel izquierdo y una vista previa en el derecho.
Esta plantilla viene con los campos de la calculadora y la fórmula ya configuradas. Puedes encontrar la fórmula haciendo clic en el campo ‘Pago Mensual’ y revisando en Opciones del Campo » Avanzado » Fórmula.
Puedes dejarlo como está si solo deseas una estimación del pago mensual.
Sin embargo, ninguna de las plantillas incluye campos de impuestos sobre la propiedad o PMI (seguro hipotecario privado). Si deseas agregarlos, primero deberás agregar campos para esos valores a tu formulario.
Si prefieres no crearlos tú mismo, la plantilla Calculadora Hipotecaria Avanzada de Formidable Forms viene con campos de impuestos y seguros incorporados.
Puedes usar el campo de Números, que solo acepta entrada numérica, por lo que la fórmula no se romperá si alguien escribe texto. Simplemente arrástralo y suéltalo desde el panel Agregar Campos al panel de vista previa. Luego, cambia la Etiqueta en la pestaña ‘Opciones del Campo’.
Repite este paso para todos los campos adicionales que necesites.
Una vez que hayas agregado los campos, haz clic en el campo ‘Pago Mensual’ para configurar la nueva fórmula. Luego, haz clic en ‘Generar Fórmula’ junto al cuadro de Fórmula y describe cómo deseas que se incluyan en el cálculo.
Por ejemplo: “Agrega el impuesto anual a la propiedad y el PMI al pago mensual de la hipoteca. Divide el impuesto anual a la propiedad entre 12. Calcula el PMI mensual multiplicando el monto del préstamo por la tasa de PMI y dividiendo entre 12”.
Una vez que la IA haya generado la fórmula para ti, haz clic en ‘Insertar Fórmula’.
Luego, haz clic en el enlace ‘Validar Fórmula’ en el editor para asegurarte de que todo funcione bien.
Agregar captura de leads y notificaciones
Ambas plantillas ya incluyen un campo de Correo Electrónico. Para capturar el lead, arrastra y suelta también un campo de ‘Nombre’ en el formulario.
A continuación, cambiemos a la pestaña ‘Notificaciones’ y asegúrate de que las notificaciones estén habilitadas para que recibas un correo electrónico cada vez que alguien complete el formulario.
WPForms tiene protección antispam de forma predeterminada. Y dado que estas notificaciones son importantes, recomendamos un servicio SMTP para que no terminen en la carpeta de spam. Consulta nuestra guía si WordPress no envía correos electrónicos.
Incrustar la calculadora
Ahora es el momento de incrustar tu calculadora de hipotecas para capturar clientes potenciales.
Haz clic en ‘Incrustar’ en el menú superior. Luego puedes agregar el formulario a una página existente o nueva, o copiar el shortcode. Si eliges ‘Página existente’, selecciona la página donde deseas incrustar tu calculadora en la siguiente ventana emergente. Esto te llevará al editor de la página.
En el editor, haz clic en el botón ‘+’ para agregar el bloque WPForms. Después de eso, puedes seleccionar tu calculadora de hipotecas para capturar clientes potenciales en el menú desplegable.
WordPress cargará tu calculadora de hipotecas en el editor. Si lo deseas, puedes personalizar y estilizar tu formulario en el panel derecho. Haz clic en ‘Guardar’ o ‘Actualizar’ cuando hayas terminado.
Consulta nuestra guía sobre cómo agregar un shortcode en WordPress si prefieres usar un shortcode.
¡Eso es todo! Has creado con éxito una calculadora de hipotecas para capturar clientes potenciales:
Antes de compartir la página, haz una prueba de cálculo tú mismo y verifica que la entrada aparezca en WPForms » Entradas y que llegue el correo electrónico de notificación.
Si deseas tener el impuesto sobre la propiedad, el seguro y el PMI predefinidos en lugar de agregarlos con Generate Formula, la plantilla Advanced Mortgage Calculator de Formidable Forms los incluye. Consulta nuestra página de Calculadoras de Formidable Forms para obtener más detalles.
Preguntas frecuentes: Agregar una calculadora de hipotecas en WordPress
¿Qué elementos son esenciales para una calculadora de hipotecas?
Una calculadora de hipotecas básica necesita el monto del préstamo (precio de la casa o monto de la hipoteca), la tasa de interés (porcentaje anual), el plazo del préstamo (por ejemplo, 15 o 30 años) y una forma de calcular y mostrar el pago mensual. Algunas calculadoras también incluyen campos para el impuesto sobre la propiedad, el seguro o las tarifas de la HOA, pero esos son opcionales.
¿Puedo cambiar la moneda de dólares?
Sí, los tres métodos pueden admitir otras monedas, pero el proceso es diferente. Con la incrustación gratuita, agrega un código de idioma como &lang=en-GB al código de incrustación. Con Responsive Mortgage Calculator, puedes configurar la moneda en Configuración » Resp Mortgage Calculator.
Con WPForms, ve a WPForms » Configuración, abre la pestaña ‘Pagos’ y elige tu moneda en el menú desplegable. Los campos calculados usan esa configuración.
¿Funciona esto con Elementor u otros constructores de páginas?
Sí. Puede pegar el código corto o el código de incrustación en el widget de código corto o HTML de su constructor de páginas.
Esperamos que este artículo te haya ayudado a aprender cómo agregar una calculadora de hipotecas en WordPress. ¿Buscas mejorar aún más tu sitio inmobiliario? Estos recursos seleccionados pueden ayudarte:
- Los mejores plugins de WordPress para bienes raíces
- Los mejores temas de WordPress para bienes raíces para agentes inmobiliarios
- Cómo crear un sitio web de bienes raíces con IDX usando WordPress
- La Guía Definitiva de SEO Local para WordPress para Impulsar Rankings
Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
Es posible cambiar dólares a otra moneda en la calculadora. ¿Por ejemplo, CZK (corona checa)?
Soporte de WPBeginner
WPForms te permite cambiar de divisa, tendrías que consultar con el soporte de WPForms para ver las divisas disponibles actualmente
Administrador
Jiří Vaněk
Gracias por el consejo. Si es posible, definitivamente me pondré en contacto con el soporte para averiguar cómo cambiar la moneda. Desafortunadamente, en la República Checa, a nadie le gustaría usar una calculadora con dólares. Muchas gracias por su respuesta y orientación.
Mrteesurez
Buen artículo para agregar una calculadora de hipotecas en WordPress. Tener una calculadora de hipotecas es realmente beneficioso para blogs financieros y otros sitios web relacionados, ya que los visitantes no tienen que visitar un sitio diferente para obtener un cálculo de hipoteca, todo en una sola experiencia para los usuarios, lo que los hace quedarse más.
Pero quiero preguntar si se puede aplicar código CSS personalizado a la calculadora y hacerla más atractiva.
Soporte de WPBeginner
Dependería de cómo quieras que se vea, pero puedes aplicar CSS a estos complementos.
Administrador
Jiří Vaněk
Uso WP Forms y cuando creo formularios, te permite establecer tu propio CSS. Hay una guía bastante buena sobre cómo hacer esto directamente en el sitio web de WP Forms, de donde también obtuve consejos. Asegúrate de consultarla y aprenderás mucho sobre cómo personalizar formularios para ti.
Karina Le Roux
Hola, quiero saber si la moneda en un país diferente afectará la calculadora de hipotecas. Veo en las capturas de pantalla solo $, pero me gustaría que fuera Rand sudafricano (R), ¿será posible?
Soporte de WPBeginner
Cambiar la moneda no debería causar un problema, si te pones en contacto con el soporte de Formidable Forms, ellos podrán ayudarte con cualquier pregunta que tengas sobre cómo configurarlo.
Administrador
Erick
Hola. Dado que trabajamos con diferentes bancos y cada uno de ellos tiene su propia tasa de interés, ¿es posible tener una opción para que los clientes seleccionen su banco preferido según su tasa de interés o solo puedo usar 1 tasa de interés específica predefinida?
Soporte de WPBeginner
Deberías ponerte en contacto con el soporte del complemento para conocer los detalles y probablemente podrías configurarlo como deseas.
Administrador
Nitin
si cambio el tema de WordPress, ¿puede afectar el SEO?
Soporte de WPBeginner
Dependiendo del tema, podría tener algún efecto, pero no debería ser un efecto grande
Administrador