How to showcase your websites with full page screenshots

This post may contain affiliate links. We may receive a commission for purchases made through these links (at no cost to you, of course! 🙂)

Have you ever wanted to take a screenshot of an entire website page and found yourself piecing together multiple screenshots to create the look of a scrolling website page?

I'm here to tell you that you've been doing it the hard way and the good news is that you can actually get a full page screenshot in just one click... seriously! Even better, it's free!

You're probably ready to get straight into it, so let's get started.

How to take a full page screenshot in Google Chrome

If you use Google Chrome, we'd recommend using the extension GoFullPage, but there are a handful of other Chrome extension options out there that do the same thing.

First things first, you'll need to install the extension through the Chrome Web Store using the link above.

To access the extension, all you have to do is click the icon in the extension menu that sits to the right of the address bar. You'll see in the image below that the GoFullPage extension icon is a grey camera:

showcase your websites with full page screenshots using GoFullPage - install Chrome Extension

Once you click the GoFullPage extension icon, you'll see a small pop-up window appear at the top of your browser window to indicate it's active and GoFullPage will scroll the entire page by itself.

This will only capture the tab you're currently on.

 
How to use Google Chrome Extension GoFullPage
 

Once it has captured the full page, a new tab will open that contains the screenshot.

From here, you have a few options on the top menu bar:

  1. Edit: GoFullPage will automatically bring you to the GoFullPage Editor where you can crop your screenshot or add annotations.

2. Download:

  • By default, GoFullPage allows you to download your screenshot in PDF or PNG format.

Note: If you would like to download your image as a JPG, you can click on the Options icon in the top right corner.

How to use Google Chrome Extension GoFullPage to capture full page screenshots of your website - settings

Under Capture > Image Format, choose JPG from the drop-down menu.

How to use Google Chrome Extension GoFullPage to capture full page screenshots of your website - save as jpg
  • The setting will save automatically, but you will need to retake your website screenshot in order for the JPG format to be available for download.

That's it! I wasn't exaggerating when I said all it takes is one click and you have a beautiful full page screenshot ready to use. What we love most about GoFullPage is how easy it makes the entire process and hopefully, you will feel the same way after you try this way too.

GoFullPage works on both Google Chrome and Microsoft Edge, but if you prefer another browser, check out some alternative full page screenshot extensions below.


Alternative full page screenshot extensions for different browsers

If you don't use Chrome as your internet browser, here are some other full page screenshot extensions that you can use to take a full page screenshot:

Mozilla Firefox:

Safari:

Safari's most reliable screenshot extensions are not free, so we recommend downloading Chrome (it's free!) and using the free one to take full-page screenshots!

Want to learn how to create a gorgeous scrolling animation using your new full page screenshot? Check out the posts below:

How to create a scrolling computer mockup in Canva (easy!)
How to create a scrolling computer mockup in Photoshop

 

If you liked this post, Pin it to Pinterest! 👇🏻

 
 
Previous
Previous

How to create a ‘featured post’ slider in Squarespace 7.1 & 7.0

Next
Next

How to send Squarespace Templates to customers after they purchase