Automatically Capture Webpage Screenshots from Google Forms Responses & Save in Google Drive Using Pabbly Connect

Learn how to automatically capture webpage screenshots from Google Forms responses and save them in Google Drive using Pabbly Connect. Follow this detailed tutorial step-by-step!

Watch Step By Step Video Tutorial Below

1. Set Up Pabbly Connect for Automation

To start using Pabbly Connect for automation, first sign up for a free account. After logging in, navigate to the dashboard where you can create a new workflow. This workflow will automate the process of capturing screenshots from Google Forms responses.

Click on the ‘Create Workflow’ button, name your workflow (e.g., ‘Capture Website Screenshot Automatically’), and select the appropriate folder in your Pabbly account. Once created, you will see two windows: the trigger and action windows, essential for setting up your automation.

2. Integrate Google Forms with Pabbly Connect

In this step, we will set up Google Forms as the trigger in Pabbly Connect. Search for Google Forms in the trigger app section and select ‘New Response Received’ as the trigger event. This means every time a new response is submitted in your Google Form, the automation will be activated.

• Select Google Forms as the app.
• Choose ‘New Response Received’ as the trigger event.
• Copy the webhook URL provided by Pabbly Connect.

Next, go to your Google Form, ensure the last question is marked as required, and link your form responses to a Google Sheet. From the responses tab, click on ‘Link to Sheets’ to create a new spreadsheet. After that, install the Pabbly Connect Webhook add-on in Google Sheets and input the copied webhook URL during the initial setup. This connects your Google Form with Pabbly Connect.

3. Capture Webpage Screenshots Using HTML to Image

Now that we have set up Google Forms, we will capture the webpage screenshots using the HTML to Image integration in Pabbly Connect. In the action window, search for ‘HTML to Image’ and select ‘Capture Website Screenshot’ as the action event. This action will allow you to take screenshots of the URLs submitted in your Google Form.

When prompted, connect your HTML to Image account by entering the API key from your HTML to Image account. After connecting, you will need to map the webpage URL from the Google Form responses to the HTML to Image action. Set the viewport width and height based on your preference, and specify whether you want a full-page screenshot.

• Map the URL from the Google Form response to the HTML to Image action.
• Set viewport dimensions (e.g., 1920×1080).
• Choose to capture a full-page screenshot.

Click on ‘Save and Send Test Request’ to test the process. If successful, you will receive a URL link to the captured screenshot.

4. Upload Captured Screenshots to Google Drive

After capturing the screenshot, the next step is to upload the image to Google Drive using Pabbly Connect. In the action step, select Google Drive and choose ‘Upload a File’ as the action event. This will facilitate the transfer of the screenshot image to your specified Google Drive folder.

Connect your Google Drive account by signing in and authorizing access. Then, map the screenshot URL received from the HTML to Image action to the file upload URL field. Specify the folder ID where you want to store the screenshots and provide a file name, including the appropriate file extension (e.g., .png).

Select Google Drive as the action app. Map the screenshot URL to the upload action. Provide the folder ID and file name for the uploaded image.

Once you click ‘Save and Send Test Request,’ the image will be uploaded to your Google Drive folder, confirming the successful setup of your automation.

5. Testing the Automation Workflow

To ensure everything is working correctly, it’s essential to test the automation you set up using Pabbly Connect. Go back to your Google Form and submit a test response, including a valid webpage URL. Once submitted, the automation should trigger, capturing the screenshot and uploading it to your Google Drive.

Check your Google Drive folder to verify that the screenshot has been uploaded successfully. The file name should reflect the details you configured, like the name of the user and the webpage URL. If everything works as expected, your automation is set up correctly!

In summary, using Pabbly Connect allows you to automate the process of capturing webpage screenshots from Google Forms responses and saving them directly to Google Drive. This efficient workflow saves time and ensures you have a visual record of the submitted URLs.

Conclusion

In this tutorial, we explored how to use Pabbly Connect to automate the process of capturing webpage screenshots from Google Forms responses and saving them in Google Drive. This integration streamlines your workflow and enhances your data management capabilities.