> For the complete documentation index, see [llms.txt](https://docs.adastacks.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adastacks.com/stacks/get-website-screenshot.md).

# Get Website Screenshot

{% hint style="info" %}
Note that this endpoint does best with websites that do not require login and do not have popups of any kind. The endpoint merely navigates to the size and screenshots it - no navigation or logins are supported.
{% endhint %}

## Walkthrough

**1.** Login to [Adastacks.com](https://adastacks.com) and navigate to your dashboard (we'll need this for your API Key in a minute)

**2.** Open a new tab in your browser and open up your Adalo app in the Adalo editor

**3.** Once open, place a test button on a screen of your choosing

**4.** Under the "Click Actions" for the button, select **Custom Action**

**5.** Give your action a name, such as "Get Website Screenshot"

**6.** Select the **Create** option from the dropdown below the Title field, then click **Next**

**7.** Copy the following URL and paste it into the Base URL field of the Custom Action

```
https://adastacks.app.n8n.cloud/webhook/screenshot?url=URLTOSCREENSHOT
```

**8.** Set the "Method" dropdown to **POST**

**9.** Add a query parameter called **Content-Type** with the value **application/json**

![](/files/-MaZ7zEwCloG89ck9zcf)

**10.** Add another query parameter called **api\_key** with your Adastacks API Key as the value

![](/files/-MaZwnVzXtyllh_lmNuA)

**11.** Add an **Input** to hold your data for the new Custom Action (*You can name this whatever you like, but below is a suggestion*)

| Suggested Input Name | Input Type | Suggested Input Test Data |
| -------------------- | ---------- | ------------------------- |
| **URL**              | Text       | *Should be any valid URL* |

**12.** Replace the **capitalized text** in the URL with the **Inputs** you just made using the **Magic Text** button in the top right of the URL field.

![](/files/-Mk9uOuN7Wi5V1m6i0Lq)

**13.** Run the test request. (See the success screenshot below). The action will return an image URL for the screenshot. To use it just set the image source in your Adalo app to this returned image URL. 

{% hint style="info" %}
Even test actions that fail return a "Test Successful" message so be sure to click **Show Full Response** to ensure the action succeeded. This is by design so that you can still save the action and return to continue setting it up later if you wish. If you do not see the results, be sure to click on **Show Full Response** to make sure it returns results. Then you can click on **+ Add Item** to add missing results.
{% endhint %}

![](/files/-Mk9uUx28CyAdYTSk9Wc)

**14.** Save the Custom Action and add it where you need it throughout your app.