Add a contact form

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)

Build the form

In Google Forms, 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.

Get the embed code

Click Send → < > (Embed HTML) and copy the <iframe> snippet.

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:

<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).

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 (free tier). Create a form there to get your endpoint, then:

<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.

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.

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).

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

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.

Get started

Using Shareable

How To Guides

Publish from code or agents

API reference

Add a contact form

The easy way — Google Forms (free)

The lightweight way — a native form (Formspree)

Any form tool works

​The easy way — Google Forms (free)

​The lightweight way — a native form (Formspree)

​Any form tool works

The easy way — Google Forms (free)

The lightweight way — a native form (Formspree)

Any form tool works