> For the complete documentation index, see [llms.txt](https://bubble.digital-bird.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bubble.digital-bird.com/plugins/screenshot-element.md).

# Screenshot Element 🖼

## 🔗 Links

> [Demo](https://screenshotdemo.bubbleapps.io/) | [Editor](https://bubble.io/page?name=index\&id=screenshotdemo\&tab=tabs-1)

> [Plugin page](https://bubble.io/plugin/screenshot-element-1611427174263x940872047117205500)

## ℹ️ Introduction

![](/files/-MXgG7LUAyrlsTgTdn_r)

## 📚 Documentation

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

![](/files/-MXgGMcUY_mT1OpnX6e6)

\
2\. Define an ID for the element you want to save as Image (ID Attribute field)

![](/files/-MXgGQ5sBiZZ9vLDoiqv)

\
\
3\. Add event: "Download Element As PNG". Define filename and element\_id from the previous step

![](/files/-MXgGU3bvfaq5gt31zF0)