When you're using one of the signup sections in everypage, it's often the case that you want email addresses, and a common place to send these is Mailchimp. Implementing Mailchimp into everypage is a bit fiddly but will only take about a minute.

The video version of this tutorial is here:

https://youtu.be/9Ux1jG6NcWs

The first thing to do is go into Mailchimp to get some details. Log in to https://admin.mailchimp.com and then click on "Audience" and then "Signup Forms"

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/56077428-e2d0-4ada-96da-1b1c92608035/Screen_Shot_2020-08-06_at_11.59.42.png

Then go to "Embedded Forms"

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/67cbd0d6-1ba9-42e8-86f7-c9233ee6d355/Screen_Shot_2020-08-06_at_12.04.14.png

On the Embedded Forms page, scroll to the "Copy/paste onto your site" section

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/82f64f9f-36ae-49e0-8610-a2f6bbf9d3ab/Screen_Shot_2020-08-06_at_12.04.35.png

I'll zoom in to make the next part easier. You need to grab 4 pieces of information from here:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/abe9e020-b98c-422b-908a-eb6dd68b5839/Screen_Shot_2020-08-06_at_12.08.47.png

The three pieces of information are:

  1. The formDomain which is between [https://](<https://and>) and/subscribe in the url. In my case it was [kibalabs.us17.list-manage.com](<http://kibalabs.us17.list-manage.com>) and should look similar for yours.

  2. The accountId is the part between u= and &amp; in the url.

  3. The audienceId is the part after id= in the url.

Once you've got these fields you should use them to fill the form fields in the json of your signup section. Once filled, your page should look something like this:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/19c2de41-5e40-45bd-befb-3c973688f000/Screen_Shot_2020-08-06_at_12.15.58.png

Here's the copy-pastable JSON:

"inputName": "email",
"inputType": "email",
"formAction": "POST",
"formTarget": "<https://api.kiba.dev/v1/mailchimp-subscribe>",
"formAdditionalInputs": [
  {
    "name": "formDomain",
    "value": "<from step 5 above>"
  },
  {
    "name": "accountId",
    "value": "<from step 6 above>"
  },
  {
    "name": "audienceId",
    "value": "<from step 7 above>"
  }
]