馃搵 C贸mo integrar en tu sitio web
馃幆 C贸digo b谩sico para iframe:
<iframe
src="https://frolicking-fox-f0ca05.netlify.app"
width="100%"
height="800"
frameborder="0"
title="Analizador de Cotizaciones">
</iframe>
馃搻 Tama帽os predefinidos:
馃挕 Recomendaciones:
- Altura m铆nima: 600px para funcionalidad completa
- Ancho: 100% para dise帽o responsivo
- Carga: Usa
loading="lazy" para mejor rendimiento
- Accesibilidad: Incluye siempre el atributo
title
馃帹 C贸digo responsivo avanzado:
<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
<iframe
src="https://frolicking-fox-f0ca05.netlify.app"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
frameborder="0"
title="Analizador de Cotizaciones"
loading="lazy">
</iframe>
</div>
鈿欙笍 Integraci贸n con JavaScript:
// Crear iframe din谩micamente
const iframe = document.createElement('iframe');
iframe.src = 'https://frolicking-fox-f0ca05.netlify.app';
iframe.width = '100%';
iframe.height = '800';
iframe.frameBorder = '0';
iframe.title = 'Analizador de Cotizaciones';
iframe.loading = 'lazy';
// Agregar al contenedor
document.getElementById('cotizaciones-container').appendChild(iframe);