Bloque HTML/CSS personalizado
Cuando los bloques pre-armados no alcanzan: escribe (o pega) tu propio HTML y CSS con scoping automático y saneado de seguridad.
En la categoría "Avanzado" del catálogo está el bloque "HTML/CSS personalizado": un editor con pestañas HTML y CSS, vista previa en vivo y validación de sintaxis (llaves sin cerrar, tags sin cierre). El CSS se scopea automáticamente al bloque — tus estilos no rompen el resto de la página ni al revés.
Reglas de seguridad
- JavaScript NO se ejecuta: las etiquetas <script> se eliminan, igual que <iframe>, <object>, <embed>, <form> e <input>.
- Los manejadores de eventos inline (onclick, onerror, etc.) y los enlaces javascript: se descartan.
- position: fixed / sticky se neutraliza (evita que un bloque tape toda la página).
- @import se elimina; las fuentes de @font-face solo se aceptan desde CDNs conocidas (Google Fonts, Typekit, jsDelivr).
Si pegas un <form>, el editor te avisa
Pegar una sección con su propio <form> es el error más caro de este bloque, porque falla en silencio: el saneado elimina <form>, <input>, <textarea> y <select> CON su contenido, así que la página publicada sale sin el formulario, nadie lo ve y en el CRM no aparece ningún contacto. Desde afuera se parece a "el CRM no está capturando".
¿Pudiste resolverlo con esta guía?
Artículos relacionados
Importar HTML/CSS hecho con otra IA
¿Generaste una página con ChatGPT, Claude o v0? Pégala en Daplox: separamos el CSS, quitamos lo peligroso y la convertimos en un bloque editable.
El constructor visual — añadir, diseñar y convertir
Biblioteca visual, diseños listos, embudo de captación, vista desktop/tablet/móvil y edición contextual sin perder controles avanzados.
Del formulario de tu página al pipeline
Cada envío de un formulario publicado crea el contacto Y un negocio en tu pipeline: calificado, asignado y con todo lo que la persona escribió.