Guides & tutorials
Guides & tutorials
Arengu allows you to create newsletter subscription forms with a predefined template. Thanks to the MailChimp native action, you can aggregate users to your newsletter lists, without coding and in no time.
If you wish to create a newsletter subscription form with other third-party services, you can do so by sending a request to the target API.
Besides being able to generate a full newsletter form, keep in mind you can also complement it with other integrations, or with your own server-side logic, without having to code.
This is how to create and configure a newsletter subscription form with Arengu and MailChimp.
Click on Create new form and select the template Newsletter Sign-up that will generate a predefined form with the correspondent flows.
After you select the template, a form will be automatically created, and you will be redirected to the form editor. Here, you can add or remove fields, configure settings for each field, set notification preferences, arrange data privacy options, or customize the design of the flow. Use the menu on the right side of the editor in order to personalize every aspect of the form.
On the right-side menu, click on Flows to see what flows are linked to your form, and in which stages.
In this case, the Newsletter Sign-up template aggregates two flows: a before-submission flow to verify the email address, and an after-submission flow to subscribe the user to the newsletter with a MailChimp native integration.
Click on the arrow symbol next to each flow to open and edit it.
This is the overview of a predefined email verification flow, automatically generated with the Newsletter Sign-up template.
This flow is automatically generated and ready to work properly. Yet, if you need to change the verification rules or the if/then condition, do so by opening each action and configure it to meet your needs.
After submission of the flow, the user is subscribed to the newsletter with a MailChimp native action. Keep in mind you can use other third-party providers and connect to them by sending a request with an HTTP request.
Configuration of this action requires setting a mandatory API key, a host and an audience ID, all to be found in your MailChimp account settings.
Plus, add the email reference in the email field. In this case, the reference is already set, thanks to the template generation. Still, we recommend you to check our guideline on referencing variables in case you need to change a certain field ID.
The MailChimp native action also allows to set custom fields for additional user information (for instance, newsletter interests).
After configuring each action, hit the Publish button to save your changes. Keep in mind you can add additional flows or actions to complement the behavior of your form.
You can test your newsletter signup form without having to embed it in a testing environment. Go to the form editor and click on preview to test it in Arengu first. You can check the result of the testing by viewing the Submissions tab (in the forms editor) and the Executions tab (in the flows editor).
After your form and flows are set, go to the Share tab in the forms editor and find your preferred embedding option. Copy it and paste it in your site, regardless of the tech stack you use.