> For the complete documentation index, see [llms.txt](https://docs.documint.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.documint.me/integrations/airtable/adding-images-from-airtable.md).

# Adding Images from Airtable

You can display images from attachment fields dynamically in your documents.

#### Example 1: Displaying a single attachment

{% tabs %}
{% tab title="Template" %}
Add image element

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2F9tRNcbXLLSPNQHTzLgph%2FScreenshot%202026-03-10%20at%2016.05.52.png?alt=media\&token=40e1f1b3-415f-4082-8345-f1661cb953e1)

Select the `Dynamic Image` option (double-click)

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FGoucFksixVPoPXmzSX8X%2FScreenshot%202026-03-10%20at%2016.08.55.png?alt=media\&token=73bdb31b-6337-45fe-a75c-3359a46101df)

The properties pane will open. Select the field name holding the image followed by `.url`

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FlD3RK0v4V8ViIl200dEK%2FScreenshot%202026-03-10%20at%2016.18.41.png?alt=media\&token=69f3d4cc-7e4c-498b-acc2-21782bc28efb)

{% hint style="info" %}
If you have a repeating list and want to display the first image, just click the `(x)` and add the field name manually with the following syntax `[Image].0.url`
{% endhint %}
{% endtab %}

{% tab title="Airtable" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FUIoRbqzFE788yhhSFST7%2FScreenshot%202026-03-10%20at%2016.21.10.png?alt=media\&token=1bfee262-7499-44a8-9a65-b82d4f605457)
{% endtab %}

{% tab title="Result" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2F9Oc7MU0jLweYmZOFuPyQ%2FScreenshot%202026-03-10%20at%2016.22.05.png?alt=media\&token=50dcb082-6a79-4a73-9729-faa5d907cfc9)
{% endtab %}
{% endtabs %}

#### Example 2: Displaying multiple images

{% tabs %}
{% tab title="Template" %}
Repeat the element for each attachment by selecting the element and opening the **Logic Editor**

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2F7uX4SB0Sw6hwvEfeVIlP%2FScreenshot%202026-03-10%20at%2016.23.42.png?alt=media\&token=06fcc93c-7927-4609-b344-7fdf80ea3953)

Switch to the **Repeat/Loop** tab, select the name of the attachment field in the **Field List** dropdown then **Save**

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FutdqB7lPZRhUMDLNydxP%2FScreenshot%202026-03-10%20at%2016.26.24.png?alt=media\&token=5aeb244d-95e1-4467-8dfe-18e83d3c9d00)

Add an Image Element to the repeating element

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FYhOKJonuewPYexrCaG3P%2FScreenshot%202026-03-10%20at%2016.28.39.png?alt=media\&token=d63a3405-4fd2-48d6-8fd2-8f309ac7e807)

Select the `Dynamic Image` option (double-click)

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FGoucFksixVPoPXmzSX8X%2FScreenshot%202026-03-10%20at%2016.08.55.png?alt=media\&token=73bdb31b-6337-45fe-a75c-3359a46101df)

The properties pane will open. Select the `url` option

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FAd1jZ4FYhmOnVXpGHteo%2FScreenshot%202026-03-10%20at%2016.31.24.png?alt=media\&token=7401546c-4f24-4cee-a00b-d6fb1d77ab3c)

{% hint style="info" %}
To reduce the size of the final document, we suggest you use the `thumbnails.large.url` option
{% endhint %}
{% endtab %}

{% tab title="Airtable" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FUIoRbqzFE788yhhSFST7%2FScreenshot%202026-03-10%20at%2016.21.10.png?alt=media\&token=1bfee262-7499-44a8-9a65-b82d4f605457)
{% endtab %}

{% tab title="Result" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2F0VYPbK4jvWiosekuwghx%2FScreenshot%202026-03-10%20at%2016.36.17.png?alt=media\&token=ec8fb627-c14e-4999-a3d6-199886e994c0)
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.documint.me/integrations/airtable/adding-images-from-airtable.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.