Guía de Personalización
Aprende a editar, estilizar y ampliar tu sitio de Draftly sin tocar código.
Cómo Funciona la Personalización
Draftly te ofrece tres formas de personalizar tu sitio después de generarlo:
1. Edición Inline — Haz clic en cualquier texto, color o imagen directamente en el panel de vista previa. Aparece una capa con controles de contenido de texto, familia tipográfica, tamaño, peso y selector de color.
2. Chat-to-Modify — Escribe una instrucción en el chat (p. ej. "cambia el fondo del hero a azul marino", "añade una sección de precios"). Draftly solo parchea la sección relevante — cuesta 0,5 créditos.
3. Preajustes de Diseño — Haz clic en el panel Estilos. Elige entre 25 preajustes de industria, 12 paletas de colores, 5 estilos de navegación y 5 disposiciones de hero.
Editar Texto y Colores
Para editar cualquier elemento inline: 1. Asegúrate de estar en la pestaña Vista previa. 2. Haz clic en cualquier texto, encabezado o bloque de color. 3. Se abre la capa Edición Inline con: Texto, Color, Familia tipográfica (26 fuentes), Tamaño y Peso. 4. Haz clic en Guardar para aplicar o Cancelar para revertir.
También puedes usar IA Reescribir para mejorar el texto seleccionado, o Reemplazar imagen para cambiar una imagen.
Usar Preajustes de Diseño
Los Preajustes de Diseño te permiten cambiar el estilo visual completo con un clic. 1. Haz clic en Estilos en la barra de herramientas. 2. Tres pestañas: Vertical (25 preajustes), Colores (12 muestras + hex personalizado), Estilo (5 nav, 5 hero, 5 animaciones). 3. Haz clic para previsualizar y luego Aplicar.
Tu texto y secciones permanecen iguales; solo cambia el sistema visual.
Chat-to-Modify
Chat-to-modify es la forma más rápida de hacer cambios estructurales.
Escribe cualquier instrucción en el chat: - "Cambia el titular del hero por algo más llamativo" - "Añade una sección FAQ entre precios y contacto" - "Haz el esquema de color más oscuro"
Draftly parchea solo la sección relevante — cuesta 0,5 créditos.
Añadir Analítica y Seguimiento
Conecta Google Analytics, Google Tag Manager, Facebook Pixel o cualquier script de seguimiento — sin código.
<script> (solo HTTPS)Añadir un Formulario de Contacto
Todo sitio de Draftly puede incluir un formulario de contacto funcional.
Los envíos se almacenan en tu cuenta de Draftly y recibes una notificación por correo. Todos los datos permanecen en Draftly.