Las calculadoras de Hacé Cuentas,
con tu marca
Un solo web component <hace-cuentas>: tu color, tu logo,
tus textos, datos precargados y eventos para tu sistema. De "código para
copiar" a producto de distribución.
El loop de crecimiento
Cada partner que distribuye nuestras calculadoras hace mejor a todo el sistema:
- + Más partners
- → Más cálculos fuera de hacecuentas.com
- → Más atribución y reconocimiento
- → Más datos de uso
- → Mejores herramientas
- ↺ Y más partners
Todo lo que podés controlar
Tu marca
Color de acento, logo y textos propios. La calculadora se ve como parte de tu sitio, no como un widget pegado.
Datos precargados
Llegá con campos ya completos (sueldo, monto, categoría) y resultado calculado al instante. Ideal para notas y landings.
País y moneda
Indicá el país y la calculadora usa la moneda y las reglas correctas.
Eventos
onCalculate, onShare y onComplete como eventos DOM nativos. Conectá tu analytics o tu sistema sin tocar el iframe.
CTA propio
Un botón con tu copy y tu URL aparece debajo del resultado. El cálculo termina en tu embudo, no en el nuestro.
Auto-resize
El alto se ajusta solo al contenido. Responsive, sin saltos, sin scroll interno.
Cálculo local
Los datos del usuario nunca salen de su navegador. Privacidad total, sin backend que mantener.
Siempre actualizado
Cuando cambia una ley o un valor (Ganancias, ICL, monotributo) tu widget se actualiza solo. Vos no hacés nada.
Soluciones por rubro
Calculadoras elegidas para tu tipo de sitio, con el código listo y casos de uso concretos.
Generá tu widget
Configurá, mirá la vista previa en vivo y copiá el código.
Cómo se ve en tu sitio
Pegás el script una vez. Después, el tag las veces que quieras.
<script async src="https://hacecuentas.com/hc.js"></script>
<hace-cuentas
calculator="sueldo-en-mano-argentina"
accent="#d2122e"
logo="https://tu-medio.com/logo.svg"
title="Calculá tu sueldo en mano"
cta-label="Más notas de economía"
cta-url="https://tu-medio.com/economia"
partner-id="tu-medio">
</hace-cuentas>
<script>
document.querySelector('hace-cuentas')
.addEventListener('hc:calculate', function (e) {
// e.detail.primary = resultado principal
gtag('event', 'calc_done', { value: e.detail.primary });
});
</script>Eventos
El elemento emite eventos DOM nativos. Escuchalos con addEventListener.
| Evento | Cuándo | detail |
|---|---|---|
hc:ready | El iframe cargó y la calculadora está lista. | { slug } |
hc:calculate | El usuario tocó "Calcular" y hay resultado. | { primary, slug } |
hc:share | El usuario compartió o copió el resultado. | { action } |
hc:complete | El usuario tocó el CTA del partner. | { cta } |
Gratis con atribución
El uso estándar es gratis: solo mantené visible el enlace "Powered by Hacé Cuentas" que aparece debajo del widget en tu página. Ese backlink es lo que sostiene el proyecto.
¿Sos un medio o un producto y necesitás modo sin atribución, tema por defecto
o dominios autorizados? Eso es el plan de partner: escribinos desde
contacto y te damos un partner-id.
Preguntas frecuentes
El iframe es "copiá y pegá este código". El web component <hace-cuentas> es un producto de distribución: además de embeber, te deja personalizar marca, precargar datos, recibir eventos en tu sistema y poner tu propio CTA. Mismo motor, mucho más control.
Pegás una sola vez el script <script async src="https://hacecuentas.com/hc.js"></script> y después usás el tag <hace-cuentas calculator="..."> tantas veces como quieras, en cualquier página. Funciona en HTML plano, WordPress, React, Vue o cualquier framework.
Sí. Con accent="#tucolor" cambiás el color de acento de toda la calculadora, y con logo="https://tusitio.com/logo.svg" aparece tu logo en el encabezado. También podés cambiar el título con title="...".
Sí. El elemento emite eventos DOM (hc:calculate, hc:share, hc:complete) que escuchás con addEventListener. Llega el resultado principal en el detail del evento, listo para mandarlo a tu analytics o tu CRM.
Sí, con el atributo prefill='{"campo":"valor"}'. Si todos los campos requeridos quedan completos, la calculadora calcula sola al cargar. Perfecto para notas tipo "con un sueldo de $X, esto te queda en mano".
Sí, por defecto sí: el crédito va en tu página (es un backlink real) y mantenerlo es lo que hace que el producto sea gratis. Los partners con plan pueden ocultarlo (modo sin atribución), validado por dominio autorizado.
Para el uso estándar (con atribución), no: pegás el script y listo. El partner-id y la config sólo hacen falta para funciones avanzadas como el modo sin atribución o temas por defecto.
Sí. Los web components son estándar del navegador, así que <hace-cuentas> funciona como cualquier etiqueta HTML. En React, pasá los atributos como strings; los eventos los escuchás con un ref y addEventListener.
Las 1.400+ calculadoras de Hacé Cuentas. Pasás el slug de la calc (el que ves en la URL, ej. sueldo-en-mano-argentina) en el atributo calculator.
¿En qué se diferencia del iframe de /embeber?
¿Cómo lo instalo?
¿Puedo cambiar los colores y poner mi logo?
¿Puedo recibir un aviso cuando el usuario calcula?
¿Puedo precargar datos en la calculadora?
¿Tengo que dejar el enlace "Powered by Hacé Cuentas"?
¿Necesito una API key o registrarme?
¿Funciona en React / Next / Vue?
¿Qué calculadoras puedo usar?
Listo para distribuir
¿Solo querés el iframe simple sin personalización? También está disponible.