Saltar al contenido
Guía7 min de lectura

Vídeo de página de destino de Cursor

Dé a la página de destino una prueba en lugar de una promesa, desde un despliegue real.

Prepare una prueba sobre el pliegue para una app de Cursor, partiendo del hecho de que la app tiene que estar desplegada antes de que sea posible un clip.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargarlo.

Una página de destino hace una afirmación antes de que un visitante tenga motivo alguno para creerla. La forma más rápida de cerrar esa brecha es una prueba, no más texto. Un clip corto colocado sobre el pliegue, que muestre el producto real haciendo lo que realmente afirma hacer, responde a la pregunta real del visitante antes de que tenga que leer tres párrafos más para encontrarla. Para una construcción de Cursor, llegar a ese clip requiere un paso que la mayoría de los creadores de páginas pueden saltarse: la app tiene que estar ya desplegada y alcanzable antes de que se pueda grabar nada a partir de ella.

GogoScreen toma una URL de app web y una indicación de una sola línea sobre lo que mostrar, y devuelve un MP4 narrado y editado con zooms en los clics, suavizado del cursor, cortes de silencios muertos y subtítulos incrustados. Funciona contra cualquier URL alcanzable, así que la elección de despliegue depende por completo del equipo, sea cual sea el alojamiento en el que termine ejecutándose el proyecto de Cursor. Lo que necesita la herramienta es una dirección estable y actual, y una instrucción clara, no una plataforma concreta debajo.

¿Por qué empezar por el despliegue y no por el guion?

Cursor no genera un enlace de vista previa por sí solo como sí hacen algunas plataformas de creación. Confirme que la app está en producción en una URL estable que siga siendo correcta cuando se publique la página de destino. Esto suena obvio hasta que un equipo graba un clip contra un enlace de staging temporal y después relanza la app en un dominio distinto una semana más tarde, dejando la página de destino con un vídeo de una dirección que ya no existe. Resuelva el despliegue antes de escribir una sola palabra de la indicación.

Una URL estable también importa porque un clip de página de destino tiende a permanecer en producción mucho más tiempo del que el equipo planeó originalmente. Confirme que la elección de alojamiento es la que el equipo pretende seguir usando, no un marcador de posición montado rápidamente para desbloquear la grabación. Si el despliegue todavía está en proceso, puede valer la pena esperar a que se estabilice en lugar de grabar contra una URL propensa a cambiar.

El coste de equivocarse en esto no es obvio de inmediato. El clip funcionará bien el día del lanzamiento, y el desajuste solo aflora más tarde, cuando alguien finalmente nota que el vídeo muestra un dominio que ahora redirige a otro sitio, o una versión de la app que ha cambiado desde entonces. Para entonces, es probable que el vídeo ya esté incrustado en más de un lugar, y arreglarlo significa volver a grabar en lugar de una edición rápida. Resolver el despliegue primero es más barato que corregir esto después.

Pregunta que responder antes de grabarPor qué importa para una página de destino
¿Es el despliegue el que va a seguir en producción?Un clip de página de destino sobrevive a la mayoría de los demás activos
¿Coincide la URL con lo que los visitantes realmente alcanzarán?Un desajuste entre el clip y la app en producción erosiona la confianza rápido
¿Está la app poblada con datos que parecen reales?Un estado vacío sobre el pliegue socava toda la página

¿Qué debe demostrar realmente el clip?

Elija la única acción que demuestra la promesa principal de la página de destino, no un tour de funciones secundarias. Si el titular afirma que el producto convierte una entrada desordenada en un resultado organizado, el clip necesita mostrar exactamente esa transformación, de principio a fin, sin desviarse hacia pantallas de ajustes o configuración que no respaldan la afirmación concreta que se está haciendo. Un visitante que lee el titular y después ve un clip que demuestra algo completamente distinto confiará menos en la página que si no hubiera vídeo alguno.

Aquí es donde una construcción de Cursor tiene una ventaja que vale la pena aprovechar. Como el código se escribió en lugar de generarse por completo, el equipo suele entender exactamente de qué flujo depende el producto, y puede señalar directamente el mecanismo real detrás de la afirmación en lugar de adivinar qué pantalla generada parece convincente. Use ese conocimiento para elegir el flujo con precisión, en lugar de recurrir por defecto a la pantalla que parece más terminada.

  • Identifique la única afirmación que hace el titular.
  • Confirme que la app en producción puede demostrar esa afirmación de principio a fin.
  • Elimine los estados de marcador de posición o vacíos que socavarían visualmente la afirmación.
  • Si el flujo necesita un inicio de sesión, use una cuenta de demostración en lugar de una real.

¿Cómo se maneja un inicio de sesión en una construcción de Cursor real?

Si un inicio de sesión protege el flujo, se puede proporcionar una cuenta de demostración mediante el proceso aprobado, y en GogoScreen las credenciales se cifran, se usan para una única renderización y después se eliminan. Si primero se planifica un storyboard, las credenciales se conservan cifradas durante esa sesión y se eliminan como máximo dos horas después de su último uso. Como los proyectos de Cursor a menudo llevan autenticación real de estilo producción en lugar de un marcador de posición, trate este paso con el mismo cuidado que cualquier otro manejo de credenciales, y confirme con el equipo qué acceso se necesita realmente antes de solicitarlo.

No use una cuenta de propietario o administrador para esta grabación, aunque sea la más fácil de conseguir. Un vídeo de página de destino permanece público durante todo el tiempo que exista la página, y cualquier cuenta visible en el flujo, aunque sea brevemente, debe ser una que se pueda revocar o restablecer sin perturbar el acceso real de nadie. Una cuenta de demostración dedicada, creada específicamente para grabaciones como esta, elimina por completo ese riesgo y vale la pena por el pequeño tiempo de configuración que requiere.

Escriba una indicación que nombre el inicio, la acción y el resultado, y después coloque el clip donde se hace la promesa en la página. La guía de la cuenta de demostración para un vídeo de producto cubre cómo configurar esa cuenta de demostración correctamente, de modo que el flujo grabado se comporte igual que lo haría una sesión real con la sesión iniciada.

  1. Confirme que la app está en producción en una URL estable que siga siendo correcta cuando se publique la página de destino.
  2. Elija la única acción que demuestra la promesa principal de la página de destino, no un tour de funciones secundarias.
  3. Escriba una indicación que nombre el inicio, la acción y el resultado, y después coloque el clip donde se hace la promesa en la página.

¿Dónde pertenece el clip, y qué lo rodea?

Colocar el clip para que se reproduzca sin depender de que el visitante haga clic en nada importa sobre todo justo donde la atención es más escasa, sobre el pliegue, ya que pedirle a un visitante nuevo que pulse reproducir antes de confiar en absoluto en el producto añade una fricción que la página no puede permitirse. La guía del vídeo demo para la página de precios de un SaaS cubre una colocación relacionada más abajo en la página, donde hay que demostrar una afirmación distinta. La guía del fotograma de póster del vídeo demo cubre cómo elegir el primer fotograma que ve un visitante antes de que el clip empiece a reproducirse, lo cual importa tanto como el propio clip cuando un visitante está decidiendo en medio segundo si sigue viendo.

Aproximadamente una de cada cinco renderizaciones falla o necesita un segundo intento, así que incluya tiempo de revisión en el calendario de lanzamiento en lugar de asumir que el primer archivo es el que se publica. Si la app todavía es nueva, la guía de vídeo de anuncio de producto cubre cómo enmarcar un clip en torno a una construcción que acaba de salir en lugar de una que lleva tiempo pública. Para una herramienta de codificación con IA comparable, la guía de vídeo demo de Windsurf y la lista de comprobación de lanzamiento de un agente de IA cubren preparación adyacente para un lanzamiento que depende de trabajo impulsado por un agente en lugar de un flujo manual.

Para el mismo trabajo en otras páginas de Cursor, consulte la guía de vídeo de lanzamiento en Product Hunt de Cursor, la guía para compartir con un cliente de Cursor, la guía de demo de portafolio de Cursor y la guía de recorrido de revisión de una app de Cursor. Para una comparación directa de herramientas de grabación, revise GogoScreen frente a ngram. Empiece en la página de inicio para el flujo de trabajo de URL e indicación, explore guías para el resto de la serie, consulte comparaciones frente a otras herramientas, y revise los precios antes de enviar una renderización.

Aclaraciones

Antes de empezar

¿Qué debe mostrar un vídeo de página de destino para una app de Cursor?

La única acción que demuestra la promesa principal del producto, alcanzada desde un despliegue real al que el visitante podría llegar por su cuenta. No debe ser un tour del código base ni una lista de funciones.

¿Por qué necesita Cursor un paso de despliegue que otras plataformas se saltan?

Cursor es un editor, no un alojamiento. A diferencia de una plataforma que genera automáticamente una URL de vista previa, un proyecto de Cursor necesita estar ya en producción en algún lugar alcanzable antes de que se pueda hacer un vídeo a partir de él.

¿Cuánto debe durar el clip de la página de destino?

Lo bastante corto para caber sobre el pliegue sin ralentizar la página, y lo bastante centrado para que un visitante entienda la acción principal del producto en los primeros segundos.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.