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

# Email button

> Copy an HTML call-to-action button from the Email tab and paste it into the HTML editor of your email tool.

The **Email** tab generates a professional call-to-action button that links to your form. Paste it into an email and recipients can open your Survey or Quiz in one click.

<Frame caption="Open the Email tab to copy the button snippet and check its previews.">
  <video autoPlay muted loop playsInline className="w-full" src="https://mintcdn.com/formai-app/XBaZxbZCaxkDZx0d/videos/share-email.mp4?fit=max&auto=format&n=XBaZxbZCaxkDZx0d&q=85&s=6170b73c7c98de00fc3b99e81d5d7b0c" aria-label="Opening the Share tab and choosing Email, showing the HTML button snippet with a Copy button, Button Preview and Email Preview" data-path="videos/share-email.mp4" />
</Frame>

## Add the button to an email

<Steps>
  <Step title="Publish the form">
    Click **Publish** in the editor's top bar. See [Publish and share](/user-guide/share/publish-and-share).
  </Step>

  <Step title="Open the Email tab">
    Click **Share**, then choose **Email**.
  </Step>

  <Step title="Check the preview">
    **Button Preview** shows the button, and **Email Preview** shows how it looks inside an email.
  </Step>

  <Step title="Copy the snippet">
    Click **Copy** to copy the HTML.
  </Step>

  <Step title="Paste it into your email tool">
    Open the HTML editor in your email tool and paste the snippet where you want the button to appear.
  </Step>
</Steps>

## What you get

The snippet is an HTML link (`<a>`) styled as a button, with a label such as **Take Survey**. It points to your form's share link, so recipients land on the same page as anyone using the link directly.

The copied snippet looks like this, with your own form link:

```html theme={null}
<a href="https://ui.formai.app/to/YOUR_FORM_ID" style="display:inline-block;padding:12px 24px;background-color:#4f46e5;color:white;text-decoration:none;border-radius:4px;font-family:Arial,sans-serif;">Take Survey</a>
```

Change the `background-color` or the label in your email tool if you want the button to match your brand.

It works with the HTML editors in email tools such as Mailchimp, SendGrid and Gmail.

<Info>
  The Email tab produces a snippet for you to paste. FormAI does not connect to your email account and does not send campaigns for you.
</Info>

## Next steps

<CardGroup cols={2}>
  <Card title="Publish and share" icon="share-nodes" href="/user-guide/share/publish-and-share">
    Copy your share link and post to social channels.
  </Card>

  <Card title="Embed on your website" icon="code" href="/user-guide/share/embed-on-your-website">
    Show your form on one of your own pages.
  </Card>

  <Card title="Form settings" icon="gear" href="/user-guide/settings/form-settings">
    Edit the text respondents see.
  </Card>

  <Card title="Individual responses" icon="table-columns" href="/user-guide/results/individual-responses">
    See who answered.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.