Forms — Tustel Framer

Tustel takes project enquiries through one Framer form on the Contact page, which shows a sending state and a “Thank you” without any code.

It has no destination when you copy the template: until you choose one, submissions go nowhere. The general guide is Forms; this page covers Tustel’s form.

Choose where submissions go

1. Open the Contact page and select the form: the layer named Form in the Layers tab. Or click a field, then select its parent until the right panel shows Form.

2. In the right panel → Form, find Send to and click Add….

3. Pick a destination:

   Destination	What happens
   Email	Each submission is emailed to the address you enter
   Webhook	Each submission is posted as JSON to a URL: Zapier, Make, n8n, your CRM, your own server
   Google Sheets	Each submission becomes a row. Connect your Google account first in Settings → Forms.

You can add more than one destination. Framer’s guide to webhooks is Connect Framer forms to a webhook.

The form’s other settings stay as they are: Redirect is empty, so the button itself says “Thank you” once the form is sent, and Antispam is set to Basic. The form sits on the page on Desktop, Tablet and Phone; one setting covers all three.

The fields

The form has seven fields, then the note “All fields marked with * are required.” and the button (Button/Form):

Field on the page	Name the destination receives	Notes
Name	Name	Required. Placeholder “Jane Smith”
Email	Email	An e-mail field. Required. Placeholder jane@framer.com
Organization	Organization	Placeholder “Framer”
Project Type	Project	A select: Photography, Brand Identity, Web Design, Creative Direction, Art Direction, Other. Required
Estimated Budget	Budget	A select: Under $2,000, $2,000 – $5,000, $5,000 – $10,000, $10,000+. Required
Timeline	Timeline
Message	Message	A text area

Each field has a name in the right panel: that is the key your email, webhook or sheet receives. Rename a field’s label freely; change its name only if you also update where the data goes (a sheet’s columns, a webhook).

Three things to set before you publish:

• The asterisks. Only Name and Email show one, but Project Type and Estimated Budget are required too, so the note under the form doesn’t tell the whole story. Add the orange * to both labels, or make the two selects optional (select each and turn off Required in the right panel).
• The e-mail placeholder reads jane@framer.com, Framer’s sample. Change it to jane@example.com or your own example.
• The organization placeholder reads “Framer”, also Framer’s sample. Change it to “Your company” or a name of your own.

The project types and the budget ranges are typed into the two selects; they don’t follow the Service collection. Edit their options in the right panel to match your services and your prices.

Test it

Publish, then submit the form on the live site with a real address, on a phone as well as a laptop, and check that each submission arrived at every destination you added. Test on the published site rather than in the editor preview, so you see exactly what visitors get.

Privacy

Submissions go only to the destinations you add. The template has no privacy page: say what you do with the data, for example on a short privacy page linked from the note under the form or from the footer, and keep that text in step with what you do. Don’t add senders to a mailing list unless they asked for it.