Newsletter Signup

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.

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.

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.

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.