Screenshot Plugin Documentation

Capture any element on your page by its ID and generate a screenshot with a simple workflow.

Aliza Fatima

Last Update 7 days ago



SetupFollow these steps to capture a screenshot of an element on the page.
1. Expose the ID AttributeFirst, add the ID Attribute to the element you want to capture.
  • Open the element's settings.
  • Add a unique ID to the element.
  • Make sure the ID is unique on the page.
Example:
property-listing
2. Add the Screenshot ElementPlace the Screenshot element on the page where you want to use the screenshot functionality.
The Screenshot element provides the interface needed to capture the selected element.
3. Use the Capture ActionAdd the Capture action to your workflow.
In the action settings:
  • Select or enter the ID of the element you want to capture.
  • Make sure the ID matches the ID you exposed in the element's settings.
Example:
property-listing
When the workflow runs, the plugin will use this ID to locate the element and capture its screenshot.
Example WorkflowPage Element
ID: property-listing
Workflow
Button is clicked → Screenshot: Capture → ID: property-listing
The plugin will locate the element with the specified ID and capture it.
Important Notes
  • The ID must match exactly, including capitalization.
  • Use a unique ID for each element you want to capture.
  • Make sure the element is visible on the page when the Capture action is triggered.


Was this article helpful?

0 out of 0 liked this article