Contenido

Cómo incrustar una calculadora en su sitio web: estudios de caso de calculadoras web n. ° 10

En este estudio de caso, puede encontrar toda la información útil sobre cómo integrar una calculadora web en su sitio 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 le permite aplicar estilos CSS desde su sitio web a su calculadora. La mayoría de los estilos se aplican automáticamente. Esta es una gran oportunidad para hacer que la calculadora parezca nativa para su web. Sin embargo, hay ciertas trampas. Algunos estilos en su sitio web pueden causar conflictos con Calculoid CSS y dañar el aspecto y / o la funcionalidad de su calculadora. Además, los sitios web basados ​​en Wordpress pueden requerir instalación Complemento Calculoide. El código HTML funciona bien para la mayoría de los usuarios de Calculoid. Si no usa WordPress, pruebe primero el código HTML.

Insertar código llamado 'iFrame'

Como se mencionó anteriormente, este código consta de JavaScript y HTML, así como el llamado 'HTML'. Sin embargo, tiene un marco alrededor del contenido incrustado. Hace que los estilos CSS de su sitio web no se apliquen a su calculadora. Todavía puede hacer que su calculadora parezca nativa de su sitio web utilizando la configuración de diseño de Calculoid y agregando su CSS personalizado al código de inserción. Nuestros desarrolladores pueden crear CSS personalizado para ti. El código iFrame también tiene pequeñas debilidades. A Google no le gusta el contenido incrustado con marcos. Incrustar con iFrame puede causar poca influencia en el SEO de la página web con la calculadora integrada. Sin embargo, esta influencia nunca es dramática. Pruebe el código de iFrame si tiene conflictos de estilo después de incrustar con HTML.

Plugin de WordPress

La mejor práctica para incorporar Calculoid en un sitio web basado en WordPress es utilizar nuestro complemento. Toda la información sobre el complemento se puede encontrar aquí. Lo más importante es poner la clave API correcta en la configuración del complemento. La clave se puede encontrar en la página 'Mi perfil' en la aplicación Calculoid.

Ejemplo de un shortcode: [calculoid id = "60204" show_title = "0" show_description = "0"]

Use esta calculadora para generar un código corto.

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

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

Nombre de la plataformaHTMLIFramePlugin de WordPress
Wix -
Joomla -
Ve papi -
WordPress ⚠️
Elementor -

⚠️ - 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.

Información adicional

Ahora comenzar gratuito

Crea tu propia calculadora web en cuestión de minutos.
Prueba todas las características en la prueba gratuita de 30-day.

Regístrese gratis

No necesita tarjeta de crédito ni instalación

Contáctanos

Teléfono

EE.UU.: + 1 415 800 3787
Reino Unido: + 44 207 097 3577
CZ: + 420 222 743 843
Horario de oficina: 9: 00 - 17: 00 UTC + 1

Información

info@calculoid.com

Soporte

support@calculoid.com

Easy Software Ltd.

Casa Kemp, 152-160
City Road, EC1V
2NX Londres, Reino Unido
ID de la empresa: 08960980
ID IVA: GB226711521

Centro de desarrollo facil

Jugoslávských partyzánů 34
160 00 Praga
República Checa