Por línea de seguro

Ayuda · Squarespace

Agregue su calculadora a Squarespace

Squarespace acepta HTML personalizado a través de su bloque de código. Dos cosas sorprenden a las agencias: el plan debe permitir JavaScript en los bloques de código, y el editor no ejecuta scripts a propósito, así que la calculadora parece faltar hasta que ve la página publicada.

Para insertar una calculadora en Squarespace, edite la página, agregue un bloque de código donde deba ir la calculadora, pegue el código de la pestaña de inserción de su cuenta, deje el modo en HTML y guarde. Luego vea la página publicada. Su plan de Squarespace debe permitir JavaScript en los bloques de código; revise las funciones de su plan antes de empezar.

Cómo funciona, paso a paso

Cómo funciona, paso a paso

  1. Verifique que su plan permita código personalizado

    Squarespace solo ejecuta JavaScript en los bloques de código en los planes que incluyen código personalizado. Revise la lista de funciones de su plan actual antes de empezar.

  2. Copie el código de su pestaña de inserción

    En su cuenta, abra la calculadora o el widget, elija En línea y copie el código.

  3. Agregue un bloque de código

    Edite la página, haga clic en un punto de inserción (o en Agregar bloque) donde deba ir la calculadora y elija Código en el menú de bloques.

  4. Pegue y guarde

    Pegue el código de inserción en el bloque, deje el lenguaje en HTML y asegúrese de que 'Mostrar fuente' esté desactivado. Haga clic fuera del bloque y guarde la página.

  5. Vea la página publicada

    Salga del editor y abra la página en su URL pública en una ventana privada. La calculadora se carga ahí aunque el editor mostrara un marcador de posición.

  6. Pruebe un prospecto de principio a fin

    Envíe el formulario de la calculadora y confirme que el prospecto llegó a su lista de contactos, a su alerta por correo y a su destino de webhook.

Dónde va su código de inserción

<!-- Pegue aquí el código de inserción de la pestaña de inserción de su cuenta -->

Errores comunes

  • Un plan que no permite JavaScript en los bloques de código: el bloque se guarda, pero el script nunca se ejecuta. Revise primero las funciones del plan.
  • Juzgar por el editor: Squarespace desactiva los scripts mientras edita, así que el bloque se ve vacío o muestra un aviso. Revise la página publicada.
  • 'Mostrar fuente' activado: el código aparece como texto en la página en lugar de ejecutarse.
  • Usar un bloque de Texto o Markdown: use el bloque de Código.
  • Una columna estrecha en una sección de varias columnas: dele a la calculadora una fila de ancho completo para que no quede apretada en escritorio.
  • Páginas protegidas con contraseña o sin publicar: pruebe en una página a la que los visitantes realmente puedan llegar.

¿Por qué no veo la calculadora mientras edito?

Squarespace impide que los scripts personalizados se ejecuten dentro del editor para que un script defectuoso no descomponga la pantalla de edición. Por eso el bloque de código muestra un marcador de posición o nada. Es lo esperado. Guarde, salga del editor y cargue la página pública: ahí es donde se muestra la calculadora y donde debe probarla.

Si la página pública también está en blanco, la causa más probable es un plan que no ejecuta JavaScript en los bloques de código. Como alternativa, un enlace directo a la calculadora funciona en cualquier plan.

¿Puedo abrir la calculadora desde un botón de Squarespace?

Sí. Copie el enlace directo de la calculadora en la pestaña de inserción y úselo como destino de un botón normal de Squarespace o de un enlace de navegación. Funciona en todos los planes porque es solo un enlace, y es útil en un encabezado, una barra de anuncios o una campaña de correo donde no cabría una calculadora completa en línea.

Redacte el botón según lo que obtiene el visitante, una estimación de su necesidad de cobertura, y no como una cotización.

¿Dónde debe ir la calculadora en una página de Squarespace?

Colóquela en la parte alta de la página de producto de su ramo, justo después de una breve introducción a esa cobertura. Los visitantes de una página de seguro de vida o de ingresos para la jubilación ya están investigando, así que la calculadora debe verse sin tener que pasar por textos largos. Use una sección de ancho completo para que los campos y los resultados tengan espacio.

Una página de 'Herramientas de planificación' con un widget de varias calculadoras conviene a los visitantes que llegan desde su página de inicio sin un ramo en mente. Consulte widgets con varias calculadoras.

Preguntas frecuentes

Preguntas que hacen las agencias

Primero la respuesta, luego los detalles.

¿Qué plan de Squarespace necesito?

Uno que permita JavaScript en los bloques de código. Squarespace define estas reglas por plan y las cambia de vez en cuando, así que revise la lista de funciones de su plan actual. Si el suyo no lo permite, use en su lugar el enlace directo de la calculadora.

El bloque de código muestra un aviso de 'script desactivado'. ¿Hay algún problema?

No. Squarespace desactiva los scripts mientras está en el editor. Guarde, salga y vea la página publicada. Si la calculadora tampoco se carga ahí, revise si su plan admite código personalizado.

¿Puedo agregar la burbuja flotante en todas las páginas de Squarespace?

Squarespace ofrece inyección de código en todo el sitio en los planes que la admiten, y el código de la burbuja puede ir ahí para que se cargue en todas las páginas. Agréguelo en un solo lugar, o los visitantes podrían ver dos lanzadores.

¿Mi plantilla de Squarespace cambiará el estilo de la calculadora?

No. La inserción en línea se muestra en un contenedor aislado, así que los estilos de la plantilla no la alcanzan. Adáptela a su sitio con el tema, la paleta, las fuentes y el modo claro u oscuro de la propia calculadora.

¿La calculadora funciona en el diseño para celulares de Squarespace?

Sí, se adapta al ancho que se le da. Revise la página publicada en un teléfono y asegúrese de que la sección donde está no tenga columnas o márgenes que la dejen apretada.

¿Puedo saber qué campaña de Squarespace envió un prospecto?

Sí. Cada prospecto guarda la URL de la página y la atribución: etiquetas UTM, ID de clic de Google, Meta y Microsoft, sitio de referencia y fuente del primer contacto. Etiquete los enlaces de sus anuncios y correos, y los valores llegarán a sus contactos y a los datos del webhook.

InsuranceQuoteWidget

Ponga su calculadora en su sitio de Squarespace

Confirme que su plan ejecuta código personalizado, agregue un bloque de código, pegue su inserción y pruébela en la página publicada.

Empiece gratisCompare los planes

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