Apiway

How-to · Product Scroll

How to make a website with a scroll animation from photos with your AI agent

Connect Apiway to ChatGPT or Claude once, send photos of a house, furniture or a product, and the agent builds a scroll animation: the camera moves through the photos as the visitor scrolls. It makes the last frames and the videos after you agree to each price, puts the page online and starts a website with the animation as its first screen.

Time
Difficulty
Beginner
Cost
560 credits(~$5.60)
Steps
7

Last reviewed: .

What you need

  • ChatGPT or Claude
  • Apiway account
  • 2–60 photos of what you sell

Steps

  1. Connect Apiway to your agent

    In ChatGPT or Codex, add the Apiway plugin. In Claude, open Customize, then Connectors, press “+ Add” and paste https://apiway.ai/mcp. Sign in to Apiway and press Allow. Then open a new chat.

    Open in Apiway

  2. Send the photos

    Write: Product Scroll, then the photo links and what the site sells. On a computer the agent can also upload files. The project is free; the agent sends the editor link.

  3. Check the story

    Open the editor. The photos are already a story with a beginning, a middle and a finale. Each video is a first frame, a camera move and a last frame.

    Open in Apiway

  4. Agree to the last frames

    Ask for the last frames. The agent names the price first. Say yes, and it makes them. Check them in the editor.

  5. Agree to the videos

    Ask for the videos. The agent names the price, then makes them; each takes 2–5 minutes. A video that invents what is not on its frames is refused and the credits come back. Or ask for the autopilot to do everything at once.

  6. Put the page online and make the site

    Say “publish”: the agent sends the page link and the two-line embed code for any site. Say “make a site”: it starts a website in App Factory with the animation as the first screen.

  7. Share the guide with your link

    On the guide's page press “Take it for yourself”. You get your own link; whoever signs up through it is credited to you in the Apiway affiliate program.

Common mistakes

  • Asking for videos before the last frames

    A video needs both frames. Make the last frames first and check them.

  • Photos of different things in one project

    One project is one story about one thing: a house, a room, a product.

  • Expecting the page online right away

    The page goes online only when you say “publish”.

Troubleshooting

  • How much does it cost?

    The project and the storyboard are free. Last frames and videos are paid with Apiway credits; the agent names every price before it starts.

  • How is the smooth scroll made?

    It is Apiway's own technology. You can change the places, their order, the transitions, the speed and the intro on the embed code.

  • The agent says it has no Apiway tools

    Connect Apiway again and open a new chat: an open chat does not see tools added after it started.