Por línea de seguro

Galería de inserciones

Véala en la página antes de insertarla

Cada calculadora puede usar cualquiera de los 12 temas y 20 paletas de colores, en modo claro, oscuro o automático. El tema define la estructura y los efectos; la paleta, los colores. Abajo están los temas y algunas combinaciones en vivo.

La apariencia de una calculadora insertada sale de tres decisiones: un tema para el diseño y los efectos, una paleta de colores y el modo claro, oscuro o automático. Hay 12 temas —tres en todos los planes y más en Agency y Enterprise—, además de fuentes propias y CSS personalizado, para que la calculadora combine con el sitio de la agencia en lugar de verse añadida a la fuerza.

Galería de temas

  1. Ledger

    El predeterminado: líneas guía y filas ordenadas, como un formulario bien llevado, con espacio para que las cifras destaquen. Una opción segura y profesional para la mayoría de los sitios de agencias.

    Todos los planes
  2. Minimal

    Reducido a campos, resultados y mucho espacio en blanco. Conviene a sitios con un diseño sobrio y centrado en el texto.

    Todos los planes
  3. Compact

    Un diseño más ajustado que cabe en menos altura. Útil en barras laterales, columnas estrechas y ventanas emergentes.

    Todos los planes
  4. Glass

    Paneles translúcidos y esmerilados sobre el fondo. Funciona mejor sobre una foto o una sección colorida.

    Agency
  5. Neumorphic

    Superficies suaves en relieve con sombras delicadas, para que los controles parezcan presionados en la página. Un aspecto táctil y moderno.

    Agency
  6. Aurora

    Degradados de color suaves y fluidos detrás de la calculadora. Aporta calidez a páginas de campaña y de destino.

    Agency
  7. Editorial

    Centrado en la tipografía, al estilo de una página de revista, con títulos seguros y espaciado generoso. Combina bien con guías de cobertura extensas.

    Agency
  8. Image hero

    Empieza con una imagen grande sobre la calculadora, para que la herramienta se sienta como el inicio de una historia y no como un formulario.

    Agency
  9. Split spotlight

    Divide el espacio en dos áreas: los datos de un lado y el resultado destacado del otro.

    Agency
  10. Depth 3D

    Capas y perspectiva que dan a la calculadora una sensación de profundidad física. Pensado para causar impresión en una sección principal.

    Enterprise
  11. Particles

    Un campo de partículas en movimiento detrás de la calculadora, con una sensación viva y tecnológica. Es mejor reservarlo para páginas de destino.

    Enterprise
  12. Dashboard

    Presenta los resultados como un panel de analítica, con las cifras en mosaicos que se leen de un vistazo. Conviene a calculadoras con muchas cifras, como las comparaciones de anualidades y de HSA.

    Enterprise

Ejemplos en vivo

Necesidad de seguro de vidaTema: ledger · Claro
Calculadora de seguro de vida con el tema predeterminado Ledger, en modo claro: el aspecto con el que empiezan la mayoría de las agencias en una página de producto de vida.
HSA vs. plan tradicionalTema: dashboard · Oscuro
Comparación de HSA vs. plan tradicional con el tema Dashboard, en modo oscuro: los costos anuales de dos planes se leen como cifras lado a lado.
Costo del cuidado a largo plazoTema: editorial · Claro
Calculadora de cuidado a largo plazo con el tema Editorial, en modo claro: un entorno sereno y legible para un público enfocado en la planificación.
Ingreso de una anualidad inmediataTema: split-spotlight · Oscuro
Calculadora de anualidad inmediata con el tema Split spotlight, en modo oscuro: la suma global de un lado y el ingreso mensual estimado del otro.

¿Cómo elijo un tema para el sitio de mi agencia?

Elija el tema que se parezca al resto de su sitio. Un sitio limpio y centrado en el texto va bien con Ledger, Minimal o Editorial; uno visual, con muchas imágenes, con Image hero o Split spotlight; un sitio moderno con estilo de producto puede llevar Glass, Aurora o Depth 3D. Si tiene dudas, empiece con Ledger y cámbielo después: su código de inserción sigue siendo el mismo.

Luego elija una paleta que use el color de su marca en los botones y verifique que el texto sobre ese color se lea con facilidad. El modo de la calculadora puede seguir la configuración del dispositivo del visitante con la opción automática, para que se vea bien tanto si navega en modo claro como en oscuro.

¿Los temas con muchos efectos sirven para cualquier página?

No. Los temas con movimiento y profundidad llaman la atención, lo que ayuda en una página de destino de campaña pero puede distraer en una página de producto larga y explicativa. Para públicos mayores, como visitantes en edad de Medicare o interesados en ingresos para la jubilación, suele ser mejor un tema más sereno con cifras grandes y claras. Elija el tema según el visitante, no solo según la marca.

Elija lo que elija, revise la calculadora en un teléfono y con la opción de movimiento reducido de su sistema operativo activada, y lea nuestras notas sobre la accesibilidad de las inserciones antes de publicar.

¿Qué temas vienen con cada plan?

Ledger, Minimal y Compact están disponibles en todos los planes. Glass, Neumorphic, Aurora, Editorial, Image hero y Split spotlight están en Agency y superiores. Depth 3D, Particles y Dashboard están en Enterprise. Las calculadoras de seguros en sí están en todos los planes, así que elija el plan según los temas y los límites que necesite.

Compare todo lo que incluye cada plan en la página de precios.

Preguntas frecuentes

Preguntas que hacen las agencias

Primero la respuesta, luego los detalles.

¿Puedo cambiar el tema después de insertar la calculadora?

Sí. Cámbielo en su cuenta y la calculadora insertada se actualiza en su siguiente carga. El código de inserción de su sitio sigue siendo el mismo, así que puede probar varios temas en la página publicada sin editarla.

¿Cuál es la diferencia entre un tema y una paleta?

El tema define la estructura y los efectos: diseño, superficies, profundidad y movimiento. La paleta define los colores. Los elige por separado, así que 12 temas y 20 paletas le dan una amplia variedad de combinaciones antes de usar CSS personalizado.

¿Puedo usar exactamente los colores de la marca de mi agencia?

Empiece con la paleta más parecida a su marca y luego afínela con CSS personalizado si hace falta. Verifique que el texto de los botones y las cifras se sigan leyendo bien sobre sus colores, tanto en modo claro como oscuro.

¿Cómo funciona el modo automático?

El modo automático sigue la configuración del dispositivo del visitante: claro con un tema de sistema claro y oscuro con uno oscuro. Úselo cuando su propio sitio admita ambos, o elija claro u oscuro de forma explícita para combinar con un sitio que solo tiene uno.

¿Puedo usar mis propias fuentes?

Sí, se admiten fuentes propias, así que la calculadora puede usar las mismas tipografías que su sitio. Mantenga el texto a un tamaño cómodo, sobre todo para públicos que leen cifras en el teléfono.

¿Los temas cambian lo que la calculadora pregunta o calcula?

No. Todos los temas muestran los mismos campos, resultados, definiciones y descargo. Solo cambia la presentación, así que sus prospectos traen los mismos datos sea cual sea el tema que vio el visitante.

¿Qué tema funciona mejor en una ventana emergente o en una burbuja flotante?

Compact y Minimal encajan bien en espacios reducidos porque mantienen el diseño corto. Los temas con muchas imágenes o efectos necesitan más espacio para lucir y normalmente van en línea en una página completa.

¿Los ejemplos de esta página son calculadoras reales?

Sí. Son calculadoras de seguros ya lanzadas, mostradas con el tema y el modo indicados. Aquí no captan prospectos, porque este sitio no es una agencia; en su sitio, la misma calculadora incluiría su formulario de prospectos.

InsuranceQuoteWidget

Pruebe su marca en una calculadora en vivo

Empiece gratis, elija una calculadora y cambie de tema hasta que parezca parte de su sitio. Las calculadoras de seguros están incluidas en todos los planes.

Empiece gratisCompare los planes

Plan Producer gratis · 14 días de prueba en planes de pago · cancele cuando quiera