Build anything with the WittyForm API.

1// Submit from your custom React form
2async function handleSubmit(data) {
3  const response = await fetch(
4    'https://wittyform.com/api/v1/forms/2f6d8f08-6b99-4f7b-a7b9-2f3cd5e1028a/responses',
5    {
6      method: 'POST',
7      headers: {
8        'x-api-key': 'your_api_key_here',
9        'Content-Type': 'application/json',
10      },
11      body: JSON.stringify({
12        answers: {
13          email: data.get('email'),
14          name: data.get('name'),
15          message: data.get('message'),
16        },
17      }),
18    }
19  );
20
21  const result = await response.json();
22  // Webhooks fire automatically
23  return result.data.response.id;
24}

1// Fetch responses for a form
2const response = await fetch(
3  'https://wittyform.com/api/v1/forms/2f6d8f08-6b99-4f7b-a7b9-2f3cd5e1028a/responses?per_page=50',
4  {
5    headers: {
6      'x-api-key': 'your_api_key_here',
7    },
8  }
9);
10
11const payload = await response.json();
12const { responses, pagination } = payload.data;
13
14// Process responses for your dashboard
15const analytics = {
16  totalResponses: pagination.total,
17  recentSubmissions: responses.length,
18  // Build your own metrics from the data
19};

1// Your webhook endpoint receives submissions
2app.post('/webhooks/wittyform', (req, res) => {
3  const { event, data } = req.body;
4
5  if (event === 'form.submitted') {
6    // Forward to Slack
7    notifySlack(data.answers);
8
9    // Add to your CRM
10    createContact(data.answers.email, data.answers.name);
11
12    // Append to Google Sheet
13    appendToSheet(data.answers);
14  }
15
16  res.status(200).send('OK');
17});