> 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-link-preview.md).

# Get Website Link Preview

## Video

{% embed url="<https://www.loom.com/share/731b1c15aa504bdba3eb5b311330e27e>" %}

## 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 Link Preview"

**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/link-preview?url=URLTOPREVIEW
```

**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/-Mk9EqvKoVK7SiVVV1G-)

**13.** Run the test request. (See the success screenshot below). The action will return enough information about the website for you to build a website preview card complete with a title, description, and sample image.&#x20;

{% 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/-Mk9EvUCV_SRBQ4BQfAF)

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