Por línea de seguro

Ayuda · Wix

Agregue su calculadora a Wix

Wix ejecuta el código insertado dentro de su propio marco. Eso funciona bien para una calculadora en línea una vez que el recuadro tiene el tamaño correcto, pero cambia el comportamiento de las ventanas emergentes y las burbujas flotantes; por eso el modo que elija importa más en Wix que en otros creadores.

Para insertar una calculadora en Wix, abra el Editor de Wix, haga clic en Agregar, elija Insertar código y luego Insertar HTML (el elemento iframe HTML), seleccione Código, pegue el código de la pestaña de inserción de su cuenta y haga clic en Actualizar. Después arrastre los controladores del elemento para que tenga la altura suficiente para la calculadora completa en escritorio y en celular.

Cómo funciona, paso a paso

Cómo funciona, paso a paso

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

    Elija el modo En línea, o el modo iframe que se ajusta solo, y copie el código.

  2. Agregue un elemento Insertar HTML

    En el Editor de Wix, haga clic en Agregar elementos (+), elija Insertar código y luego Insertar HTML. Aparece un recuadro de iframe HTML en la página.

  3. Pegue el código

    Haga clic en Ingresar código, asegúrese de que esté seleccionado Código (no Dirección del sitio web), pegue el código de inserción y haga clic en Actualizar.

  4. Ajuste el tamaño del recuadro

    Arrastre el elemento hasta el ancho completo de su área de contenido y hágalo lo bastante alto para que la calculadora y sus resultados se vean sin una barra de desplazamiento interna.

  5. Revise el diseño para celulares

    Cambie al editor para móviles y ajuste también ahí el tamaño del elemento; Wix guarda tamaños separados para celulares.

  6. Publique y pruebe un prospecto

    Publique el sitio, abra la página real en una ventana privada, complete la calculadora y confirme que el prospecto de prueba llegue a sus contactos y a su 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

  • Dejar el recuadro HTML con su tamaño predeterminado: la calculadora queda cortada o se desplaza dentro del recuadro. Dele un tamaño generoso, sobre todo en celulares.
  • Esperar que una ventana emergente o una burbuja flotante cubra toda la página: dentro del marco de Wix solo puede aparecer dentro del recuadro. Use el modo en línea, o vincule un botón de Wix al enlace directo de la calculadora.
  • Elegir Dirección del sitio web en lugar de Código en los ajustes del elemento: pegue el código con Código seleccionado.
  • Olvidarse del editor para móviles: un recuadro ajustado en escritorio puede quedar demasiado corto en un teléfono.
  • Juzgar por la vista previa del editor: el código solo se ejecuta de forma confiable en el sitio publicado o en su vista previa.
  • Agregar el código mediante los ajustes de código personalizado de todo el sitio y esperar que aparezca en un lugar específico: use el elemento Insertar HTML para colocarlo dentro de la página.

¿Por qué Wix se comporta distinto que otros creadores?

Wix coloca cualquier HTML insertado dentro de su propio iframe, separado del resto de su página. La calculadora funciona normalmente dentro de ese recuadro, pero todo lo que intenta flotar sobre la página, como una ventana emergente o una burbuja en la esquina, queda limitado a los bordes del recuadro. La colocación en línea evita por completo el problema.

Como en Wix el recuadro tiene una altura fija, es posible que el modo iframe que se ajusta solo no pueda crecer más allá de ella. Ajuste el elemento al estado más largo de la calculadora: todos los campos llenos y los resultados a la vista.

¿Cómo abro la calculadora desde un botón de Wix?

Copie el enlace directo de la calculadora en la pestaña de inserción, agregue un botón normal de Wix con su propio texto y configure su enlace a esa dirección web, para que se abra en la misma pestaña o en una nueva. Así tiene un punto de acceso en todo el sitio sin pelear con el marco, y funciona en cualquier página o en el encabezado.

Mantenga el texto del botón acorde con lo que es la herramienta: 'Estime su necesidad de cobertura' en lugar de 'Obtenga una cotización', ya que el resultado es una estimación. Nuestras notas de cumplimiento explican por qué.

¿Qué páginas de Wix son mejores para una calculadora?

Use las páginas de producto de cada ramo que trabaja y una página dedicada de 'Herramientas de planificación'. Un visitante en su página de seguro de vida ya está pensando en cobertura, así que una calculadora de vida ahí le da un siguiente paso útil. Una página de planificación con un widget de varias calculadoras conviene a los visitantes que todavía no eligieron un ramo.

Relacione calculadoras con páginas usando la lista de calculadoras por ramo.

Preguntas frecuentes

Preguntas que hacen las agencias

Primero la respuesta, luego los detalles.

¿Necesito un plan premium de Wix para insertar la calculadora?

El elemento Insertar HTML forma parte del Editor de Wix; revise las condiciones vigentes de los planes de Wix para su sitio, ya que los requisitos pueden cambiar. Las funciones de código personalizado para todo el sitio suelen requerir un plan premium con un dominio conectado, pero no las necesita para una calculadora dentro de una página.

¿Por qué hay una barra de desplazamiento dentro de mi calculadora en Wix?

El elemento HTML es más corto que la calculadora. Arrastre su controlador inferior hacia abajo hasta que quepa toda la calculadora, incluidos los resultados y el formulario. Repita en el editor para móviles, donde la calculadora se apila en una columna más larga.

¿Puedo usar la burbuja flotante en Wix?

No como una burbuja real en todo el sitio. Wix mantiene el código insertado en un marco, así que la burbuja solo aparecería dentro de ese recuadro. En su lugar, agregue un botón o un elemento de menú de Wix que enlace al enlace directo de la calculadora.

¿Las fuentes de mi sitio de Wix se aplicarán a la calculadora?

No. La calculadora tiene sus propias fuentes, tema y paleta, que se configuran en su cuenta. Elija ajustes que coincidan con su diseño de Wix para que ambos se vean bien juntos.

¿El prospecto sigue registrando la página de Wix de la que vino?

Sí, cada prospecto guarda la URL de la página y la atribución de campaña. Como Wix ejecuta el código dentro de un marco, haga una prueba y verifique que los campos de página y UTM se llenen como espera en sus contactos y en los datos del webhook.

¿Puedo agregar más de una calculadora a una página de Wix?

Puede agregar varios elementos Insertar HTML, pero un solo widget con varias calculadoras es más ordenado: pestañas o tarjetas en un recuadro, insertado una sola vez. Además, solo tiene que ajustar el tamaño para celulares de un elemento en lugar de varios.

La calculadora se carga en la vista previa pero no en mi sitio publicado. ¿Por qué?

Normalmente es porque el sitio no se volvió a publicar después de agregar o cambiar el elemento. Publique de nuevo y vuelva a cargar la página real en una ventana privada. Si sigue fallando, copie código nuevo de la pestaña de inserción y péguelo otra vez con Código seleccionado.

InsuranceQuoteWidget

Ponga su calculadora en su sitio de Wix

Agregue un elemento Insertar HTML, pegue su código, ajústelo para celulares y publique. Envíe un prospecto de prueba para asegurarse de que llegue a HighLevel.

Empiece gratisCompare los planes

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