### A simple component to capture email addresses for your external tool.

(Image content)

[

**Want to create your own recipes?** Install the "Schema Import/Export" plugin, export one or more models/block models as JSON files, and then reimport them into another DatoCMS project!

](https://www.datocms.com/marketplace/plugins/i/datocms-plugin-schema-import-export.md)

### TLDR

The Newsletter component is a simple section to add to pages or posts, allowing editors to collect email addresses and send to an external tool like Mailerlite or Mailchimp.

## Schema

The structure of the Newsletter Signup is simple and straightforward.

### Cosmetics

Editors can establish the content and visuals of the newsletter capture. The fields allow for setting a background colour along with simple string fields to set a header, description, and a disclaimer.

(Image content)

For a richer newsletter signup we'd recommend extending the model by introducing media fields to set a background image if required.

### Audience

The Audience fieldset contains a single string field to set an Audience ID. When using tools like Mailerlite and Mailchimp, editors often have several segments to send email addresses to. Ideally on the frontend you would implement a newsletter form as defined by your email provider.

(Image content)

This Audience ID field is where they would set the Audience ID, and using webhooks or any other API connections, you can ensure that submissions on this component go to the correct segment.

## Editor Experience

Editors will see a straightforward form to set the content as defined in the fields above.

(Image content)

You can extend this model to handle more complex configurations, such as setting hidden fields and audience attributes, as well as adding multiple Audience IDs as required.