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