# Guides to website scroll videos

> Practical guides to making website scroll videos: recording a site smoothly, auto-scrolling, fixing stutter, removing pop-ups, and the right format for portfolios and social media.

Source: https://websitescrollvideo.com/guides/

How to turn a website into a video that looks finished: recording it, rendering it, and getting it into the right shape for wherever it is going.

## Making

From a link to a finished file.

- [How to make a website scroll video](https://websitescrollvideo.com/guides/how-to-make-a-website-scroll-video/): The whole process, from pasting a link to downloading the file, and the settings that actually matter.
- [Creating a video from a website: how to auto-scroll through it](https://websitescrollvideo.com/guides/auto-scroll-website-video/): Three ways to make a page scroll itself for a video, a script you can copy, and how to pace the motion.
- [How to turn a website into a scrolling GIF](https://websitescrollvideo.com/guides/website-to-gif/): A scrolling GIF from a URL, kept small enough for email, docs and READMEs, and when a video is the better choice.

## Recording

Capturing a site yourself, and when not to.

- [How to record a website scroll video](https://websitescrollvideo.com/guides/how-to-record-a-website-scroll-video/): Recording it yourself with a screen recorder, done properly: the page, the window, the recorder and the scroll.
- [Manual screen capture vs automated cloud URL renderers](https://websitescrollvideo.com/guides/screen-recording-vs-url-to-video/): Recording your own screen against handing a URL to a cloud renderer, compared on smoothness, effort, quality, reach and cost.
- [How to record the mobile version of a website](https://websitescrollvideo.com/guides/record-mobile-version-of-a-website/): Three ways to capture a site as it looks on a phone, and why shrinking the desktop page is not one of them.

## Showcasing

Portfolios, templates and social posts.

- [The best ways to record a website to showcase it](https://websitescrollvideo.com/guides/best-ways-to-record-a-website/): Six ways to capture a site, what each one is good at, and a table to pick from.
- [How do you record websites for your portfolio?](https://websitescrollvideo.com/guides/record-websites-for-your-portfolio/): What to capture, how long to make it, which shape each platform wants, and how to keep a set of projects consistent.
- [How to record smooth scroll videos for Framer templates](https://websitescrollvideo.com/guides/framer-template-preview-video/): Preview videos for Framer, Webflow and Wix templates, with the appear effects playing and pauses on the sections that sell.
- [Turn websites into scrollable videos for social media](https://websitescrollvideo.com/guides/website-scroll-video-for-social-media/): The shape, length and format for each platform, and how to get every cut from a single link.

## Fixing

Stutter, pop-ups and missing animations.

- [How to avoid jerky mouse wheels and uneven frame rates in scroll recordings](https://websitescrollvideo.com/guides/fix-jerky-scrolling-in-screen-recordings/): Why scroll recordings stutter, judder or drop frames, and the fix for each of the five causes.
- [How to remove cookie banners and pop-ups from a website recording](https://websitescrollvideo.com/guides/hide-cookie-banners-in-website-recordings/): Keeping consent banners, chat bubbles and newsletter modals out of the shot, by hand or automatically.
- [How to capture scroll animations and parallax in a website video](https://websitescrollvideo.com/guides/record-scroll-animations/): Getting fade-ins, reveals, parallax and pinned sections into the video, and why most capture tools miss them.

## Comparisons

[Website scroll video tools, compared](https://websitescrollvideo.com/alternatives/)