Neru works seamlessly with Mailchimp, especially when you already show Mailchimp forms on your website through an HTML-embed.
If you do not use HTML-embeds for your Mailchimp sign-up forms, we recommend that you contact support.
Let's take a look at how to activate Neru when you use MailChimp to embed forms.
Note: First place the Neru script in your header, as explained here
The example below should look like the form that you currently embed from Mailchimp.
A large part of this code is not relevant for now. The only thing that is important is that we search for the elements that Neru needs to work on, namely the header and description. It is currently not possible to also grab the text of the button, because Mailchimp uses an <input> instead of the usual <button> code. However, there is a simple workaround for this, namely by using the following line:
And replace it with:
From the standard setup in Mailchimp, the above code comes without header and paragraph code. Therefore, we have added this for convenience to the above code. That is why you see the following two HTML lines:
If you also want to grab the button, as described above, we will also include the following line:
Read here everything about the different data attributes so that you can get the most out of Neru
To get Neru working, we add the following attributes to the <h1> tags:
Resulting in the following:
We add the following attributes to the <p> tags:
Resulting in the following:
We add the following attributes to the <button> tags:
Resulting in the following:
We now have the following three lines of code:
Integrate these three lines in the appropriate places in your current HTML embed and Neru is ready to start! (The code preview below could look different depending on your design)