Setting up a Custom Form

Requires Pro Plus or higher

Available with the Advanced Forms feature, Custom forms allow you to build forms with any combination of supported fields (including text fields, select fields, and even file upload fields). Your custom form can then be set to email you its contents, send a JSON payload to a Zapier zap, append a record to an Airtable, or send its contents to a custom URL. Here's how to create one:

  1. Click Add Element

  2. Click Form to create a new Form element.

  3. Set Type to Custom.

  4. Choose what you want the form to do when submitted:

    Send EmailEmails the form's contents to your Carrd account email (or an alternate recipient email).
    Send to ZapierSends the form's contents as a JSON payload to a Zapier zap (via a Webhook).
    Send to AirtableAppends the form's contents to an Airtable (as a new record).
    Send to URLSends the form's contents to a URL (via a POST, GET, or AJAX request).
  5. Click Fields

  6. Click the first field (labeled "Untitled") to expand it.

  7. Assign the field a short, descriptive Label. This label will appear either within the field itself or directly above it (depending on how you've styled your form).

  8. Set the field's Type. The following types are currently supported:

    TextAccepts a short, single line of text.
    EmailAccepts a valid email address (eg. "user@domain.ext").
    Text AreaAccepts multiple lines of text.
    SelectAccepts a single option chosen from a dropdown menu.
    CheckboxAccepts either a "checked" or "unchecked" state.
    FileAccepts a single file upload (up to 16MB). Note: currently not supported by the "Send to Airtable" action.
  9. (Optional) Configure any options specific to the field's type.

  10. (Optional) Check Optional to make the field optional.

  11. (Optional) Assign the field an ID. If omitted, an ID will be automatically generated based on the field's label.

  12. (Optional) Assign the field a Default Value.

  13. Click Add to add additional fields, repeating steps 7 through 12 for each.

  14. With the form's fields now in place, click back to Form

  15. Configure any options specific to the action you chose in step 4.

  16. (Optional) Choose an On Success behavior.

  17. (Optional) Choose an On Failure behavior.

  18. (Optional) Click the Button tab and change the form's submit button Label.

  19. (Optional) Click Done to close the properties panel.

  20. You're done! The site should now have a fully functional custom form.