Agregue widgets de calculadora a su sitio web Webflow usando el elemento Embed. Esta guía lo lleva a través de agregar HTML personalizado a sus páginas de Webflow.
Paso 1: Obtenga Su Código de Inserción
- Vaya a nuestro Generador de Widgets
- Elija su tipo de calculadora, personalice colores y estilo para que coincida con su sitio
- Copie el código de inserción generado de la pestaña "Insertar HTML"
Paso 2: Agregar a Su Sitio Webflow
-
Abra el Designer
Abra su proyecto en Webflow Designer.
-
Agregue un elemento Embed
En el panel izquierdo, haga clic en "+" y busque "Embed" en Components, o presione "A" y busque "HTML Embed".
-
Pegue su código de inserción
Haga doble clic en el elemento Embed para abrir el editor de código. Pegue su código de inserción y haga clic en "Guardar y Cerrar".
-
Estilizar y publicar
Ajuste el ancho y los márgenes con las herramientas de estilo de Webflow. Publique su sitio para ver el widget en vivo.
Consejos
- Configure un ancho fijo en el contenedor del elemento Embed para mejores resultados
- Los embeds no se renderizan en el Designer - use el modo Vista previa para ver el widget
- El widget ajusta automáticamente su altura según el contenido, así que no tiene que preocuparse por las barras de desplazamiento
Solución de Problemas
Este es un comportamiento normal. Webflow no renderiza embeds en el Designer por seguridad. Haga clic en Vista previa o publique su sitio para ver el widget.
Asegúrese de que el código de inserción se haya pegado correctamente e incluya las etiquetas iframe y script. Revise la consola de desarrollador de su navegador en busca de errores.