# 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%2FmFXqlWot1rL8h4pnTzrP%2FAdd%20Image.png?alt=media\&token=0886b2bc-5970-42e1-93c9-cdaf1046bc8b)

Add path to image URL

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FVm8MqlmRWn8JsqQOkYOC%2FSelect%20Image.png?alt=media\&token=bc081ad7-38a6-4e1e-8710-80bf1dc2ac3a)

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FqJDMfb6Umd5UR3wrUiPh%2FSelect%20Image%202.png?alt=media\&token=716c6c57-a408-4072-b417-f82ed135eaa2)

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FWpA0zzoeRV40qzfVUN5o%2FTemplate%20with%20Image.png?alt=media\&token=6ba88627-86ed-4e2b-95df-4aac1d2440a5)
{% endtab %}

{% tab title="Airtable" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FPBkvdkreSeDWO9uh7Qww%2FAttachment.png?alt=media\&token=822bd7e7-31ee-44b2-acdf-19c8e6499eb0)
{% endtab %}

{% tab title="Result" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FphX2VcCFva0cAhTfw3bb%2FResult.png?alt=media\&token=152e1169-63bd-4964-8815-ee3ef989dae4)
{% 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%2F3z2lf2HlRAUK4mVvGwGD%2FSelect%20Section.png?alt=media\&token=c5fefb97-13e4-47d2-989f-39a7d5a7b0e2)

Switch to the **Repeat/Loop** tab, enter the name of the attachment field in the **List variable** input then **Save**

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FO5Us7LolBxsefUnmS9yw%2FEdit%20Logic.png?alt=media\&token=73701716-69c4-4091-8902-e94d92975b5a)

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%2Fk2WKGf1U65zBUPo33YVh%2FAdd%20Image.png?alt=media\&token=659f0613-c812-4929-8f21-8bc972fdb5ab)

Add the variable as the path to image URL

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FwoafdRjIKE1AbPGHdMrr%2FSelect%20Image%20-%20URL.png?alt=media\&token=f511051c-9e59-4fd7-8497-0966a5cc7647)

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FjdRPfVcD49Zchl7kVJyX%2FSelect%20Image%20URL%202.png?alt=media\&token=8fe81676-3406-4b4c-88c2-e45946587acd)

Final Template

![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FzOK3hUFXW0QMMGoFaprC%2FTemplate%20with%20Image.png?alt=media\&token=1946c7a8-1c35-4811-a066-eb067a8c8e12)
{% endtab %}

{% tab title="Airtable" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FCIiYhe8vI1cLQe9Z6oEF%2FAll%20Images%20-%20Airtable.png?alt=media\&token=9bc5112f-8b90-42b3-b63d-10024012af9d)
{% endtab %}

{% tab title="Result" %}
![](https://1903534506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTY5wPd81K7B5rjyG5tjS%2Fuploads%2FOxK5WGlV3DM1aL2Hvezo%2FReslt%20-%20All%20Images.png?alt=media\&token=c32d16d5-17f9-4c09-bb11-6142d7643d0a)
{% endtab %}
{% endtabs %}

##