Cómo crear un sitio web con animación al hacer scroll a partir de fotos con tu agente de IA
Conecta Apiway a ChatGPT o Claude una vez, envía fotos de una casa, muebles o un producto, y el agente crea una animación al hacer scroll: la cámara recorre las fotos mientras el visitante baja por la página. Hace los fotogramas finales y los vídeos después de que aceptes cada precio, publica la página y empieza un sitio web con la animación como primera pantalla.
- Tiempo
- Dificultad
- Principiante
- Coste
- 560 créditos (~$5.60)
- Pasos
- 7
Última revisión:
Qué necesitas
- ChatGPT o Claude
- Cuenta de Apiway
- 2–60 fotos de lo que vendes
Pasos
1. Conecta Apiway a tu agente
En ChatGPT o Codex, añade el plugin de Apiway. En Claude, abre Customize, luego Connectors, pulsa «+ Add» y pega https://apiway.ai/mcp. Entra en Apiway y pulsa Allow. Después abre un chat nuevo.
Abrir en Apiway2. Envía las fotos
Escribe: Product Scroll, los enlaces de las fotos y lo que vende el sitio. En un ordenador el agente también puede subir archivos. El proyecto es gratis; el agente envía el enlace del editor.
3. Revisa la historia
Abre el editor. Las fotos ya forman una historia con inicio, desarrollo y final. Cada vídeo es un fotograma inicial, un movimiento de cámara y un fotograma final.
Abrir en Apiway4. Acepta los fotogramas finales
Pide los fotogramas finales. El agente dice primero el precio. Di que sí y los hace. Revísalos en el editor.
5. Acepta los vídeos
Pide los vídeos. El agente dice el precio y los hace; cada uno tarda 2–5 minutos. Un vídeo que inventa lo que no está en sus fotogramas se rechaza y los créditos vuelven. O pide al piloto automático que lo haga todo a la vez.
6. Publica la página y crea el sitio
Di «publica»: el agente envía el enlace de la página y el código de dos líneas para cualquier sitio. Di «crea un sitio»: empieza un sitio web en App Factory con la animación como primera pantalla.
7. Comparte la guía con tu enlace
En la página de la guía pulsa «Llévatelo». Obtienes tu propio enlace; quien se registre con él queda asignado a ti en el programa de afiliados de Apiway.
Errores frecuentes
Pedir los vídeos antes que los fotogramas finales
Un vídeo necesita los dos fotogramas. Haz primero los fotogramas finales y revísalos.
Fotos de cosas distintas en un proyecto
Un proyecto es una historia sobre una cosa: una casa, una habitación, un producto.
Esperar la página publicada al instante
La página se publica solo cuando dices «publica».
Solución de problemas
¿Cuánto cuesta?
El proyecto y el guion gráfico son gratis. Los fotogramas finales y los vídeos se pagan con créditos de Apiway; el agente dice cada precio antes de empezar.
¿Cómo se hace el scroll tan suave?
Es tecnología propia de Apiway. En el código de inserción puedes cambiar los lugares, su orden, las transiciones, la velocidad y la introducción.
El agente dice que no tiene herramientas de Apiway
Conecta Apiway de nuevo y abre un chat nuevo: un chat abierto no ve las herramientas añadidas después de empezar.