Instructivo Insert Calculador de frigorías

Esta guía lo ayudará embeber el calculador de frigorías en su web site.

Términos Legales

Totaline sólo permiten que el calculador de frigorías pueda insertarse en las páginas web de sus propios distribuidores. Si Ud. no es un distribuidor de productos Totaline, la empresa deberá otorgarle un permiso por escrito para insertar el calculador en su sitio. La misma evaluará el requerimiento y le dará o no permiso para su utilización. Si utiliza el insert del calculador Totaline en su sitio web sin el consentimiento de nuestra empresa estará infringiendo el derecho de propiedad intelectual y Copyright establecido por la ley.

Cómo funciona el Insert

El insert del calculador de frigorías se realiza utilizando la etiqueta iframe en su web site. Esta etiqueta permite que dentro de su página, en una región iframe, se ejecute el calculador de frigorías desde nuestro sitio web, a la medida que su página lo requiera. La técnica para hacerlo es sencilla y se describe a continuación.

Aplicación del Insert

El calculador de frigorías esta diseñado en formato Responsive por lo quese adaptará al tamaño que Ud. especifique en su página. La correcta aplicación es insertar una etiqueta iframe dentro de una capa (div) que este formateada de acuerdo al contenedor que Ud. dispone en su sitio web.

Recomendaciones

Para no perder calidad en la visualización recomendamos que especifique una altura no inferior a 500px cuando desea una visualización horizontal cuyo ancho es mayor a 700px. Si desea una visualización vertical, se recomienda una altura no inferior a 750px y un ancho de 500px.

Ejemplos de Aplicaciones

Para facilitarle el proceso, le proveemos algunos códigos de ejemplo con sus muestras. Puede copiar y pegar los códigos que se encuentran dentro de las cajas blancas en su página web. Recuerde que lo único que necesita cambiar de ser necesario es el alto y el ancho de la etiqueta div.

Aplicación para Altura y Anchos Fijos

<div style="width:800px;height:500px">
          	<iframe src="https://www.totaline.com.ar/herramientas/calculador/app/calculadorApi.html" scrolling="no" frameBorder="0" width="100%" height="100%"></iframe>
</div>

Notar que el elemento iframe tiene un ancho (width) del 100% y un alto (height) de 100%. Quién decide el ancho y el alto como se verá en su página es la capa (div) en la cual la etiqueta iframe esta contenida. En este caso, la etiqueta div tiene un ancho de 800px y una altura de 500px El calculador se verá en su sitio web tomando el ancho y el alto de la etiqueta div (800px x 500px) como se ve en el ejemplo:

Aplicación para Ancho Variable

<div style="width:100%;height:500px">
              	<iframe src="https://www.surrey.com.ar/herramientas/calculador/app/calculadorApi.html" scrolling="no" frameBorder="0" width="100%" height="100%"></iframe>
</div>

En este caso, la etiqueta div tiene un ancho de 100% y una altura de 500px. Al establecer el ancho al 100% permite que el ancho se manejado por el contenedor de su sitio web, tomando todo el ancho posible. La ventaja del ancho variable es que puede adaptarse en forma responsive a su sitio web. Para probar la diferencia entre el ancho variable y el fijo achique horizontalmente esta misma ventana y vea lo que sucede. En este ejemplo se ve su utilización y como el ancho se acomoda al ancho de esta misma página.

Aplicación para formato vertical

<div style="width:500px;height:750px">
            	<iframe src="https://www.surrey.com.ar/herramientas/calculador/app/calculadorApi.html" scrolling="no" frameBorder="0" width="100%" height="100%"></iframe>
</div>

En este caso, la etiqueta div tiene un ancho de 500px y una altura de 750px (altura mínima recomendada para formatos verticales). El calculador acomodará los elementos internos de cada pantalla de selección de acuerdo al formato del contenedor.

Ejemplo externo

En este link se puede acceder a algunos ejemplos de inserts en una página de pruebas del web site del desarrollador 32bytes. Ver ejemplo externo >