Por línea de seguro

Ayuda · WordPress

Agregue su calculadora a WordPress

El editor de bloques de WordPress tiene un bloque HTML personalizado que acepta el código de inserción tal como está. No necesita ningún plugin. Lo que más suele fallar son los ajustes de optimización que retrasan los scripts y los planes alojados que los eliminan.

Para insertar una calculadora en WordPress, edite la página en el editor de bloques, agregue un bloque HTML personalizado donde deba aparecer la calculadora, pegue el código de la pestaña de inserción de su cuenta y luego obtenga la vista previa y actualice la página. La inserción en línea se muestra en un contenedor aislado, así que los estilos de su tema de WordPress no la deformarán.

Cómo funciona, paso a paso

Cómo funciona, paso a paso

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

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

  2. Abra la página en el editor de bloques

    En WordPress, vaya a Páginas, abra la página que quiera (por ejemplo, su página de seguro de vida) y haga clic donde deba ir la calculadora.

  3. Agregue un bloque HTML personalizado

    Haga clic en el insertador (+), busque 'HTML personalizado' y agregue el bloque. Evite los bloques Párrafo o Código: muestran el código como texto en lugar de ejecutarlo.

  4. Pegue el código de inserción

    Pegue el código en el bloque exactamente como lo copió. Use el botón de vista previa del bloque para revisarlo, pero tenga en cuenta que algunas configuraciones solo muestran la calculadora en la página real.

  5. Actualice y vea la página publicada

    Haga clic en Actualizar (o Publicar) y abra la página en una ventana privada del navegador. La calculadora debe cargarse dentro del ancho de contenido de su tema.

  6. Envíe un prospecto de prueba

    Complete la calculadora, envíe el formulario y confirme que el prospecto aparezca en sus contactos y en 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

  • Pegar en un bloque Párrafo o Código: el código se muestra como texto. Debe ser un bloque HTML personalizado.
  • Ajustes de 'retrasar scripts' o 'combinar JavaScript' en un plugin de caché u optimización: excluya el script de inserción, o la calculadora podría cargarse solo después de desplazarse o no cargarse en absoluto.
  • Planes de WordPress alojados que no permiten scripts en el contenido: el bloque se guarda, pero el script se elimina. Use el modo iframe o un enlace directo, o un plan que permita código personalizado.
  • La pestaña Visual del editor clásico reescribe el código: cambie a la pestaña Texto antes de pegar.
  • Colocar la calculadora en un widget estrecho de la barra lateral: en celulares, dele toda la columna de contenido.
  • Probar solo con la sesión iniciada: revise la página también sin iniciar sesión, porque algunas cachés sirven otra versión a los visitantes.

¿Qué páginas de WordPress deben llevar una calculadora?

Ponga cada calculadora en la página de producto de su ramo: la calculadora de seguro de vida en su página de vida, la comparación de HSA (cuentas de ahorros para la salud) en su página de beneficios y las calculadoras de anualidades en su página de ingresos para la jubilación. Estas páginas ya atraen a personas que investigan ese producto, y una calculadora les da un motivo para compartir sus cifras en lugar de irse.

Si publica artículos de blog sobre preguntas de cobertura, un botón emergente dentro del artículo correspondiente es una opción más ligera que una calculadora completa en línea. Explore las calculadoras por ramo para elegir una para cada página.

¿Y si mi tema usa un constructor de páginas en lugar de bloques?

La mayoría de los constructores de páginas de WordPress incluyen un elemento HTML o de código personalizado que funciona como el bloque HTML personalizado. Arrastre ese elemento a su diseño, pegue el mismo código de inserción y publique. Si la vista previa del constructor sigue en blanco, revise la página publicada: los constructores suelen omitir los scripts externos mientras usted edita.

No ponga el código en un elemento de texto o de encabezado; esos elementos codifican los caracteres y el script nunca se ejecuta.

¿Cómo muestro una burbuja flotante en todas las páginas de WordPress?

Copie el código de la burbuja flotante de la pestaña de inserción y agréguelo a una zona que se cargue en todas las páginas, como un área de widgets del pie de página que acepte HTML personalizado, o el pie de página de su tema mediante un ajuste para insertar código. Colóquelo en un solo lugar para que la burbuja no aparezca dos veces en la misma página.

Una burbuja que contiene un widget con varias calculadoras permite a los visitantes elegir su ramo desde cualquier página. Consulte widgets con varias calculadoras.

Preguntas frecuentes

Preguntas que hacen las agencias

Primero la respuesta, luego los detalles.

¿Necesito un plugin de WordPress para insertar la calculadora?

No. El bloque HTML personalizado del editor de bloques es todo lo que necesita. Instalar un plugin solo para contener un script agrega mantenimiento sin ningún beneficio. Si su tema usa un constructor de páginas, su propio elemento HTML funciona igual.

¿Por qué la vista previa del bloque HTML personalizado se ve vacía?

El editor no siempre ejecuta scripts externos. Actualice la página y vea la versión publicada en una ventana privada. Si también está en blanco ahí, revise si algún ajuste de optimización retrasa o combina los scripts, y excluya de él el script de inserción.

¿El CSS de mi tema de WordPress cambiará la apariencia de la calculadora?

No. La inserción en línea se muestra en un contenedor aislado, así que los estilos del tema no entran y los de la calculadora no salen. Adapte la calculadora a su marca con sus propios ajustes de tema, paleta y fuentes en su cuenta.

Mi plan de WordPress alojado elimina el script al guardar. ¿Qué puedo hacer?

Algunos planes alojados no permiten scripts en el contenido de las páginas. Use el modo en línea dentro de un marco o el iframe clásico si se permiten marcos, o vincule un botón al enlace directo de la calculadora. Pasar a un plan que permita código personalizado también lo resuelve.

¿Puedo usar la misma calculadora en varias páginas de WordPress?

Sí. Pegue el mismo código en cada página. Cada prospecto registra la URL de la página de la que vino, así puede ver qué ubicación funciona. Si dos páginas deben enviar a distintos flujos de trabajo de HighLevel, use calculadoras separadas con sus propios webhooks.

¿La calculadora funciona con la caché de WordPress?

Sí: la caché de páginas no causa problemas porque la calculadora se carga en el navegador. Los problemas vienen de los ajustes que retrasan, difieren o combinan JavaScript. Si la calculadora aparece tarde o no aparece, excluya el script de inserción de esas optimizaciones y vacíe la caché.

¿Puedo insertar una calculadora en español en mis páginas en español?

Sí. La calculadora funciona en 2 idiomas, y los visitantes pueden cambiar de idioma. En una página en español, defina el idioma de la inserción en español para que se abra así, y asegúrese de que su texto de consentimiento también esté traducido.

InsuranceQuoteWidget

Su página de WordPress está a un bloque de distancia

Copie el código de su pestaña de inserción, agregue un bloque HTML personalizado y envíese un prospecto de prueba. Si algo bloquea el script, cuéntenos su configuración y le sugeriremos un modo que funcione.

Empiece gratisCompare los planes

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