# Subscription

## **Customizing the Subscription Form**

The subscription form allows users to subscribe to your email list. To configure the subscription form, open the `config.toml` file in the `src/config` folder and find the following section:

```toml
# config.toml
# Mailchimp Subscription Form located in footer
[settings.subscription]
  enable      = true # Enables or disables the subscription form
  title       = "" # Check src/i18n/en.json and src/i18n/fr.json for changing the title in different languages or directly add value here if you are not using internationalization feature
  formAction  = "https://gmail.us11.list-manage.com/subscribe/post?u=d870b06d86c16269e4b1f9b39&id=12cf0c6ac2&f_id=007e61e1f0"
```

- `enable` → Enables/disables the subscription form.
- `title` → Defines the title of the subscription form.
- `formAction` → Specifies the action URL for the subscription form.

### Getting Mailchimp Subscription Form Action URL
Currently, we are using Mailchimp for our subscription form. You can find the form action URL in the Mailchimp dashboard. Follow the steps below to get the form action URL:

<Steps>
  <ol>
    <li>
      <h4>Create a Mailchimp Account</h4>
      <p>
        If you don't already have a Mailchimp account, sign up at
        <a href="https://login.mailchimp.com/signup/?locale=en">mailchimp.com</a> or log in if you have one.
      </p>
    </li>
    <li>
      <h4>Create an Embedded Form</h4>
      <p>
        After logging in, you will see the dashboard. From the left sidebar,
        click the <code>Create</code> button located at the top.
      </p>
      <div style="border: 1px solid black; padding: 5px">
        ![mailchimp tutorial how-to image](/mailchimp-config-1.png)
      </div>
      <p>
        Then click <code>Signup Form</code>, then <code>Embedded Form</code>,
        and fill out the form before clicking <code>Begin</code>.
      </p>
      <div style="border: 1px solid black; padding: 5px">
        ![mailchimp tutorial how-to image](/mailchimp-config-2.png)
      </div>
      <p>
        After you click <code>Begin</code>, you will see a page where you can
        add more fields. Now, from the top right, click the
        <code>Continue</code> button.
      </p>
      <div style="border: 1px solid black; padding: 5px">
        ![mailchimp tutorial how-to image](/mailchimp-config-3.png)
      </div>
      <p>
        You will then see the following page. From the embedded form code, copy
        the <code>form action</code> value and paste it into the
        <code>config.toml</code> file under the <code>formAction</code> option.
      </p>
      <div style="border: 1px solid black; padding: 5px">
        ![mailchimp tutorial how-to image](/mailchimp-config-4.png)
      </div>
      <p>
        <strong>Ready to try?</strong> Fill out and submit the subscription form
        to test it.
      </p>
    </li>
  </ol>
</Steps>