Como criar um site com animação de scroll a partir de fotos com o teu agente de IA
Liga o Apiway ao ChatGPT ou ao Claude uma vez, envia fotos de uma casa, de móveis ou de um produto, e o agente cria uma animação de scroll: a câmara percorre as fotos enquanto o visitante faz scroll. Faz as últimas imagens e os vídeos depois de aceitares cada preço, publica a página e começa um site com a animação no primeiro ecrã.
- Tempo
- Dificuldade
- Iniciante
- Custo
- 560 créditos (~$5.60)
- Passos
- 7
Última revisão:
O que precisa
- ChatGPT ou Claude
- Conta Apiway
- 2–60 fotos do que vendes
Passos
1. Liga o Apiway ao teu agente
No ChatGPT ou no Codex, adiciona o plugin Apiway. No Claude, abre Customize, depois Connectors, carrega em «+ Add» e cola https://apiway.ai/mcp. Entra no Apiway e carrega em Allow. Depois abre um chat novo.
Abrir na Apiway2. Envia as fotos
Escreve: Product Scroll, os links das fotos e o que o site vende. Num computador o agente também pode carregar ficheiros. O projeto é gratuito; o agente envia o link do editor.
3. Verifica a história
Abre o editor. As fotos já formam uma história com início, meio e final. Cada vídeo é uma primeira imagem, um movimento de câmara e uma última imagem.
Abrir na Apiway4. Aceita as últimas imagens
Pede as últimas imagens. O agente diz primeiro o preço. Diz que sim e ele faz. Verifica-as no editor.
5. Aceita os vídeos
Pede os vídeos. O agente diz o preço e faz; cada um demora 2–5 minutos. Um vídeo que inventa o que não está nas imagens é recusado e os créditos voltam. Ou pede ao piloto automático para fazer tudo de uma vez.
6. Publica a página e cria o site
Diz «publica»: o agente envia o link da página e o código de duas linhas para qualquer site. Diz «cria um site»: começa um site no App Factory com a animação no primeiro ecrã.
7. Partilha o guia com o teu link
Na página do guia carrega em «Ficar com ele». Recebes o teu próprio link; quem se registar através dele fica associado a ti no programa de afiliados Apiway.
Erros comuns
Pedir os vídeos antes das últimas imagens
Um vídeo precisa das duas imagens. Faz primeiro as últimas imagens e verifica-as.
Fotos de coisas diferentes num projeto
Um projeto é uma história sobre uma coisa: uma casa, uma divisão, um produto.
Esperar a página online logo
A página só fica online quando dizes «publica».
Resolução de problemas
Quanto custa?
O projeto e o storyboard são gratuitos. As últimas imagens e os vídeos pagam-se com créditos Apiway; o agente diz cada preço antes de começar.
Como é feito o scroll suave?
É tecnologia própria do Apiway. No código de incorporação podes mudar os locais, a ordem, as transições, a velocidade e a introdução.
O agente diz que não tem ferramentas do Apiway
Liga o Apiway de novo e abre um chat novo: um chat aberto não vê ferramentas adicionadas depois de começar.