Personalizar el diseño de tu funnel: colores, fuentes y botones
Todas las opciones del modo Diseño: colores, fondo, tipografía, botones, tarjetas, animaciones y elementos flotantes, más la sugerencia de tema con IA.
Dónde se cambia el diseño
En el editor, cambia al modo Diseño. Ahí está Apariencia de página, con todas las opciones del tema. Lo que ajustas se ve al instante en la vista previa; cuando te guste, toca Guardar tema.
El tema aplica a toda la página del funnel, al checkout y a la página de confirmación del pedido, para que la compra se sienta como una sola experiencia.
Toda la personalización del diseño está incluida en todos los planes, también en Free.
Color y fondo
- Color del tema: 6 colores listos (Índigo, Rosa, Ámbar, Esmeralda, Violeta y Pizarra) o Personalizado con el color exacto de tu marca.
- Color secundario: se usa en enlaces e iconos; si no lo eliges, toma el color principal.
- Colores personalizados: color de las tarjetas y color del texto de la página.
- Fondo: Claro, Oscuro, degradado Personalizado (color inicial, final y dirección), Imagen (con control de oscuridad del overlay para que el texto se lea) o Patrón (puntos, cuadrícula, ondas o topografía).
Tipografía, botones y tarjetas
- Tipografía: Inter, Lora, Mono, Playfair, Space Grotesk, DM Sans, Outfit o Bitter. Con Fuente de títulos puedes usar otra para los títulos, y Tamaño de tipografía la hace compacta, normal o grande.
- Estilo de botones: Redondeado, Cuadrado o Píldora; Relleno sólido o degradado; Tamaño de botón Medio, Grande o Extra; Efecto al pasar ninguno, elevar o brillo.
- Estilo de tarjetas: Plano, Contorno o Elevado, con Radio de esquinas (de ninguno a grande) y Sombra suave, media o fuerte.
- Ancho de contenido (estrecho, normal o ancho) y Animación de bloques al aparecer.
Elementos flotantes: CTA, WhatsApp y barra de compra
- CTA flotante (en Diseño): un botón fijo abajo con el texto y la URL que elijas.
- Botón de WhatsApp (en Diseño): una burbuja flotante que abre un chat contigo. Escribe el número con código de país (por ejemplo +57 para Colombia) y, si quieres, un mensaje prellenado.
- Barra de compra flotante (en Ajustes → Producto): una barra fija abajo con tu producto y un botón de pedido. Solo aparece si el funnel tiene un producto vinculado y, cuando está activa, reemplaza al CTA flotante.
En contra entrega, el botón de WhatsApp ayuda a resolver dudas antes de pedir. Si además confirmas pedidos por ese canal, mira cómo confirmar pedidos contra entrega.
Colores de un solo bloque y sugerencia con IA
Para resaltar una sección concreta, selecciona el bloque en modo Contenido y abre la pestaña Estilo: ahí eliges un fondo y un color de texto solo para ese bloque. Restablecer lo devuelve al tema.
Si no sabes por dónde empezar, toca IA Sugerir en Diseño: la IA propone combinaciones de tema según tu página y las aplicas con Aplicar. Las sugerencias usan fondo claro, oscuro o patrón; las imágenes y los degradados los eliges tú.
Consejos para que el diseño venda
Para la estructura de la página (qué bloques poner y en qué orden), lee cómo hacer una landing page de producto que convierte.
- Revisa siempre la vista Móvil: es la que verá la mayoría de tus compradores.
- Usa un color de botón que contraste con el fondo; el botón de compra debe ser lo más visible de la página.
- No mezcles demasiadas fuentes: una para títulos y otra para el texto suele ser suficiente.
- Con fondo de imagen, sube la oscuridad del overlay si el texto se lee mal.
Preguntas frecuentes rápidas
¿Necesito un plan pago para cambiar colores o fuentes?
No. Colores, fondos (incluidos imagen y patrón), fuentes, botones y animaciones están disponibles en todos los planes.
¿El checkout usa los colores de mi funnel?
Sí. El checkout y la página de confirmación del pedido aplican el mismo tema que tu funnel.
¿Por qué no aparece mi CTA flotante?
Si tienes activa la barra de compra flotante y un producto vinculado, la barra ocupa ese lugar y el CTA flotante no se muestra. Desactiva la barra en Ajustes → Producto si prefieres el CTA.
Artículos relacionados
Editor de funnels: guía completa (34 bloques)
Cómo está organizado el editor, los 34 bloques y sus categorías, cómo se guardan los cambios (y cómo recuperarlos) y cómo editar pensando en el celular.
SEO de tu funnel: título, descripción e imagen al compartir
Qué muestra tu funnel por defecto en buscadores y al compartir el enlace, qué puedes personalizar en cada plan y cómo escribir un título y una descripción que den ganas de entrar.
Landing page de producto que convierte: anatomía y checklist
La anatomía de una página de producto que vende con tráfico de anuncios: qué va en cada sección, en qué orden, qué errores evitar y una checklist final para revisar tu página antes de lanzar.