Setting up a Custom Email Form

Requires Pro Plus or higher

  1. Click Add Element

  2. Click Form to create a new Form element.

  3. Set Type to Custom, then Send Email.

  4. (Optional) Enter one or more Recipient Email addresses (up to five) if you want this particular form's messages sent somewhere other than your Carrd account email (the default).

  5. (Optional) Create a Subject Template for messages sent by this form, optionally including submitted field values by way of variables. If omitted, falls back to a generic subject line.

  6. (Optional) Create a Body Template for messages sent by this form, optionally including submitted field values by way of variables. If omitted, falls back to a default message enumerating all submitted field values.

  7. Click Fields

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

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

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

    Text Accepts a short, single line of text.
    Email Accepts a valid email address (eg. user@domain.ext).
    Text Area Accepts multiple lines of text.
    Select Accepts a single option chosen from a dropdown menu.
    Checkbox Accepts either a "checked" or "unchecked" state.
    Phone Accepts a valid phone number.
    Number Accepts a valid integer, decimal or currency value.
    Date Accepts a valid date (eg. 2016-03-07). When clicked, opens the browser's native date picker dialog.
    File Accepts a single file upload (up to 16MB).
    Hidden Accepts a single line of predefined text.

  11. (Optional) Configure any options specific to the field's type.

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

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

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

  15. Click Add to add additional fields, repeating steps 9 through 14 for each.

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

  17. (Optional) If this form has an email field with the ID email, check Prefill Reply-To address to prefill the "Reply-To" header of messages sent by this form with its value.

  18. (Optional) Choose an On Success behavior.

  19. (Optional) Choose an On Failure behavior.

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

  21. (Optional) Check Collect UTM parameters to automatically include all detected UTM parameters as additional fields. The following fields will be populated if detected: utm_source, utm_medium, utm_campaign, utm_term, and utm_content.

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