Cómo incrustar una calculadora en su sitio web: casos prácticos # 10 de calculadoras web

Echemos un vistazo más de cerca a las diferencias entre los códigos HTML y iFrame. Y compruebe cómo se puede incrustar Calculoid en los creadores de sitios web más populares.

HTML e iFrame

Una vez que configura su calculadora como 'terminada', hay dos códigos autogenerados: HTML e iFrame. Ambos códigos incluyen JavaScript y HTML y tienen diferentes especificaciones y parámetros. Las casillas de verificación bajo el código HTML le permiten configurar si desea mostrar el nombre y la descripción de la calculadora. Las casillas de verificación funcionan tanto para HTML como para iFrame

Insertar código llamado 'HTML'w

Este código de inserción te permite aplicar estilos CSS de tu sitio web a la calculadora. La mayoría de los estilos se aplican automáticamente. Esta es una excelente oportunidad para que la calculadora se vea integrada en tu sitio web. Sin embargo, existen algunos inconvenientes. Algunos estilos de tu sitio web pueden entrar en conflicto con el CSS de Calculoid y afectar la apariencia o la funcionalidad de la calculadora. Además, los sitios web basados ​​en WordPress pueden requerir la instalación del plugin de Calculoid . El código HTML funciona bien para la mayoría de los usuarios de Calculoid. Si no usas WordPress, prueba primero con el código HTML.

Insertar código llamado 'iFrame'

Como se mencionó anteriormente, este código consta de JavaScript y HTML, así como de HTML. Sin embargo, tiene un marco alrededor del contenido incrustado. Esto provoca que los estilos CSS de su sitio web no se apliquen a su calculadora. Aún puede hacer que su calculadora se vea nativa de su sitio web utilizando la configuración de diseño de Calculoid y agregando su CSS personalizado al código de incrustación. Nuestros desarrolladores pueden crear CSS personalizado para usted. El código iFrame también tiene algunas debilidades. A Google no le gusta el contenido incrustado con marcos. Incrustar con iFrame puede tener un pequeño impacto en el SEO de la página web que contiene la calculadora incrustada. Sin embargo, este impacto nunca es drástico. Pruebe el código iFrame si tiene conflictos de estilo después de incrustar con HTML.

Plugin de WordPress

La mejor manera de integrar Calculoid en un sitio web de WordPress es usar nuestro plugin. Puedes encontrar toda la información sobre el plugin aquí . Lo más importante es introducir la clave API correcta en la configuración del plugin. Esta clave se encuentra en la página "Mi perfil" de la aplicación Calculoid.

Ejemplo de un código corto: [calculoid id = "60204" show_title = "0" show_description = "0"]

Use esta calculadora para generar un código corto.

Además, Calculoid tiene plugins para Joomla y Drupal.

Pruebas de inserción de las plataformas de construcción web más utilizadas

⚠️ - Hay tantos temas para WordPress y tantos creadores como Elementor. Es casi imposible hacer que el código de inserción HTML funcione correctamente para cada web de WordPress. Sin embargo, el código funciona bien con los mejores constructores.