Cómo conectar la calculadora uCalc a un sitio web en Turbosite

uCalc es un constructor ruso de calculadoras y formularios en línea para sitios web. Es líder del mercado y se utiliza para calcular el costo de servicios (reparaciones, entregas, catering, etc.) y recopilar solicitudes. La versión básica es gratuita, mientras que las funciones avanzadas están disponibles en los planes de pago. Es compatible con cualquier sitio web donde se pueda insertar HTML. La instalación toma entre 10 y 15 minutos.

Qué necesitarás

• Una cuenta en uCalc: registro gratuito en ucalc.pro
• Un sitio web publicado en Turbosite
• 10–15 minutos (además del tiempo necesario para crear la calculadora en sí)

Paso 1. Crear una calculadora en uCalc

1. Regístrate en ucalc.pro e inicia sesión en tu cuenta personal.
2. Haz clic en «Crear» → elige una plantilla según tu sector (reparaciones, entrega, educación, etc.) o comienza desde cero.
3. En el editor visual:
   • Agrega campos: casillas de verificación, listas desplegables, campos de entrada, imágenes.
   • Configura las fórmulas de cálculo (si la calculadora debe calcular un importe).
   • Agrega un formulario de contacto: nombre, teléfono, correo electrónico.
   • Configura la protección contra spam (mecanismo integrado o reCAPTCHA).
4. Ajusta el diseño: colores, fuentes, fondo.
5. En la pestaña «Notificaciones», especifica el correo electrónico o la integración con CRM a donde se enviarán las solicitudes.
6. Guarda el proyecto.

📷 Captura de pantalla: editor visual de uCalc con una calculadora configurada.

Paso 2. Obtener el código para el sitio web

1. En el panel superior del editor, haz clic en «Obtener código» (o en la pestaña «Instalación en el sitio»).
2. Elige el formato:
   • Código JavaScript: recomendado, se carga de forma más ligera y rápida.
   • iframe: inserción sencilla como un bloque.
3. Copia el código generado en su totalidad.

📷 Captura de pantalla: ventana con el código para insertar en el sitio web.

Paso 3. Insertar el código en Turbosite

La calculadora aparece en un lugar específico de la página, por lo que el código se inserta en el cuerpo de la misma.

1. Abre tu sitio web en Turbosite.
2. Agrega un bloque «Código HTML» en el lugar deseado de la página (normalmente, una sección con la descripción del servicio o un bloque independiente de «Calcular costo»).
3. Pega el código de uCalc copiado.
4. Guarda los cambios.
5. Publica el sitio web.

📷 [captura de pantalla de Turbosite — se añadirá: bloque de código HTML en el cuerpo de la página con la calculadora uCalc].

Paso 4. Verificar que la calculadora funciona

1. Abre el sitio web publicado.
2. Desplázate hasta la calculadora: debería cargarse y ser interactiva.
3. Rellena los campos y verifica que el importe total se calcule correctamente.
4. Envía una solicitud de prueba.
5. Verifica que la solicitud haya llegado al correo electrónico o al CRM (si la integración está configurada).

Preguntas frecuentes

La calculadora no se muestra. Verifica que el código esté completo, que el sitio esté publicado y que no haya bloqueadores activos. Si utilizas el código JavaScript, este debe cargarse completamente y no debería haber errores en la consola del navegador.

¿Se puede adaptar al diseño de mi sitio web? Sí, en el editor de uCalc se pueden configurar colores, fuentes, fondos y márgenes. Si necesitas una personalización avanzada, el CSS personalizado está disponible en los planes de pago.

¿A dónde llegan las solicitudes? Por defecto, al correo electrónico que hayas especificado. Puedes configurar el envío a un CRM (amoCRM, Bitrix24, AirCRM) o a cualquier lugar a través de Zapier. Esto se configura en la cuenta personal de uCalc sin necesidad de editar el código del sitio.

La calculadora ralentiza la carga del sitio. La versión JavaScript se carga de forma asíncrona y casi no afecta la velocidad. El iframe puede ser un poco más lento. Para una página grande con varios widgets, utiliza la variante JS.

¿Cuánto cuesta? La versión básica con una calculadora es gratuita. Los planes de pago ofrecen funciones adicionales (varios proyectos, analíticas, integraciones, CSS personalizado). Los precios están en la página de tarifas.

Qué consultar a continuación

• Base de conocimientos de uCalc — artículos e instrucciones
• Cuenta personal de uCalc — creación y edición de calculadoras
• Plantillas de calculadoras — soluciones listas para usar por sector