ComposeIt LogoComposeIt
Automation ideas

Generate PDF Invoices from Airtable with ComposeIt

Automatically generate professionally styled PDF invoices directly from your Airtable records using ComposeIt.

Automatically generate professionally styled PDF invoices directly from your Airtable records. This guide walks you through connecting Airtable’s Order Tracking & Invoicing base to ComposeIt, mapping live record fields into dynamic template variables, and preparing auto-named PDF attachments for your workflow.


1. Create a New Invoice Template in ComposeIt

Start by creating a new document in ComposeIt using the built-in Invoice template.

  1. Navigate to Templates in the left sidebar and click Create Template.
  2. Name your template (e.g., Invoice 1), set the type to Document, and select the Invoice 1 layout under the starter choices.
  3. Click Create Template.
Creating a new Invoice template in ComposeIt

2. Preview the Default Data Source and Canvas Layout

When you open the new template, ComposeIt loads dummy data sources (invoice, company, product) to help you preview layout rendering immediately.

  • Click the Data Sources tab on the left sidebar to inspect the default collections and test records.
  • Switch to the Preview (PDF Viewer) mode to see how mock variables render into a final page.
  • Select elements on the canvas to see default variable bindings, such as {{number}}, {{date}}, and line item collections.
Default mock collections loaded in ComposeIt Template canvas showing starter variable bindings PDF viewer rendering dynamic default data

3. Set Up Your Base in Airtable

Next, prepare your data base in Airtable.

  1. Create or open an Airtable base using the standard Order Tracking & Invoicing template.
  2. Open the Invoices table.
  3. Add a new field named Invoice PDFs with the type set to Attachment. ComposeIt will use this column to store generated PDF documents back to Airtable.
Airtable Invoices table showing the added Invoice PDFs field

4. Connect ComposeIt to Airtable

Now, replace the dummy template collections with your live Airtable data source.

  1. In ComposeIt, navigate to Data Sources.
  2. Delete all existing default collections (invoice, company, product).
  3. Once empty, click Connect to Airtable.
Data Sources panel with cleared collections and Airtable button
  1. In the configuration modal:
    • Select your Airtable Connection.
    • Choose the Order Tracking & Invoicing base.
    • Select the Invoices table.
  2. Click Save Configuration.
Airtable connection setup modal

Once connected, ComposeIt instantly fetches live records from your base into the preview table.

Live Airtable invoice records loaded inside ComposeIt

5. Configure Dynamic PDF File Naming

To ensure generated documents stay organized, configure a dynamic file naming pattern based on Airtable record IDs or Invoice numbers.

  1. Open Settings (gear icon) in the left toolbar.
  2. Under Name Pattern, enter your dynamic binding string:
    {{[Invoice ID]}}
  3. ComposeIt will automatically name each generated file using the record's unique ID when exporting.
Setting dynamic output filename pattern in ComposeIt

6. Map Airtable Fields to Canvas & Clean Up

Now, map the live Airtable fields to replace the template's placeholder variables and clean up unused visual elements.

  1. Select text elements in the canvas and bind them to your new Airtable fields:
    • Invoice Number: {{Invoice #}}
    • Invoice Date: {{Invoice Date}}
    • Due Date: {{Invoice Due Date}}
    • Client Info: {{Client.Client}} and {{Client.Billing Contact}}
    • Line Items Table: Map {{Task}}, {{Notes}}, {{Total Hourly Rate}}, {{Billable Hours}}, and {{Invoice Amount}}.
  2. Remove unneeded elements:
    • Select the Signature block at the bottom right of the template and delete it.
Canvas layout remapped with Airtable variables and cleaned up signature block

7. Dynamic Logo & Asset Sizing

Make your invoice header dynamic by linking the brand logo directly to your Airtable attachment record:

  1. Select the logo image on the canvas and set its fixed width to 200px.
  2. Open the image properties and bind the src field dynamically to the Airtable attachment thumbnail path:
    Logo.thumbnails.small.url
    (Choose whichever thumbnail size fits best for your document resolution).
Binding dynamic logo from Airtable attachment thumbnails

8. Apply Table Sorting & Filtering Logic

Refine how line items display within your invoice table by applying conditional rules:

  1. Select your line-items table element and click Edit Logic (or open the collection logic modal).
  2. Under Sorting, add a rule to sort tasks by Task in Ascending order.
  3. Under Filter, add a condition to only display billable or completed line items (e.g., Completed isTruthy).
Applying collection sorting and filtering logic

9. Preview with Real Base Records

Switch to Preview Mode (PDF Viewer) to evaluate how live Airtable records populate your template layout.

Tip: You can quickly customize fonts, brand accents, and table background styles by opening the Themes tab on the left sidebar.

Previewing PDF invoice with live record data

Once your design is ready, publish the template and create a trigger URL for Airtable:

  1. Click Publish in the top-right corner.
  2. Go to Data Sources and Setup Integration.
  3. In the modal, switch to the Formula Button Link tab.
  4. Set Attachment Field to Invoice PDFs. This instructs ComposeIt to upload rendered PDFs directly back into Airtable.
  5. Click Copy Link to copy the generated Airtable formula.

You can also use the automation script to setup automations in Airtable but for the example we'll keep it simple

Generating Airtable Button formula code

11. Create the Trigger Button in Airtable

  1. Open your Order Tracking & Invoicing base in Airtable and select the Invoices table.
  2. Add a new column with field type Button.
  3. Set Label to Generate, Style to Solid purple, and Action to Open URL.
  4. Paste the copied formula into the URL formula field and click Create.
Configuring Airtable Button field with formula

12. Generate, Download, & View PDF Attachments

  1. Click Generate on any row inside Airtable.
  2. You will be redirected to the ComposeIt Outputs page showing generation status (Ready), where you can download the PDF file directly.
  3. Because the attachment destination was configured, ComposeIt automatically attaches the rendered PDF back into the Invoice PDFs column in Airtable.
  4. Click on the attachment thumbnail in Airtable to view your rendered document inline!
ComposeIt outputs completion page Airtable row with generated PDF attached Viewing PDF invoice inside Airtable attachment viewer

More Document Ideas for this Base

Using the remaining tables in the Order Tracking & Invoicing base (Design Projects, Tasks, Clients), here are additional document automations you can build:

1. Client Overview & Onboarding Sheets (Clients Table)

Generate single-page executive summaries for new or existing clients. Pull contact details, active billing terms, and linked project histories into a clean PDF backgrounder.

2. Task Activity & Time Tracking Audits (Tasks Table)

Build automated timesheets for client sign-off. Filter tasks by completion status, calculate total billable hours, and export itemized work logs for external auditing.

3. Project Progress Reports with Grouped Data (Design Projects Table)

Create multi-page project status reports by iterating through design projects and grouping associated deliverables by phase or status (In Progress, In Review, Completed).

To learn how to group nested table items into categorized sub-sections, see our guide on Grouping Data.

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our privacy policy.