Páginas de destino
Las páginas de destino le permiten crear páginas con marca y orientadas a la conversión en minutos: clone su sitio web existente, elija un diseño o genere uno con IA. Las páginas se publican en una URL activa con un solo clic.
Ciclo de vida: Crear → Borradores → Publicar
Las páginas de destino se encuentran en Studio → Content → Landing Pages y siguen un ciclo de vida de tres etapas. Cada etapa tiene su propia pestaña para que siempre sepa en qué estado se encuentra una página.
| Etapa | Qué contiene | Qué hacer |
|---|---|---|
| Crear | Catálogo de diseños, entrada de instrucciones, clonar URL | Iniciar una nueva página desde un diseño, una instrucción o una URL |
| Borradores | Páginas en progreso, totalmente editables | Editar, iterar, ejecutar AI Review, finalizar |
| Publicar | Páginas finalizadas y activas | Publicar, despublicar, cambiar versiones, administrar URLs activas |
Una página pasa de Crear a Borradores cuando la inicia, y de Borradores a Publicar cuando hace clic en Publicar por primera vez.
Crear
Abra Studio → Content → Landing Pages → Create para iniciar una nueva página. Hay tres métodos de creación:
Elegir un diseño
- Explore el catálogo de diseños: las tarjetas muestran miniaturas de vista previa para cada arquetipo (Demo, Lead Magnet, Lanzamiento de producto, Evento, Prueba gratuita, etc.)
- Haga clic en una tarjeta de diseño: graph8 crea un borrador usando los tokens de diseño, colores y fuentes de su marca
- Su selección se guarda automáticamente para que el catálogo “recuerde” lo que eligió más recientemente entre sesiones
Tarda entre 30 y 60 segundos. Consume créditos.
Generar a partir de una instrucción
- En la pestaña Crear, escriba una instrucción personalizada (por ejemplo, “Página de solicitud de demo para compradores empresariales en fintech”)
- graph8 genera una página completa adaptada a su instrucción y a su marca
- La página aparece en Borradores lista para editarse
Tarda entre 30 y 60 segundos. Consume créditos.
Clonar cualquier URL
- Ingrese cualquier URL de página web (su página de inicio o la página de un competidor)
- graph8 captura el diseño, los estilos y la estructura
- La página clonada aparece en Borradores con su marca aplicada
Tarda entre 10 y 30 segundos. Funciona con la mayoría de los sitios web públicos. La limpieza de logotipos se ejecuta automáticamente: los logotipos generados por IA se eliminan y se reemplazan con los recursos de su marca.
El editor
El editor de páginas de destino tiene un diseño de tres columnas:
| Columna | Contenido |
|---|---|
| Izquierda | Biblioteca de páginas, navegador de secciones, explorador de imágenes |
| Centro | Lienzo activo de la página; haga clic en cualquier elemento para editarlo |
| Derecha | Panel de chat con IA y herramientas de edición |
Edición de texto
Haga clic en cualquier elemento de texto en el lienzo para editarlo en línea. Escriba directamente para reemplazar el contenido.
Edición con IA
Seleccionar para chatear: seleccione cualquier texto de la página y luego escriba instrucciones en el panel de chat. La IA reescribe el texto seleccionado manteniendo la voz de su marca.
Ediciones por sección: haga clic en el encabezado de una sección y luego describa los cambios en el chat. La IA puede reescribir secciones completas, cambiar diseños o ajustar los mensajes.
Gestión de imágenes
Haga clic en la pestaña Images en el panel izquierdo para abrir el explorador de imágenes:
- Explore las imágenes extraídas de su sitio web
- Suba nuevas imágenes
- Filtre por categoría (hero, producto, equipo, logotipo, ícono)
- Haga clic en cualquier imagen para colocarla en la página
Las imágenes se adaptan automáticamente a los tokens de diseño de su marca.
Gestión de secciones
Cada página está compuesta por secciones (hero, funcionalidades, testimonios, CTA, pie de página, etc.). Use el navegador de secciones en el panel izquierdo para:
- Reordenar secciones arrastrándolas
- Mostrar u ocultar secciones
- Agregar nuevas secciones desde plantillas
Tarjetas de funcionalidades interactivas
Cuando la IA genera una página con una sección de “Funcionalidades” o “Por qué nosotros”, el contenido repetido de las tarjetas se convierte automáticamente en un diseño de pestañas interactivas: una barra de pestañas con una pestaña por funcionalidad, con contenido que cambia al hacer clic. Esto resulta más compacto que las tarjetas estáticas apiladas y se ve mejor en dispositivos móviles.
Puede volver a las tarjetas estáticas en la configuración de la sección si prefiere el diseño de desplazamiento más largo.
AI Review
AI Review verifica un borrador en busca de problemas de conversión, accesibilidad y coherencia de marca, y luego ofrece una corrección con un solo clic para cada hallazgo.
Ejecutar una revisión
- Abra un borrador y haga clic en AI Review en la barra de herramientas
- El panel de revisión se abre a la derecha con los hallazgos agrupados por categoría (conversión, accesibilidad, marca, calidad del contenido)
- Cada hallazgo muestra la gravedad (crítico / advertencia / informativo), el problema detectado y una corrección sugerida
- Haga clic en Fix with AI en un hallazgo para aplicar el cambio sugerido automáticamente
- O haga clic en Fix with AI a nivel del panel para aplicar todas las sugerencias en un solo paso
AI Review también está disponible en las plantillas guardadas desde la vista Templates (en Brand Kit), para que pueda auditar diseños reutilizables antes de que los representantes los incluyan en campañas.
Qué se revisa
| Categoría | Ejemplos |
|---|---|
| Conversión | Ubicación del CTA, extensión del formulario, claridad de la propuesta de valor |
| Accesibilidad | Contraste de color, presencia de texto alternativo, orden de encabezados |
| Marca | Coherencia de voz, colores fuera de marca, logotipo faltante |
| Calidad del contenido | Texto de marcador de posición sin reemplazar, enlaces rotos, texto ambiguo |
El proceso de revisión incluye controles de seguridad de URL: las URL javascript: y el HTML inyectado en campos de texto se bloquean en la capa de esquema, por lo que las correcciones de IA no pueden introducir contenido inseguro.
Guardado y versiones
Las páginas se guardan automáticamente en cada edición. Para ver el historial completo de versiones:
- Haga clic en el ícono History en la barra de herramientas
- Consulte la línea de tiempo con todos los cambios
- Haga clic en cualquier versión para previsualizarla
- Haga clic en Restore para revertir a esa versión
El historial de chat se conserva junto con las versiones, de modo que puede ver qué ediciones realizó la IA y por qué.
Publicación
Publique su página en una URL activa:
- Haga clic en Publish en la barra de herramientas superior
- graph8 despliega la página en Cloudflare Pages
- Su URL activa aparece:
https://g8-lp-{org-id}.pages.dev/{page-slug} - Comparta la URL o incrústela en campañas
Actualizar una página publicada: realice las ediciones en el editor y luego haga clic en Publish nuevamente. Los cambios se publican de inmediato.
Despublicar: haga clic en el menú de publicación y seleccione Unpublish para dejar la página fuera de línea.
Vinculación con campañas
Conecte páginas de destino a campañas para seguimiento y atribución:
- Abra una campaña en Studio → Campaigns
- En el panel de la campaña, haga clic en Add Landing Page
- Seleccione una página existente o cree una nueva
- La página queda vinculada: las visitas se atribuyen a esa campaña
También puede vincular páginas durante la creación seleccionando una campaña desde el editor de páginas de destino.
Borradores
La pestaña Drafts es su biblioteca de páginas en progreso. Las páginas permanecen aquí hasta que las publique.
- Busque y filtre borradores por nombre o diseño
- Duplique un borrador para probar variaciones A/B
- Elimine los borradores que ya no necesite
- Convierta un borrador finalizado en una plantilla reutilizable en el Brand Kit (consulte Brand Kit)
Publicar
La pestaña Publish gestiona sus páginas activas.
- Vea todas las páginas publicadas actualmente con sus URLs activas
- Despublique para dejar una página fuera de línea (la URL deja de resolverse, pero el borrador se conserva)
- Cambie versiones: active un borrador diferente sin modificar la URL
- Busque por URL publicada, slug o asociación de campaña
Funcionalidades avanzadas
Exportar HTML
Descargue la página como un archivo HTML independiente para alojarla en su propia infraestructura.
Editar HTML directamente
Cambie a la vista de código para realizar ediciones directas de HTML/CSS con control detallado.
Buenas prácticas
- Comience clonando su página de inicio: garantiza una coherencia de marca perfecta
- Mantenga los formularios visibles sin desplazamiento: los visitantes deben ver el CTA sin necesidad de hacer scroll
- Use un solo CTA claro por página: evite acciones que compitan entre sí
- Pruebe antes de compartir: previsualice la URL publicada en dispositivos móviles y de escritorio
- Vincule a campañas: conecte siempre las páginas a campañas para el seguimiento de atribución
Solución de problemas
| Problema | Solución |
|---|---|
| El clon captura estilos incorrectos | Intente clonar nuevamente; la captura depende del tiempo de carga de la página |
| La URL publicada no carga | Verifique que su organización tenga las credenciales de Cloudflare configuradas (contacte al administrador) |
| Las imágenes no se muestran | Verifique que las imágenes estén subidas al explorador de imágenes y no solo vinculadas externamente |
| Las ediciones de IA no coinciden con la marca | Asegúrese de que los documentos de Global Context estén generados (vaya a Studio → Global) |
Relacionado
- Campañas →: cree campañas y vincule páginas de destino
- Global Context →: genere la inteligencia de marca que potencia la edición con IA
- Contenido →: gestione todo el contenido, incluidas las páginas de destino