Advanced Screenshot Element πŸ–Ό

Capture a screenshot of a single element, visible part of the page or the entire page

πŸ”— Links

​Demo | Editor​

​Plugin page​

​Forum​

ℹ️ Introduction

πŸ”₯ Features

  • Capture a screenshot of a single element by its ID

  • Capture the visible visible part of the page (as currently displayed in browser)

  • Full Page capture

  • Save screenshot in JPG or PNG

  • Generate URL (upload to Bubble filestorage)

  • Download the screenshot

  • Choose image compress quality

πŸ“š Documentation

➑️ Screenshot of the the visible part of the screen:

1. In Workflow choose "Generate Screenshot" action. Define the Filename, File Format, choose Screenshot Type "Screen" and Output

➑️ Screenshot of the entire page

1. In Workflow choose "Generate Screenshot" action. Define the Filename, File Format, choose Screenshot Type "Entire Page" and Output.

➑️ Screenshot of an element by ID

1. Settings / General / Select "Expose the option to add an ID attribute to HTML elements"

2. Define ID for an element you want to save

3. In Workflow choose "Generate Screenshot" action. Define the Filename, File Format, choose Screenshot Type, Output and Element ID