Ir al contenido principal

Cómo convertir una web en vídeo, paso a paso

Por Gauthier Bros, fundador de PageToVidActualizado el 8 min de lectura

Para convertir una web en vídeo, pega la URL de una página donde se vea tu producto, elige el formato y la duración, y deja que PageToVid grabe la web en directo en un navegador real mientras una voz con IA lee un guion escrito a partir de esa página. El MP4 con subtítulos llega en unos 10 minutos, y los ocho pasos de abajo deciden si obtienes un vídeo de tu producto o un vídeo de tu eslogan.

Construimos este sistema nosotros mismos, así que esta guía sale de los renders que vemos cada día, también de los que salen mal.

LUXSE watches: un vídeo 16:9 de 46 segundos hecho con la portada de luxsewatches.com, 87 palabras habladas, del miedo a los defectos ocultos a las revisiones, el pago protegido y la oferta de compra a vendedores.

Hecho a partir de luxsewatches.com con PageToVid y publicado por su autor. Verlo en su página → · Ver todos los vídeos públicos →

Tres formas de convertir una página web en vídeo

Las tres vías se diferencian menos en lo que ve el espectador que en quién hace el trabajo y cuánto cuesta un cambio después. Aquí las tienes para un vídeo de una página, con la duración por defecto de 45 segundos.

Una página, un vídeo: grabador de pantalla, agencia o herramienta de URL a vídeo
Grabador de pantalla + ediciónAgencia o freelanceHerramienta de URL a vídeo (PageToVid)

Quién escribe el guion

Tú

Su redactor, tras un briefing

Escrito a partir de la página; editas cada frase

Quién graba la web

Tú, en las tomas que hagan falta

Su editor

Un navegador en la nube, captura en densidad Retina

Voz

La tuya o una contratada

Un locutor

Locución con inteligencia artificial, una sola toma continua

Hasta el primer montaje

Una tarde si ya tienes práctica

Su calendario: días o semanas

Unos 10 minutos

Coste

Tu tiempo y el programa

Un presupuesto por proyecto

40 créditos con un plan, o 3,90 $ por vídeo

Lo que debes saber hacer

Grabar, editar, nivelar el audio

Hacer el briefing y revisar

Elegir la página y escribir un briefing

Cuando cambia la web

Grabar y editar de nuevo

Una ronda de cambios

Volver a renderizar o editar una escena

La agencia sigue siendo lo adecuado para un vídeo de marca con equipo y localizaciones; el grabador de pantalla, cuando quieres comentar tus propios clics. La herramienta de URL a vídeo gana cuando la página ya dice lo que el vídeo debe decir, y lo quieres hoy y otra vez cuando la página cambie.

No todas las herramientas de URL graban la web. Pictory y Lumen5 leen el texto de una página y lo ilustran con imágenes de archivo, algo que encaja con un artículo largo; nosotros grabamos la página, algo que encaja con un producto, un catálogo o una aplicación. La comparación honesta: PageToVid frente a Pictory.

Cómo convertir una página web en vídeo en 8 pasos

Los pasos 1, 2 y 5 llevan dos minutos y deciden casi todo el resultado.

  1. Elige la página que muestra el producto

    Pega la página donde se ve lo que vendes, que a menudo no es la portada. Una ficha de producto, un listado, una tabla de precios o un configurador dan una galería que desplazar, un filtro que pulsar, un precio que destacar. Una portada con foto y eslogan da un solo plano, sostenido 45 segundos.

  2. Comprueba que la página se puede grabar

    Abre la URL en una ventana privada, sin iniciar sesión: es más o menos lo que ve nuestro navegador en la nube. Una verificación antirrobot (un desafío de Cloudflare, un CAPTCHA) o un muro de acceso se detecta y se rechaza sin coste para ti. Los avisos de cookies habituales (OneTrust, Cookiebot, «Aceptar todo») los cierra el grabador, también si aparecen tarde; un aviso hecho a medida puede quedarse, así que mira los primeros fotogramas. Una página tras un inicio de sesión se graba con una sesión de captura, desde el plan Scale.

  3. Elige la relación de aspecto según dónde se verá

    16:9 para tu web, YouTube o un correo; 9:16 para Reels, TikTok y Shorts; 1:1 cuando un solo archivo tiene que ir a todas partes. El 9:16 graba la versión móvil de tu web en la pantalla de un teléfono: comprueba que el producto sigue viéndose. Más en elegir la relación de aspecto adecuada.

  4. Fija la duración con el número de palabras

    La voz es una sola toma continua que las escenas se reparten: el número de palabras del guion es la duración. En inglés, 75–95 palabras dan 45 segundos; en español hacen falta unas pocas más. Un vídeo dura de 15 a 180 segundos. El porqué: la narración marca la duración.

  5. Escribe el briefing que la página no escribe

    El campo «Añadir contexto» es para lo que la página no dice: la oferta, el público, la acción que quieres y cualquier frase que deba decirse tal cual, entre comillas. «Coleccionistas que desconfían de comprar un reloj usado por internet» le da al guion su primera frase; «una experiencia de lujo premium» no le da nada.

  6. Renderiza

    Se lee la página, se escribe el guion gráfico, se graba la web, se registra la voz, se cortan los subtítulos de esa toma y unas tarjetas animadas cubren lo que la página no puede mostrar. Cuenta unos 10 minutos. El primer vídeo de cualquier web es gratis y sin tarjeta; los vídeos gratis llevan una pequeña marca «Made with PageToVid».

  7. Revisa el guion gráfico, no solo el vídeo

    Mira el vídeo una vez sin sonido y abre el guion gráfico: cada escena muestra su texto, lo que grabó y de qué página. Busca una escena que graba la portada mientras la voz habla del producto, una afirmación que la página no hace y una escena con dos ideas.

  8. Corrige una escena y vuelve a renderizar

    Reescribe la frase, apunta el plano a otro elemento (una galería, un botón, un precio) o cambia el visual, y vuelve a renderizar por 40 créditos; lo demás se conserva. Reajustar solo los subtítulos es gratis una vez por render. Todos los arreglos: corregir un vídeo sin rehacerlo.

Para una web entera, el caso de uso de web a vídeo muestra cómo los equipos planifican un vídeo por página.

Ejemplo real: el vídeo de LUXSE watches, escena a escena

LUXSE compra y vende relojes de segunda mano. Su portada, luxsewatches.com, está en neerlandés: relojes revisados con fotos honestas, pago protegido a través de Chrono24 y Vinted, y una oferta para comprarte tu reloj. Le dimos esa única URL, sin briefing, y salió un vídeo 16:9 de 46 segundos con 87 palabras, dentro de la horquilla de 45 segundos.

  1. El miedo. Un rótulo, «Your Next Watch, Verified», y después la cuadrícula real de anuncios de Tissot PRX y Tissot Ballade, grabada, bajo «Hidden faults and risky transactions».
  2. Las revisiones. Una tarjeta con dos marcas: «Watches verified, checked» y «Honest photos, clear condition».
  3. La seguridad. La grabación de la portada, con los botones «Bekijk horloges» y «Verkoop je horloge», bajo «Payments protected via Chrono24 and Vinted».
  4. La prueba. Una reseña tomada de la página, atribuida a un comprador de Vinted.
  5. La segunda oferta. «Transparent selling», el muro de reseñas de la página y «Discover your next watch or sell yours today».

Lo que funciona: a los cuatro segundos más o menos ya hay relojes reales con precios reales en pantalla, antes de cualquier promesa, y la reseña es de la propia página.

Lo que cambiaríamos:

  • Dos tareas en 46 segundos. Comprar y vender son dos vídeos. Un briefing «solo para compradores» convierte la mitad de venta en más planos de anuncios.
  • Pantalla en neerlandés, voz en inglés. El idioma de la narración se elige aparte. Para un público neerlandés, renderiza en neerlandés.
  • Una cita que suena rara traducida. «Uitstekende koper» pasó a «Excellent buyer», que parece un elogio al cliente, no a la tienda. Otra reseña de la misma página es una corrección de una escena.

Cuánto cuesta y cuánto tarda

Un render cuesta 40 créditos, sea cual sea la duración o el formato; un vídeo suelto sin suscripción cuesta 3,90 $, y el plan Creator por 19 $ al mes cubre 25 vídeos. Una misma web puede recibir 3 vídeos gratis entre todas las cuentas gratuitas. Detalles en precios y en los créditos y lo que cuesta un vídeo.

Nuestro ritmo habitual: dos renders por página, uno para ver qué ha sacado el planificador y otro con una o dos escenas corregidas. Un render que falla por un motivo del sistema se reembolsa automáticamente.

Errores que vemos en los renders

  • La portada como única fuente. El vídeo se convierte en un titular quieto en pantalla.
  • Sin briefing en una página con dos públicos. El planificador intenta servir a ambos, como en el vídeo de LUXSE.
  • Un número de palabras que no cabe. Un vídeo de 30 segundos con 120 palabras de frases obligatorias se alarga: ganan las palabras.
  • Dos ideas en una escena. La causa más común de un vídeo que parece atropellado. Dividirla no añade ni un segundo.
  • Repetir en lugar de corregir. Un render desde cero tira el 90 % que ya estaba bien.
Cuándo no

Cuándo no usar PageToVid

Una web casi sin contenido. Una página de una pantalla con un logo y un campo de correo no deja nada que grabar: obtendrás un vídeo de tarjetas animadas. Escribe un guion para una animación o espera a que la página tenga más.

Una página tras una verificación antirrobot que no controlas. La rechazamos sin coste para ti. Grábala tú con Loom u OBS, o pide al propietario una URL de pruebas sin protección.

Imágenes de personas y lugares reales. Un hotel, un restaurante, un equipo: lo que los vende es la imagen de cámara, y nosotros grabamos páginas web, no salas. Contrata a un videógrafo. Para un fundador hablando a cámara, mira PageToVid frente a Loom.

Convierte tu sitio web en un vídeo — gratis

Pega la página que quieres filmar. PageToVid escribe el guion, graba el sitio real, pone la voz y entrega el MP4.

Primer vídeo gratis · sin tarjeta · listo en minutos

Preguntas frecuentes

¿Puedo convertir mi web en vídeo gratis?

El primer vídeo de cualquier web es gratis y sin tarjeta; los vídeos gratis llevan una pequeña marca Made with PageToVid. La cuota gratuita pertenece a la web, sumando todas las cuentas gratuitas: sirve para probar tu propia web, no una lista de webs de clientes.

¿Qué página de mi web debo usar?

La que muestra el producto: una ficha, un listado, la página de precios. Una portada con solo una foto y un eslogan da un vídeo de un eslogan.

¿Funciona si mi web tiene aviso de cookies o inicio de sesión?

Los avisos de cookies habituales se cierran solos. Las verificaciones antirrobot y los muros de acceso se rechazan sin coste para ti, y la página del vídeo te ofrece una salida, como un vídeo animado a partir de unas frases. Las páginas tras un inicio de sesión se graban con una sesión de captura desde la extensión del navegador o de VS Code, a partir del plan Scale.

¿Puedo editar el vídeo después?

Sí. El texto, el plano, el visual, la voz y la música de cada escena se pueden cambiar, y un nuevo render cuesta un render.