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"

Then go to "Embedded Forms"

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

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

The three pieces of information are:

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

  2. The accountId is the part between u= and & 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:

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>"
  }
]