WordPress
Bloque de HTML personalizado o el elemento HTML de su editor visual.
Función · Inserción
Un fragmento. Cualquier sitio que acepte HTML.
Para insertar una calculadora hipotecaria en su sitio web, copie un fragmento desde su panel y péguelo donde su editor permita HTML personalizado. Las inserciones en línea se muestran en un shadow DOM aislado, así su tema no puede romper la calculadora y la calculadora no puede romper su tema. ¿Prefiere un botón, un ícono flotante o un enlace? Están a un clic.
- Sin tarjeta en el plan Agent
- Prueba gratis de 14 días en Team y Brokerage
Lote 01
Cómo se ve la inserción en línea
Un elemento donde debe aparecer la calculadora y una etiqueta de script. Copie el código exacto desde su panel: incluye su clave de inserción.
Fragmento ilustrativo. Los nombres de los atributos y la dirección del script vienen de su panel y pueden variar.
<div data-calc="mortgage" data-key="YOUR_EMBED_KEY" data-mode="inline"></div>
<script src="https://app.calccapture.com/embed.js" async></script>Lote 02
Siete formas de colocar una calculadora
| Modo | Lo que ven los visitantes | Ideal para |
|---|---|---|
| En línea | La calculadora dentro de la página, aislada de los estilos de su sitio | Propiedades, páginas para compradores y vendedores |
| En línea en un marco | Lo mismo, en un iframe que ajusta su altura | Editores que solo aceptan iframes |
| Botón emergente | Un botón que abre la calculadora en una ventana emergente | Debajo de la descripción de una propiedad |
| Ícono flotante | Un botón en la esquina de cada página | Acceso en todo el sitio |
| Su propio enlace o botón | Cualquier elemento que elija abre la calculadora | Diseños y menús personalizados |
| Enlace directo | Una calculadora a página completa en su propia URL | Códigos QR, mensajes, correos, biografías |
| Iframe clásico | Un iframe simple | Plataformas restringidas |
Lote 03
Las plataformas que usan los agentes
Las guías paso a paso de cada una están en el centro de ayuda (en inglés).
Squarespace y Wix
Bloque de código o elemento de inserción (algunos planes limitan los scripts; el modo iframe funciona en esos casos).
Webflow
Elemento Embed, en la página o en una plantilla del CMS para propiedades.
Sitios y embudos de HighLevel
Elemento JS/HTML personalizado en el editor de embudos o sitios.
Sitios IDX
Depende de su proveedor: muchos permiten HTML personalizado en las propiedades, otros solo enlaces.
¿Insertar una calculadora romperá el diseño de mi sitio?
No. Las inserciones en línea se muestran dentro de un shadow DOM, una función del navegador que aísla los estilos en ambas direcciones. El CSS de su sitio no entra en la calculadora y el de la calculadora no sale. Si el aislamiento no es posible, la inserción pasa automáticamente a un iframe.
Preguntas por tema
Preguntas de los agentes
¿Necesito saber programar?
No. Copie el fragmento y péguelo en el elemento de HTML o de inserción de su editor. El centro de ayuda tiene guías paso a paso para cada plataforma (en inglés).
¿Y si mi editor no permite scripts?
Use el modo iframe, que la mayoría de los editores acepta, o un botón con enlace directo que abra la calculadora en su propia página.
¿Puedo usar una calculadora en un correo?
Los programas de correo no ejecutan scripts, así que use un enlace directo o una imagen de botón que enlace a la calculadora. Se abre en el navegador y los prospectos se captan como siempre.
¿Funciona con mi proveedor de IDX?
Depende de si su proveedor permite HTML personalizado, scripts o iframes en las páginas de detalle de las propiedades. Revise su configuración o pregunte a su soporte. Donde no se permita, un enlace directo funciona en cualquier parte. Vea sitios IDX.
¿Qué tan pesada es la inserción?
El cargador es pequeño y se carga de forma asíncrona después de su contenido, y las calculadoras cargan sus recursos solo cuando se muestran. Use un widget por página en lugar de muchas inserciones separadas.
¿Los buscadores ven el contenido insertado?
La calculadora es interactiva y no está pensada para posicionar en su página. Lo que posiciona es el texto de su página. Para configuraciones avanzadas hay contenido opcional renderizado en el servidor.
¿Las inserciones son accesibles?
Las calculadoras se pueden usar con teclado, con campos etiquetados, foco visible y resultados legibles por lector de pantalla, y las ventanas emergentes se cierran con un botón visible o con Escape. Vea inserciones accesibles.
¿Las ventanas emergentes atrapan a los visitantes en el teléfono?
No. Las ventanas emergentes y los paneles flotantes tienen un botón de cierre grande y visible, ocupan toda la pantalla en teléfonos y devuelven el foco al botón que los abrió.
Si su sitio acepta HTML, acepta una calculadora
Empiece gratis y pegue su primer fragmento hoy.
Empiece gratis Abrir el centro de ayuda
Sin tarjeta en el plan Agent · Prueba gratis de 14 días en Team y Brokerage