> ## Documentation Index
> Fetch the complete documentation index at: https://docsautomator.co/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# How It Works

> Understand the DocsAutomator workflow from template to finished document

DocsAutomator turns your data into professionally formatted PDFs through a straightforward five-step process. This page explains each step at a high level so you understand how the pieces fit together.

## The Document Generation Workflow

<Steps>
  <Step title="Create Your Template">
    DocsAutomator supports two template types. Choose the one that fits your workflow:

    **Google Doc Templates** — Create a Google Doc and add **placeholders** using double curly brackets wherever you want dynamic data inserted:

    ```
    Dear {{client_name}},

    Your invoice total is {{total_amount}}.
    ```

    Placeholders work for text, images, tables, and entire sections of your document. You can also start from a pre-built template in the [Template Gallery](https://docsautomator.co/templates/).

    **PDF Templates** — Upload an existing PDF and position data fields on top of it using the visual editor. The PDF itself is not modified — DocsAutomator overlays your data onto the original layout at generation time. Ideal for pre-designed forms, certificates, or branded documents.

    <CardGroup cols={2}>
      <Card title="Google Doc Template Guide" icon="file-lines" href="/docsautomator-basics/google-doc-template-guide">
        Learn the full placeholder syntax
      </Card>

      <Card title="PDF Template Guide" icon="file-pdf" href="/docsautomator-basics/pdf-template-guide">
        Overlay data fields on existing PDFs
      </Card>
    </CardGroup>
  </Step>

  <Step title="Connect Your Data Source">
    Link DocsAutomator to the platform where your data lives. Supported data sources include:

    <CardGroup cols={3}>
      <Card title="Airtable" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/airtable.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=28607b585218f658b9f67bc91126c7d3" href="/integrations-api/airtable" width="513" height="513" data-path="icons/airtable.png" />

      <Card title="Notion" icon="https://mintcdn.com/docsautomator/NYgAcOBAq5Aqcflj/icons/notion.png?fit=max&auto=format&n=NYgAcOBAq5Aqcflj&q=85&s=01471b118e9edd2a30c8a7e774c9fbd2" href="/integrations-api/notion" width="512" height="512" data-path="icons/notion.png" />

      <Card title="Google Sheets" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/google-sheets.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=f6a1f8c32aac71436671f0f8cfd310cb" href="/integrations-api/google-sheets" width="513" height="513" data-path="icons/google-sheets.png" />

      <Card title="SmartSuite" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/smartsuite.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=10dfdb288c33d4dbea8012f4c5f2936c" href="/integrations-api/smartsuite" width="513" height="512" data-path="icons/smartsuite.png" />

      <Card title="ClickUp" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/clickup.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=8a3c31e61295dfb887516c3efb793d63" href="/integrations-api/clickup" width="513" height="513" data-path="icons/clickup.png" />

      <Card title="Glide" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/glide.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=81ff59a6e78621d48b7cb9c6f3e0c27f" href="/integrations-api/glide" width="513" height="513" data-path="icons/glide.png" />

      <Card title="Noloco" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/noloco.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=df22d3bd0fa35ecc8add9ebf86d15c6d" href="/integrations-api/noloco" width="500" height="500" data-path="icons/noloco.png" />

      <Card title="Zapier" icon="https://mintcdn.com/docsautomator/aWJzng63hl4bgVX9/icons/zapier.svg?fit=max&auto=format&n=aWJzng63hl4bgVX9&q=85&s=775e7503baacd3bb0432755fc8fc2d65" href="/integrations-api/zapier" width="250" height="250" data-path="icons/zapier.svg" />

      <Card title="n8n" icon="https://mintcdn.com/docsautomator/aWJzng63hl4bgVX9/icons/n8n.svg?fit=max&auto=format&n=aWJzng63hl4bgVX9&q=85&s=14338d858c53c845d1156f6beadc5140" href="/integrations-api/n8n" width="160" height="160" data-path="icons/n8n.svg" />

      <Card title="Make" icon="https://mintcdn.com/docsautomator/aWJzng63hl4bgVX9/icons/make.svg?fit=max&auto=format&n=aWJzng63hl4bgVX9&q=85&s=90b6353f5265ddae61e215dcdf26e730" href="/integrations-api/make" width="24" height="24" data-path="icons/make.svg" />

      <Card title="Softr" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/softr.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=3b68be50d544aa1d8dd64bef03be7950" href="/integrations-api/softr" width="1024" height="1024" data-path="icons/softr.png" />

      <Card title="API" icon="https://mintcdn.com/docsautomator/RhMPtoP5XSWiJkcL/icons/api.png?fit=max&auto=format&n=RhMPtoP5XSWiJkcL&q=85&s=2f0e1eabd2ab8a14abf889932233692c" href="/integrations-api/docsautomator-api" width="513" height="513" data-path="icons/api.png" />

      <Card title="MCP" icon="https://mintcdn.com/docsautomator/aWJzng63hl4bgVX9/icons/mcp.svg?fit=max&auto=format&n=aWJzng63hl4bgVX9&q=85&s=a124d89f318cbd860b6ea1d933f37354" href="/integrations-api/docsautomator-mcp" width="24" height="24" data-path="icons/mcp.svg" />
    </CardGroup>
  </Step>

  <Step title="Map Data Fields to Placeholders">
    Tell DocsAutomator which data fields correspond to which template placeholders. The mapping interface shows all placeholders detected in your template and lets you assign data source fields to each one.

    For example:

    | Template Placeholder | Data Source Field     |
    | -------------------- | --------------------- |
    | `{{client_name}}`    | Customer Name column  |
    | `{{total_amount}}`   | Invoice Total column  |
    | `{{image_logo}}`     | Logo attachment field |

    DocsAutomator also supports AI-powered field mapping that automatically suggests matches based on field names.
  </Step>

  <Step title="Preview Your Document">
    Generate unlimited previews without using any document credits. Previews let you verify that:

    * Placeholders are replaced correctly
    * Line item tables expand as expected
    * Images render at the right size
    * Conditional sections show or hide properly

    <Card title="Document Previews" icon="eye" href="/features/document-previews">
      Learn more about preview options
    </Card>
  </Step>

  <Step title="Trigger Document Generation">
    Choose how documents get created. DocsAutomator supports three trigger methods:

    | Method        | How It Works                                                               | Best For            |
    | ------------- | -------------------------------------------------------------------------- | ------------------- |
    | **Automatic** | Documents generate when records are created or updated in your data source | Hands-off workflows |
    | **Manual**    | Trigger generation via a button, menu, or formula in your data source      | On-demand documents |
    | **API**       | Send a POST request to the `/createDocument` endpoint                      | Custom applications |

    Each generated document produces a PDF (and optionally a Google Doc) that can be saved, emailed, merged with other PDFs, sent to a webhook, or routed through an **e-signature workflow** for legally binding signatures.
  </Step>
</Steps>

## What Happens After Generation

Once a document is generated, DocsAutomator can perform several actions automatically:

<CardGroup cols={2}>
  <Card title="Save Google Doc" icon="google" href="/features/actions-after-document-generation/saving-google-docs">
    Save an editable copy to Google Drive
  </Card>

  <Card title="Save PDF to Drive" icon="hard-drive" href="/features/actions-after-document-generation/save-pdfs-in-google-drive">
    Store the PDF in a designated folder
  </Card>

  <Card title="Send Email" icon="envelope" href="/features/actions-after-document-generation/send-email">
    Email documents to recipients automatically
  </Card>

  <Card title="Merge PDFs" icon="copy" href="/features/actions-after-document-generation/merge-existing-pdfs">
    Combine with existing PDF documents
  </Card>

  <Card title="Notify Webhook" icon="bell" href="/features/actions-after-document-generation/notify-webhook">
    Send data to external services
  </Card>

  <Card title="Collect Signatures" icon="signature" href="/features/docsautomator-esign">
    Add e-signature workflows to documents
  </Card>
</CardGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Quickstart Guide" icon="bolt" href="/docsautomator-basics/quickstart-guide">
    Set up your first automation step by step
  </Card>

  <Card title="Google Doc Template Guide" icon="file-lines" href="/docsautomator-basics/google-doc-template-guide">
    Learn the complete placeholder syntax
  </Card>

  <Card title="PDF Template Guide" icon="file-pdf" href="/docsautomator-basics/pdf-template-guide">
    Overlay data fields on existing PDFs
  </Card>

  <Card title="E-Signatures" icon="signature" href="/features/docsautomator-esign">
    Collect legally binding signatures
  </Card>
</CardGroup>
