🔗  We highly encourage you to take a look at the editor page for the demo, where you can see how the plugin is set up. Here's the demo (with link to editor): https://pluginsbyalex.bubbleapps.io/version-test/group-to-image
🔗  Full documentation on Instruction Tab by following this link:
https://docs.techblocksco.com?tab=Group-to-Image

ℹ️  How do I take a screenshot of an element on the page?

1. Add the "Group to Image" visual element to your page
2. If you haven't already exposed HTML ID Attributes for your app, you need to do so from your app's Settings Tab here: https://bit.ly/3xSBswF
3. Add an HTML ID Attribute to the Bubble group or element you'd like to take a screenshot of (here is a screenshot of the ID attribute you need to add: https://bit.ly/3CN2TvD)
4. Trigger a workflow action called "Generate Group-to-Image URL from GrouptoImage" to generate the Image, specifying the HTML id attribute you used in step 3


ℹ️  How do I save the screenshot URL?

1. On your workflow tab, you can create a new event called "A Screenshot Outputter Screenshot URL has been generated"
2. This can trigger whatever workflow actions you choose, like saving it to your Bubble database

*You can also access the screenshot URL from the visual element's state (i.e. "Group to Image's Screenshot URL")