# Adding Images from Airtable

#### 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 %}