Setting up a Custom URL 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 to URL.

  4. Enter your URL.

  5. Select the submission Method the form should use:

    AJAXSends the form's contents via an AJAX request. A response of 2xx (such as 200) will be interpreted as success. Anything else (such as 400) will be interpreted as failure.
    POSTSends the form's contents via a simple POST request.
    GETSends the form's contents via a simple GET request.
  6. (AJAX Only) Select the submission Format the form should use:

    DefaultSends the form's contents as a standard POST request.
    JSONSends the form's contents as a JSON payload.
    XMLSends the form's contents as an XML payload.
  7. (Optional) Enter one or more custom Headers to send with submissions (up to five).

  8. Click Fields

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

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

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

    TextAccepts a short, single line of text.
    EmailAccepts a valid email address (eg. [email protected]).
    Text AreaAccepts multiple lines of text.
    SelectAccepts a single option chosen from a dropdown menu.
    CheckboxAccepts either a "checked" or "unchecked" state.
    PhoneAccepts a valid phone number.
    NumberAccepts a valid integer, decimal or currency value.
    DateAccepts a valid date (eg. 2016-03-07). When clicked, opens the browser's native date picker dialog.
    FileAccepts a single file upload (up to 16MB).
    HiddenAccepts a single line of predefined text.
  12. (Optional) Configure any options specific to the field's type.

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

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

  15. (Optional) Assign the field a Submitted ID to identify this field's values in submissions. If Format is either JSON or XML, namespacing can be performed by including periods (for example, fields.firstname). If omitted, this will fall back to using the field's ID.

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

  17. Click Add to add additional fields, repeating steps 10 through 16 for each.

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

  19. (AJAX Only: Optional) Choose an On Success behavior.

  20. (AJAX Only: Optional) Choose an On Failure behavior.

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

  22. (Optional) If available, 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.

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