• Documentation
• Forms

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:

   AJAX	Sends 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.
   POST	Sends the form's contents via a simple POST request.
   GET	Sends the form's contents via a simple GET request.

6. (AJAX Only) Select the submission Format the form should use:

   Default	Sends the form's contents as a standard POST request.
   JSON	Sends the form's contents as a JSON payload.
   XML	Sends 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:

    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.

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.