Custom form

Our form endpoint lets you add new contacts to your audience from an HTML form or using JavaScript.

Find the form endpoint To submit data to Cocoonmail you will need to retreive the form endpoint URL that’s linked to your Cocoonmail account.

  1. Go to the Forms page in your Cocoonmail account.
  2. Find Settings and Copy the URL shown in the Form Endpoint field.

Create a form

In a form, add input elements for each of the contact properties you want to collect.

You can add fields for any of the default contact properties plus any of your custom properties.

When adding new fields, click on Create field to create attribute for each field.

Here’s a simple example form that collects name, email address and assigns a custom user group:

<form

      action="https://app.cocoonmail.com/api/forms/YOUR_FORM_ID"

      method="POST"

    >

      <h2 style="font-size: 18px;">Form1</h2>

      <input

        name="contact.email"

        type="email"

        placeholder="email@email.com"

        required=""

      />

      <input

      name="contact.firstName"

      type="text"

      placeholder="first name"

      required=""

    />

      <button

        type="submit"

      >

        Submit

      </button>

</form>
If you need a hand integrating with your custom form, just shoot adam@cocoonmail.com an email and we’ll help you integrate with anything your specific setup ✌️

Submit with JavaScript

If you would rather submit a form using JavaScript, you can make a POST request to your form endpoint.

Make sure to set the Content-Type header to application/x-www-form-urlencoded.

function handleSubmit() {

  const formBody = `firstName=${encodeURIComponent(firstName)}&email=${encodeURIComponent(email)}`;


  // Change this URL to your own endpoint URL

  fetch("https://app.cocoonmail.com/api/forms/YOUR_FORM_ID", {

    method: "POST",

    body: formBody,

    headers: {

      "Content-Type": "application/x-www-form-urlencoded",

    },

  });

}

Responses from this form endpoint will be one of the following:

HTTP 200


{

  success: true

}
HTTP 400 or 500


{

  success: false,

  message: "A descriptive error message."

}

This endpoint is rate limited. If you go over the limit, will see a HTTP 429 error just like with the API. Read more about how to handle 429 responses

FAQ