Forms — Ciketo Framer

Ciketo takes quote requests through two Framer forms with the same fields, which show a sending state and a “Thank you” without any code:

• the quote section (Section/Qoutes): “Get a Quote” on Home and on every service page;
• the Contact page’s own form, next to the address and the business hours.

Neither has a destination when you copy the template: until you choose one, submissions go nowhere. The general guide is Forms; this page covers Ciketo’s forms.

Choose where submissions go

The quote section is one component, so one setting covers Home and every service page. There are two forms to set up:

• the Section/Qoutes component, in Assets → Components → Project → Section;
• the Contact page.

For each one:

1. Open the component (or the Contact page) and select the form: the layer that holds the fields and the button. 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 forms’ 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 fields

Both forms have the same eleven fields, in three groups (Contact Information, Shipment Details, Additional Details), and the button “Request My Quote”:

Field on the page	Name the destination receives	Notes
Full Name	Name
Company Name	Company
Work Email	Email
Phone Number	Phone
Origin	Origin
Destination	Destination
Shipping Method	Location	A select: Ocean Freight, Air Freight, Road Freight, Multimodal. The only required field
Estimated Weight	Weight
Preferred Departure Date	Date	A date field
Tell us about your shipment	Message	A text area
The checkbox “By submitting this form, you agree to be contacted…”	Newsletter	The consent to be contacted

Each field has a name in the right panel: that is the key your email, webhook or sheet receives. Two names don’t say what the field holds:

• Location is the shipping method, not a place;
• Newsletter is the consent checkbox under the message, not a newsletter sign-up.

Rename them so your submissions read clearly, for example Method and Consent: select the input and change its Name in the right panel, in both forms. 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, in both forms:

• Required fields. Only the shipping method is required, so a request can arrive without a name or an e-mail. Select Work Email (and Full Name, if you like) and mark it as 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 date placeholder reads “Enter shipment weight”, copied from the weight field. Clear it, or write a date hint.

The four shipping methods are typed into the select: edit its options in the right panel if you offer others.

Test it

Publish, then submit both forms 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 checkbox asks visitors to agree to be contacted about their request: it is not a consent to a newsletter, whatever its name says, so don’t add senders to a mailing list because of it. Say what you do with the data in your privacy policy (the footer links to it), and keep that text in step with what you do.