> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Fillout custom email notifications

> Automate email sending, pipe previous answers, and style your email. Opt to send emails after a certain time frame or only when certain answers are selected.

## How to send a custom email

<Steps>
  <Step title="Start with a workflow">
    Click `Integrate` on the top menu of your form, followed by `Workflows`. Then, choose a template under **Notifications**. Alternatively, you may open a form's **Settings** page followed by **Custom emails**.

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-07at3.53.10PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=bce0d95cc94c1af7bb899e05b422624a" alt="Screenshot 2025-10-07 at 3.53.10 PM.png" width="2594" height="883" data-path="images/Screenshot2025-10-07at3.53.10PM.png" />

    Choose if you want to send one right away through a **Thank you email**, **Send email after delay**, or **Send email only if conditions match**.
  </Step>

  <Step title="Edit your email">
    Then, `Edit` the contents of your email

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-07at3.55.44PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=81e152e84dd18c9a14c605292df07dbb" alt="Screenshot 2025-10-07 at 3.55.44 PM.png" width="2176" height="902" data-path="images/Screenshot2025-10-07at3.55.44PM.png" />

    Change the default details if you prefer. You can also opt to **Send email from** your SMTP server or GMail or Outlook account.

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/60XYaN8M6v6eMBSZ/images/Screenshot2025-10-07at4.00.02PM.png?fit=max&auto=format&n=60XYaN8M6v6eMBSZ&q=85&s=ca65920071b9f5b132bd9d94fe86b81e" alt="Screenshot 2025-10-07 at 4.00.02 PM.png" title="Screenshot 2025-10-07 at 4.00.02 PM.png" style={{ width:"48%" }} width="832" height="1348" data-path="images/Screenshot2025-10-07at4.00.02PM.png" />
  </Step>

  <Step title="Reference answers (optional)">
    You can also pipe answers, like First Name, by typing **@** or clicking <Icon icon="square-plus" iconType="solid" /> and choosing the corresponding field or question.

    <img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/O73a9Lw1a3atcmLD/images/Screenshot2025-06-11at7.19.08PM.png?fit=max&auto=format&n=O73a9Lw1a3atcmLD&q=85&s=d95788c5becf54a68eccd362fa391b98" alt="Screenshot 2025-06-11 at 7.19.08 PM.png" style={{ width:"90%" }} width="1615" height="598" data-path="images/Screenshot2025-06-11at7.19.08PM.png" />

    [Calculations](/calculations) can also be used to insert dynamic text into your emails. Be sure to `Test` your email workflow before clicking `Publish` on the upper right corner.
  </Step>
</Steps>

### Send different messages based on responses

You can send a different message to a group of respondents depending on their answers. Choose **Send email only if conditions match**.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/O73a9Lw1a3atcmLD/images/Screenshot2025-06-11at7.13.02PM.png?fit=max&auto=format&n=O73a9Lw1a3atcmLD&q=85&s=6717240490abfff6db64ab250feec8b6" alt="Screenshot 2025-06-11 at 7.13.02 PM.png" style={{ width:"45%" }} width="947" height="1452" data-path="images/Screenshot2025-06-11at7.13.02PM.png" />

Then, set up conditional logic by choosing a question followed by a condition. For example, we'll send a custom email to those who responded Yes to Will you be attending the event?

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/u2EZ6ISDg1R6HSZi/images/workflows/image-20.png?fit=max&auto=format&n=u2EZ6ISDg1R6HSZi&q=85&s=ebdced065fdd62783a55ac4d88036cae" alt="Fillout Workflow" style={{ width:"68%" }} width="1288" height="412" data-path="images/workflows/image-20.png" />

That's it! Now, only respondents who will attend the event will be receiving an email.

### Send emails after a specified duration

You can opt to **Send email after delay** and `Edit` how later you want to send it in minutes, hours, or days.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/O73a9Lw1a3atcmLD/images/Screenshot2025-06-11at7.23.45PM.png?fit=max&auto=format&n=O73a9Lw1a3atcmLD&q=85&s=a4f3b512e4b41b104af1a66c0274e22d" alt="Screenshot 2025-06-11 at 7.23.45 PM.png" style={{ width:"41%" }} width="708" height="1359" data-path="images/Screenshot2025-06-11at7.23.45PM.png" />

## Style your email

To customize the look of your message, go to `Email`. Select your preferred **Style** and **Theme**. Click <Icon icon="circle-plus" iconType="solid" /> to add more elements.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/O73a9Lw1a3atcmLD/images/Screenshot2025-06-11at7.17.56PM.png?fit=max&auto=format&n=O73a9Lw1a3atcmLD&q=85&s=6cd088ac0a69ec5c8b85631288764d14" alt="Screenshot 2025-06-11 at 7.17.56 PM.png" style={{ width:"88%" }} width="1817" height="1296" data-path="images/Screenshot2025-06-11at7.17.56PM.png" />

To change the text formatting and color, or add a hyperlink, simply highlight any text.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/O73a9Lw1a3atcmLD/images/Screenshot2025-06-11at7.18.50PM.png?fit=max&auto=format&n=O73a9Lw1a3atcmLD&q=85&s=567a9365aba845d5f05889478f870a9a" alt="Screenshot 2025-06-11 at 7.18.50 PM.png" style={{ width:"91%" }} width="1190" height="618" data-path="images/Screenshot2025-06-11at7.18.50PM.png" />

## Add a submission overview

Here's a quick way to show your respondents a summary of their form submission.

<iframe width="100%" height="420" src="https://www.youtube.com/embed/o48m_x3Pg84" title="Fillout Workflows - Email Notifications" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

## Related articles

<CardGroup cols={3}>
  <Card color="#FFC738" icon="wand-magic-sparkles" iconType="regular" href="/answer-piping" title="Answer piping">
    Insert previous answers into upcoming questions or fields.
  </Card>

  <Card color="#FFC738" icon="clock" iconType="regular" href="/delay-workflows" title="Delay (&#x22;wait 4 hours&#x22;)">
    Pause workflows for minutes, hours, or days.
  </Card>

  <Card color="#FFC738" icon="inbox-out" iconType="regular" href="/smtp" title="Use SMTP">
    Send emails using your SMTP server to ensure reliable delivery.
  </Card>
</CardGroup>
