We have a new name! Browserbear is now Roborabbit

How to Automatically Take Screenshots with Roborabbit

Screenshots preserve the way a website or app looks at a given moment. Here's how to use Browserbear and Zapier to capture them automatically.
by Julianne Youngberg · February 2023

Contents

    The digital world is constantly changing. Every minute, millions of messages, videos, and other forms of content are sent, and 1.6 million USD is spent online. This amount of data and money is staggering.

    Even though the internet changes second-by-second, certain aspects must remain constant. Users must be able to intuitively navigate websites and apps—and designers, developers, and testers are expected to create products that are easy to use.

    Screenshots are a fantastic tool for building better digital products. They capture the way a webpage or app looks at a given moment, allowing you to refer to them to:

    • Create visual documentation
    • Track changes over time
    • Identify potential errors or bugs

    It’s not always necessary to manually capture screenshots, either. With tools like Roborabbit, you can set up a task that automatically takes screenshots of a webpage when scheduled or triggered by an event. And in this tutorial, we’ll show you how!

    What You Will Create

    Screenshots can be a useful reference in many situations. However, manually capturing them can be impractical, especially when it's a recurring task. We will be setting up an automation that takes a screenshot of a website when scheduled or triggered by an event.

    The tools you will be using are:

    • Roborabbit : To create a browser automation that captures screenshots
    • Zapier : To trigger actions in different programs based on pre-specified commands

    By the end of this tutorial, you should be able to automatically take screenshots that look something like this:

    Screenshot of Roborabbit home page

    We’ll start by setting up a task on Browserbear.

    Create a Roborabbit Task

    Log into your Roborabbit account (or create a free trial account if you don’t have one—no credit card required! 🎉). Go to the Tasks tab, then click Create a Task.

    Add a starting URL, and click Save.

    Screenshot of Roborabbit new task

    You should now have a task page where you can add steps, run the automation, and review completed runs.

    Screenshot of Roborabbit task page

    Click Add Step and set up the following actions:

    Step 1: Go

    The first step will instruct Roborabbit to go to a website and wait until it has loaded. This will have already been created when you set up the task, but you can click the three-dot menu next to the step to change the URL, customize the timeout, or add a description.

    Screenshot of Roborabbit go step setup

    Click Save.

    Step 2: Remove Modal

    Removing modals is optional, but useful as many sites have cookie consent videos, popup windows, and other items that you might not want to include in your screenshot.

    Select the Remove Modal action.

    Screenshot of Roborabit remove modal step setup

    Click Save.

    Step 3: Resize Window

    Specifying window dimensions will help you see how a webpage looks in a variety of sizes. Skip this step if you only need to take full page screenshots.

    Select the Resize Window action and specify height and width.

    Screenshot of Roborabbit resize window step setup

    Click Save.

    Step 4: Take Screenshot

    The final action will take a screenshot.

    Select the Take Screenshot action. Tick the Full Page option if you would like to capture the entire webpage. If you specified window dimensions in the previous step, keep it unticked.

    Screenshot of Roborabbit take screenshot step setup

    Click Save.

    Hare Hint 🐰 : If you’re testing the responsiveness of a webpage, it might be useful to include several cycles of this process (Go → Remove Modal → Resize Window → Screenshot) in as many sizes as needed.

    Your website screenshot automation is now ready! Click Run Task to test it.

    Screenshot of Browserbear task steps with red arrow pointing to run task

    A run should now appear at the bottom of your task page.

    Screenshot of Roborabbit successful run with red arrow pointing to log

    Click Log to see the results.

    When you’re happy with the output, move on to the next step: hooking it up to a trigger.

    Set up a Zap to Take Automatic Screenshots

    A zap will initiate your Roborabbit automation when a trigger is activated. You can use various triggers depending on your use case, such as a new commit in GitHub or a published post in Webflow. Here, we will keep it simple and use a schedule.

    Log into your Zapier account, click + Create Zap , and set up the following events:

    Trigger: Schedule by Zapier

    Choose Schedule by Zapier as the app and Every Day (or any other frequency that suits your needs) as the event.

    Set up the trigger by specifying the time you want the automation to run.

    Screenshot of Zapier Every Day in Schedule trigger setup

    Test the trigger, then move to the next step.

    Action: Create Run in Roborabbit

    Choose Roborabbit as the app and Create Run as the event. You will need to connect your account using an API key generated in the Roborabbit app.

    Once connected, set up the action by selecting your task.

    Screenshot of Roborabbit create run action setup

    Test the action to make sure Browserbear runs the task. You should be able to generate a screenshot that looks something like this:

    Screenshot of Roborabbit home page

    And that’s it!

    Take Screenshots Automatically with Roborabbit

    Taking screenshots manually on a regular basis is a waste of time. Instead, set up a browser automation and free up your time and energy to take action on the output produced.

    Roborabbit and other nocode tools can help you create powerful browser automations and integrate them into your workflows. Get started now with a free account!

    About the authorJulianne Youngberg@paradoxicaljul
    Julianne is a technical content specialist fascinated with digital tools and how they can optimize our lives. She enjoys bridging product-user gaps using the power of words.

    Automate & Scale
    Your Web Scraping

    Roborabbit helps you get the data you need to run your business, with our nocode task builder and integrations

    How to Automatically Take Screenshots with Roborabbit
    How to Automatically Take Screenshots with Roborabbit