Saltearse al contenido

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.

EtapaQué contieneQué hacer
CrearCatálogo de diseños, entrada de instrucciones, clonar URLIniciar una nueva página desde un diseño, una instrucción o una URL
BorradoresPáginas en progreso, totalmente editablesEditar, iterar, ejecutar AI Review, finalizar
PublicarPáginas finalizadas y activasPublicar, 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

  1. 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.)
  2. Haga clic en una tarjeta de diseño: graph8 crea un borrador usando los tokens de diseño, colores y fuentes de su marca
  3. 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

  1. En la pestaña Crear, escriba una instrucción personalizada (por ejemplo, “Página de solicitud de demo para compradores empresariales en fintech”)
  2. graph8 genera una página completa adaptada a su instrucción y a su marca
  3. La página aparece en Borradores lista para editarse

Tarda entre 30 y 60 segundos. Consume créditos.

Clonar cualquier URL

  1. Ingrese cualquier URL de página web (su página de inicio o la página de un competidor)
  2. graph8 captura el diseño, los estilos y la estructura
  3. 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:

ColumnaContenido
IzquierdaBiblioteca de páginas, navegador de secciones, explorador de imágenes
CentroLienzo activo de la página; haga clic en cualquier elemento para editarlo
DerechaPanel 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

  1. Abra un borrador y haga clic en AI Review en la barra de herramientas
  2. El panel de revisión se abre a la derecha con los hallazgos agrupados por categoría (conversión, accesibilidad, marca, calidad del contenido)
  3. Cada hallazgo muestra la gravedad (crítico / advertencia / informativo), el problema detectado y una corrección sugerida
  4. Haga clic en Fix with AI en un hallazgo para aplicar el cambio sugerido automáticamente
  5. 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íaEjemplos
ConversiónUbicación del CTA, extensión del formulario, claridad de la propuesta de valor
AccesibilidadContraste de color, presencia de texto alternativo, orden de encabezados
MarcaCoherencia de voz, colores fuera de marca, logotipo faltante
Calidad del contenidoTexto 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:

  1. Haga clic en el ícono History en la barra de herramientas
  2. Consulte la línea de tiempo con todos los cambios
  3. Haga clic en cualquier versión para previsualizarla
  4. 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:

  1. Haga clic en Publish en la barra de herramientas superior
  2. graph8 despliega la página en Cloudflare Pages
  3. Su URL activa aparece: https://g8-lp-{org-id}.pages.dev/{page-slug}
  4. 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:

  1. Abra una campaña en Studio → Campaigns
  2. En el panel de la campaña, haga clic en Add Landing Page
  3. Seleccione una página existente o cree una nueva
  4. 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

ProblemaSolución
El clon captura estilos incorrectosIntente clonar nuevamente; la captura depende del tiempo de carga de la página
La URL publicada no cargaVerifique que su organización tenga las credenciales de Cloudflare configuradas (contacte al administrador)
Las imágenes no se muestranVerifique 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 marcaAsegú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