# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.adastacks.com/stacks/get-website-link-preview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.