MARKETPLACE
PLUGINS
SCREENSHOT IMAGE GENERATOR
Screenshot Image Generator logo

Screenshot Image Generator

Published April 2025
   •    Updated March 2026

Plugin details

Capture screenshots and generate PDFs from any page or element in your app. With customizable options like file format [png, jpg and jpeg], pdf file, watermarks [text or logo], watermark orientation, and database storage, this plugin brings professional-level screenshot and document creation capabilities to your Bubble workflows.🚀
We invite you to explore the demo and editor page to see how effortlessly the plugin enhances user onboarding! 🚀

🔗 Try the Demo | 🔗 Check the Editor Page

✨ Key Features

🎨 Supported Formats – PNG, JPEG, JPG.
📷 Capture Options – Specific bubble elements, Entire page, Current viewport.
📊 Download Options – Download images with custom file names. Save Image URL to Bubble Database
⚡ Custom Watermarking – Add text or logo watermark. Customize position of watermark.
🌗 Image Compression – Reduce file size while maintaining quality.
🔍 PDF Generation – Convert any element or the entire page screenshot into a professional PDF file.


Support:
If you need assistance with configuring the plugin or encounter any issues, feel free to reach out to us at 🔗 [email protected]

Other Plugins from Hashlogics:
🔗 Document Viewer
🔗 Bookit Calendar Pro
🔗 Advanced Range Slider
🔗 All Hashlogics Plugins

Risk-Free Trial: The best way to try out this plugin is by subscribing. If you decide to
unsubscribe within a few days, you'll only be charged on a pro-rata basis.

For example: If the plugin costs $5 per month, you'd pay only 17¢ per day ($5 ÷ 30 days).

$35

One time  •  Or  $4/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Hashlogics logo
Hashlogics
Joined 2023   •   47 Plugins
View contributor profile

Instructions

Configuration
  1. Element Capture: First select capture element from visual elements section.(Tip: you can hide this element).
  2. Capture Screenshot a capture Action: Set this action in any workflow from which you want to capture a screenshot.
Then fill requirements:
  • File Name: Enter the desired name for the downloaded file.
  • Capture Type :Choose the type of screenshot: viewport, full-page, or element.
  • Element id:(Required if "element" is selected as the Capture Type) — Provide the ID of the specific element you want to capture.
  • Export as PDF:Check this option if you want to generate a PDF file of the screenshot.
  • Compression Quality:Enter a value between 0.1 and 1.0 to set the image compression level.
  • Image Format:Select the image format: png, jpg, or jpeg.
  • Save to DB:Check this option if you want to save the screenshot URL to the Bubble database.
  • Add watermark:Check this option to add a watermark to the screenshot or PDF.
  • Watermark Text or Logo: Provide the text or upload the logo you want to use as a watermark.
  • watermark position:Choose the position for the watermark: top-left, top-right, bottom-left, bottom-right, or center.
  • Secreenshot_taken Event: When you enable "Save to DB", you must trigger the screenshot_taken event. This ensures that the plugin captures the screenshot and initiates the save process.
  • Upload Screenshot API:After triggering the screenshot action, add the Upload Screenshot step. This is an API call used to upload the captured screenshot to the Bubble database. Once the upload is successful, it returns a URL that you can store in your desired data type.
  • Appurl: Use your_app_name.bubbleapps.io/version-test for the development version. If your app is live, simply remove /version-test from the URL.
  • Name: Provide a custom name if you want to save the file in the database with a specific name.
  • Content: Enter the base64 URL stored in the state of the capture element, which is “screenshot_url_return”.
Note! [Steps 3 and 4 are optional and only required if you want to upload the screenshot file to the Bubble database. If not, you can safely skip these steps.]

Types

This plugin can be found under the following types:
Api   •   Action   •   Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:
PDF   •   Containers   •   Image   •   Productivity   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Bubble is Global
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Ideaboard
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales