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

# Add a contact form

> Let visitors send you a message — without setting up any backend.

Goal: a "Contact us" or "Get in touch" form on your page. Submissions go to a form
service (and your email), not to Shareable.

## The easy way — Google Forms (free)

<Steps>
  <Step title="Build the form">
    In [Google Forms](https://forms.google.com), create a form with the fields you
    want (name, email, message). Turn on email notifications under **Settings →
    Responses** if you want to be emailed on each submission.
  </Step>

  <Step title="Get the embed code">
    Click **Send → `< >` (Embed HTML)** and copy the `<iframe>` snippet.
  </Step>

  <Step title="Add it to your page">
    Tell your AI *"add this contact form embed to my page"* and paste the snippet —
    or drop it into your HTML yourself:

    ```html theme={null}
    <iframe src="https://docs.google.com/forms/d/e/XXXX/viewform?embedded=true"
            width="100%" height="720" style="border:0">Loading…</iframe>
    ```

    Publish on Shareable — the form works on your live link, and responses land in
    your Google Form (and inbox).
  </Step>
</Steps>

## The lightweight way — a native form (Formspree)

Want the form to match your page's design exactly? Use a plain HTML form that posts
to [Formspree](https://formspree.io) (free tier). Create a form there to get your
endpoint, then:

```html theme={null}
<form action="https://formspree.io/f/XXXX" method="POST">
  <input name="name" placeholder="Your name" required />
  <input name="email" type="email" placeholder="Email" required />
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
</form>
```

Your AI can style this to match the rest of the page. Submissions are emailed to you
by Formspree.

<Tip>
  Shortcut: just ask your AI *"add a contact form that emails me"* — it'll usually
  scaffold the Formspree form and tell you the one link to paste from your account.
</Tip>

## Any form tool works

The same `<iframe>` embed approach works with **Typeform**, **Tally**, **Jotform**,
**Airtable forms**, and most survey tools — copy the provider's embed snippet and
paste it into your page. The form renders and submits inside its own sandboxed
frame; Shareable just hosts the page around it (no backend, no stored submissions —
all of that stays with the form provider).

```html theme={null}
<!-- Typeform -->
<iframe src="https://form.typeform.com/to/XXXX" width="100%" height="600" style="border:0"></iframe>
```

<Note>
  Embeds load over **HTTPS** from the provider, so they work on your live link with
  no extra setup. If a form doesn't appear, double-check you copied the *embed* URL
  (usually ending in `?embedded=true` or a `/to/…` path), not the editor URL.
</Note>