Dynamic Images

Embed images from Airtable attachment fields into your generated documents.

Overview

TypeFlow lets you insert images from Airtable into your Google Docs templates. Images are automatically converted to JPEG and can be sized to fit your document layout.

Variable Syntax

Use the image variable format in your template:

{{image_xxx}}

Where xxx is any identifier you choose (e.g., image_logo, image_photo, image_signature).

Examples

Supported Formats

TypeFlow accepts these image formats from Airtable:

Setting Up Images

Step 1: Add Variable to Template

In your Google Docs template, add the image variable where you want the image to appear:

{{image_logo}}

Step 2: Map to Airtable Field

In TypeFlow, map the variable to an Airtable attachment field.

Step 3: Configure Width

Set the desired image width in pixels.

Width Customization

After mapping the image variable, you can set the width:

1. Find your image variable in the mapping section
2. Set the width in pixels (e.g., 200)
3. Height adjusts proportionally to maintain aspect ratio

Sizing Guidelines

Multiple Images

When your Airtable attachment field contains multiple images:

1. Click the three dots next to the field mapping
2. Select how many images to display
3. Choose which images (first, last, or specific count)

This is useful for fields like product galleries where you only want the primary image.

Images in Line Items

To use images inside line item tables, use a different syntax:

{{loop_image_xxx}}

This embeds images within each row of your dynamic table.

Example Table

Related: Line Items

FAQ

Related Articles

• Google Docs Template - All variable types
• Line Items - Dynamic table rows
• Product Cards - Card layouts with images

Need More Help?

• Email: support@typeflow.us
• Chat: Click the chat icon in the app